网页的设计第6章网页元素的编辑.pptVIP

第6章 网页元素的编辑 6.1 文本排版 6.1.1 段落 p称为分段控制标签，成对使用。其作用是将文档划分为段落，文本在一个段落中会自动换行。例如：将文本分为三个段落来显示，效果如图6-1所示。 html head title段落/title /head body p互联网始于1969年，……之后有越来越多的公司加入。/p p1968年，……协议中表现出的精神。/p p互联网最初设计是为了……经由中间路由器在网络中传播。/p /body /html 6.1.2 换行 在HTML中，一个段落中的文字会一直从左向右依次排列，直到浏览器窗口的右端，然后自动换行显示。而如果希望在某处强制换行，则需要使用换行标签。 br/称为换行标签，它是一个单标签，作用是令其后面的内容在下一行显示。例如：将文本第二段强制换行显示，效果如图6-2所示。 html head title段落/title /head body p互联网始于1969年，……之后有越来越多的公司加入。/p p1968年，当参议员TedKennedy(特德.肯尼迪)br/听说……表现出的精神。/p p互联网最初设计是为了……经由中间路由器在网络中传播。/p /body /html 6.1.3 标题 在HTML中，文本除了以段落的形式显示，还可以作为标题出现。从结构来说，通常一篇文档最基本的结构就是由若干不同级别的标题和正文组成的。 hn称为标题标签，它是一个双标签，其作用是设置网页中的标题文字，被设置的文字将以黑体或粗体的方式显示在网页中。hn标签一共六级，h1标签表示1级标题，h2标签表示2级标题，一直到h6标签表示6级标题。由h1到h6逐渐变小，标题文字具体的大小会因浏览器的不同而不同。每个标题标签所示的字句将独占一行且上下留一空白行。 例如：设置1级和2级文字标题，效果如图6-3所示。 html head title标题/title /head body h1互联网发展历程/h1 h2第一阶段/h2 p互联网始于1969年，……之后有越来越多的公司加入。/p p1968年，……协议中表现出的精神。/p p互联网最初设计是为了……经由中间路由器在网络中传播。/p /body /html 例如：用无序列表的方式列举HTML的特点。效果如图6-4所示。 html head title无序列表/title /head body HTML的特点 ul li简易型/li li可扩展性/li li平台无关性/li /ul /body /html 6.2.2 有序列表 有序列表和无序列表的使用方法基本相同，它使用ol/ol标签，其中每一个列表项使用li/li标签。每个项目都有前后顺序之分，多数用数字表示，其结构如下所示。 ol li第一项/li li第二项/li …… li第n项/li /ol 例如：用有序列表的方式列举HTML的特点。效果如图6-5所示。 html head title有序列表/title? /head body HTML的特点 ol li简易型/li li可扩展性/li li平台无关性/li /ol /body /html 6.2.3 定义列表 定义列表不仅仅是一列项目，而是项目及其注释的组合。定义列表以 dl 标签开始，/dl标签结束。每个定义列表项目使用dt/dt标签，每个定义列表项目的注释使用 dd/dd标签。一个列表项目可以有多个注释，其结构如下所示。 dl dt第一项项目/dt dd第一项注释1/dd dd第一项注释2/dd …… dd第一项注释n/dd …… dt第m项项目/dt dd第m项注释1/dd dd第m项注释2/dd …… dd第m项注释n/dd /dl 例如：用定义列表的方式显示HTML定义与HTML特点。效果如图6-6所示。 html head title定义列表/title /head body dl dtHTML定义/dt dd