JavaScript程序设计第2章 HTML文档.pptVIP

2.1　HTML文档基础 1．双标记 语法格式： 标记内容/标记 2．单标记 语法格式如下： 标记 在使用的大多数单标记和双标记的开始标记内通常可以包含一些属性，其语法格式如下：? 标记 属性1 属性2 属性3 … HTML中的基本结构如下： ? HTML HEAD …头部信息 /HEAD BODY …主体内容 /BODY /HTML html…/html标记 HTML文档中的第一个标记，该标记用于表示该文档是HTML文档，当浏览器遇到html标记时，就会按HTML的标准来解释文本。结束标记/html出现在HTML文档的尾部。 head…/head标记 此标记出现在html标记内起始的部分，此标记称为头部标记。 头部标记用于提供与Web页面有关的各种信息。在头部标记中，可以使用meta标记模拟HTTP协议的响应头报文，用于鉴别作者、标注内容提要和关键字、设定页面字符集、刷新页面等，在HTML头部可以包括任意数量的meta标记；使用title…/title标记来指定网页的标题；使用style…/style标记来定义CSS样式表；使用script…/script标记来插入脚本语言等。一般来说，位于头部标记中的内容都不会在网页上直接显示。 body…/body 此标记称为主体标记，在头部标记/head之后。它定义了HTML文件显示的主要内容和显示格式。作为网页的主体部分，此标记有很多的内置属性，这些属性用于设定网页的总体风格。例如，定义页面的背景图像、背景颜色、文字颜色以及超文本链接颜色等。 1.标题标记hn…hn 语法格式如下： ? h1标题/h1 h2标题/h2 … 2.文字格式标记font…/font 属性 说明 size 此属性用来设置文字的字号，文字的字号可以设置为 1~7、也可以设置为+1~+7或者是-1~-7。默认文字的大小为3号 face 此属性用来设置文字的字体效果，可以设置一个或多个字体名称，使用多个字体的情况下，默认使用第一种字体，如果第一种字体不存在，则使用第二种字体，以此类推。如果设置的多个字体都不存在将使用默认字体，中文默认为宋体，英文默认为Times New Roman color 此属性用来设置文字的颜色，其值可以设置为颜色的名称也可以设置为十六进制的颜色代码。默认值为黑色 3.文字样式标记 样式标记 说明 b…/b strong…/strong 设置文字为粗体字样式 i…/i em…/em 设置文字为斜体字样式 u…/u 设置为带下划线的文字 sup…/sup 设置文字为上标样式 sub…/sub 设置文字为下标样式 s…/s strike…/strike 将文字添加删除线 1．段落标记p 语法： ? P align=对齐方式…/P 2．换行标记br 在页面中一行文字达到一定长度浏览器会对其自动换行，如果文字未达到一定长度可以使用换行标记br对其强制换行。换行标记是单标记。 1.无序列表标记 语法： ? ul li第一项 li第二项 li第三项 … ul 2．有序列表标记ol…/ol 语法： ? ol li第一项 li第二项 li第三项 … /ol 超链接标记常用的属性及说明 属性 说明 href 指定链接文件的相对路径，相对文件路径是指在同一网站下，通过给定的目录以及文件名称确定文件的位置。如果链接同一目录下的文件，则只需指定链接文件的名称；如果链接下一级目录中的文件，则先输入目录名，然后加符号“/”，再输入文件名；如果链接上一级目录中的文件，则需先输入符号“../”，再输入目录名、文件名。当设置为“#”时表示一个空链接，即鼠标单击链接后仍然停留在当前页面 name 链接的名称，常用于书签链接。例如，建立并引用书签链接 a name=content_link/a!--建立书签链接-- … a href=#content_link/a!--引用书签链接-- title 链接的提示文字，即当鼠标悬停在超链接文字或图像上时显示的文字信息 target 指定链接的目标窗口打开方式。共有四个属性值 accesskey 超链接热键 图像标记常用的属性及说明 属性 说明 src 此属性用来设置图像文件所在的路径，此路径可以是相对路径也可以是绝对路径 height 此属性用来设置图像的高度，单位是像素（设置图像高度其宽度会等比例进行调整） width 此属性用来设置图像的宽度，单位是像素 border 此属性用来设置图像边框的宽度，单位为像素。默认为无边框 hspace 此属性用来设置两个图像之间的水平间距，单位是像素 vspace 此属性用来设置图像与文字的垂直间距 align 此属性用来设置图像的对齐方式