网页设计2技术介绍.pptVIP

第2章 超文本标记语言HTML ;HTML文件的基本结构 ;HTML语言使用描述性标记符（称为标记Tag）来指明文本的不同内容。标记是区分文本各个组成部分的分界符，用来把HTML文本划分成不同的逻辑部分（或结构），如段落、标题和表格等。标记描述了文本的结构，它向浏览器提供该文本的格式化信息。用HTML语言编写的页面是普通的文本文件，所以HTML文件可以被任何文本编辑器读取。 HTML文档包含两种信息：页面本身的文本和表示页面元素、结构、格式、及其他超文本链接的HTML标记。HTML标记规定了HTML文本的逻辑结构，并且控制其显示格式，也就是说，网页设计者可以用标记定义HTML文档的逻辑结构，但是文档的实际显示则由浏览器来负责解释。可以使用HTML标记来设置链接、标题、段落、列表、表格和图像等等。 ;HTML语法 ;;HTML文件的基本结构 ;HEAD标记在HTML文件中不是必须的，如果没有，浏览器也会照常解读文件。 在网页的头部可以使用TITLE标记设定HTML文件的标题。 HTML文件标题标记的格式为： TITLE标题名/TITLE 在HTML文件头部定义了标题，标题的内容会显示在浏览器的标题栏中。 如果没有定义标题，则在浏览器的标题栏中显示的是该文件存放的路径和文件名。 ;文字和段落标记 ;文字标记 ;对网页中的文字，我们还可以设置字型。字型就是文字的风格，如加粗、斜体、带下划线、上标、下标等。 B粗体 受影响的文字 /B I斜体 受影响的文字 /I U加下划线 受影响的文字 /U TT标准打印机字体 受影响的文字 /TT BIG大型字体 受影响的文字 /BIG SMALL小型字体 受影响的文字 /SMALL BLINK闪烁效果 受影响的文字 /BLINK SUB下标 受影响的文字 /SUB SUP上标 受影响的文字 /SUP STRIKE加删除线 受影响的文字 /STRIKE;段落标记 ;强制换行标记 ;设置段落标记 ;水平线 ;列表标记 ;UL type= 符号类型 LI type=符号类型 第一个列表项 LI type=符号类型 第二个列表项 …… …… / UL 其中，LI标记是单标记，即一个表项的开始，就是前一个表项的结束。 Type指定每个表项左端的符号类型，可为disc（实心圆点●）、circle（空心圆点○）、square（方块■），还可以自己设置图片，如LI img src=mygraph.gif。默认为实心圆点。 ;使用OL标记可以建立有序列表，表项的标记仍为LI，格式为： OL type= 符号类型 LI type=符号类型 第一个表项 LI type=符号类型 第二个表项 …… …… / OL 其中，type属性可设定5种序号：数字（type = 1）、大写英文字母（type = A）、小写英文字母（type = a）、大写罗马字母（type = I）和小写罗马字母（type = i）。缺省的序号标记是数字。;列表的嵌套 列表嵌套可以把网页分为多个层次，例如书的目录，给人以很强的层次感。有序列表和无序列表不仅可以自身嵌套，而且可以互相嵌套。 无序列表中套无序列表 有序列表中套无序列表 无序列表中套有序列表 有序列表中套有序列表;图片标记 ;表格标记 ;一般格式为： TABLE TRTH表头1/TH TH表头2/TH…TH表头n/TH/TR TR TD表项11/TDTD表项12/TD…TD表项1n/TD/TR …… TR TD表项m1/TDTD表项m2/TD…TD表项mn/TD/TR /TABLE ;〈TABLE〉标记的一般格式为： TABLE border=n width=x或x% height=y或y% cellspacing=i cellpadding=j align=水平对齐方式 valign=垂直对齐方式 background=背景图片 bgcolor=背景颜色 bordercolor=边框颜色;TR标记的一般格式为： TR width=x或x% height=y或y% align=“水平对齐方式” valign=“垂直对齐方式” bgcolor=“背景颜色” bordercolor=“边框颜色” Width 设定表格当前行的宽度。 Height 设定表格当前行的高度。 align 设定当前行内文字、图片等的摆放位置（水平），可选值为left、center或right。 valign 设定当前行内文字、图片等的摆放位置（垂直），可选值为top、middle或bottom。 Bgcolor 设定表格当前行的背景颜色。 Border