网页设计策划2.pptVIP

第2章 超文本标记语言HTML ;HTML文件的基本结构 ;HTML语言使用描述性标记符（称为标记Tag）来指明文本的不同内容。标记是区分文本各个组成部分的分界符，用来把HTML文本划分成不同的逻辑部分（或结构），如段落、标题和表格等。标记描述了文本的结构，它向浏览器提供该文本的格式化信息。用HTML语言编写的页面是普通的文本文件，所以HTML文件可以被任何文本编辑器读取。 HTML文档包含两种信息：页面本身的文本和表示页面元素、结构、格式、及其他超文本链接的HTML标记。HTML标记规定了HTML文本的逻辑结构，并且控制其显示格式，也就是说，网页设计者可以用标记定义HTML文档的逻辑结构，但是文档的实际显示则由浏览器来负责解释。可以使用HTML标记来设置链接、标题、段落、列表、表格和图像等等。 ;HTML语法 ;HEAD标记在HTML文件中不是必须的，如果没有，浏览器也会照常解读文件。 在网页的头部可以使用TITLE标记设定HTML文件的标题。 HTML文件标题标记的格式为： TITLE标题名/TITLE 在HTML文件头部定义了标题，标题的内容会显示在浏览器的标题栏中。 如果没有定义标题，则在浏览器的标题栏中显示的是该文件存放的路径和文件名。 ;主体是整个网页的核心，网页中要真正显示的内容都包含在主体中。 HTML文件主体标记的格式为： BODY background=文件名 bgcolor=颜色值 text＝颜色值 link=颜色值 vlink=颜色值 alink=颜色值 网页的内容 /BODY BODY有很多属性，可以定义页面的背景图像、背景颜色、文字颜色、起文本链接的颜色。这些属性用于设定网页的总体风格。background 设置网页的背景图像； bgcolor 设置网页的背景色； text 设置文本的颜色； link 设置尚未被访问过的超文本链接的颜色； vlink 设置已未被访问过的超文本链接的颜色； alink 设置超文本链接在被访问瞬间的颜色。;HTML的颜色表示可分两种： l???????? 以命名方式定义常用的颜色，如RED、blue等。 l???????? 以 RGB 值表示，如 #FF0000 表示 red,#0000ff表示 blue。 ;文字和段落标记 ;文字标记 ;对网页中的文字，我们还可以设置字型。字型就是文字的风格，如加粗、斜体、带下划线、上标、下标等。 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