网页设计——入门与提高 作者 王维 吴菲 王丽娜 第06章.pptVIP

第6章 网页元素的编辑 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 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 6.1.4 特殊文字符号 在HTML文件中，有时会用到一些特殊字符，例如“C”、“R”、空格，这些在HTML文件中都有相应的代码。表6-1列出了一些常见的特殊字符代码。 特殊或专用字符 数字代码 字符代码 ? #60; lt; ? #62; gt; #38; amp; “ #34; quot; ！ #33; ? #169; copy; ： #59; ? #174; reg; 空格 ? nbsp; 6.2 文字列表 文字列表的主要作用是有序的编排一些信息资源，使其结构化和条理化，并以列表的样式显示出来，以便浏览者能更加快捷的获得相应信息。 6.2.1 无序列表 无序列表标签为ul，它是一个双标签。其中每一个列表项使用li/li标签，其结构如下所示。 ul li第一项/li li第二项/li …… li第n项/li /ul 例如：用无序列表的方式列举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