第2章 html语法与标签.pdf

第2章 html语法与标签 史晓颖 杭州电子科技大学  静态页面中的绝大部分内容由4类属性的物质组成： 文本——编写通知  图像——在页面中插入图像 超链接 多媒体文件（视频音频） 编写一则会议通知 换行——p标签、 br标签  一般页面文本每行的字数在35字左右，这个没有一定的规 定，原则是只要每行控制在恰当的长度内就可以了。太短 了浏览者会总是需要频繁阅读下一行，太长了浏览者又需 要左右移动视线，这样会令浏览者在阅读页面文本的时候 感到不舒服。在HTML文档中，可以使用以下的p标签 或者br标签方式使文本换行。 p.../p标签； br.../br标签。  p标签对文本的定义是p.../p 内的文本是一个段落  br标签实现强制换行  示例：代码清单3-3 在文本中加入空格  在正规格式的文本中每一段落的开头会空2格，而在 HTML源文档中，连续输入的空格键会被默认为只有一个 空格，所以，这时就需要使用特殊的空格符号放置在文本 中。空格符号的写法是：nbsp;  使用时在文本需要键入空格的地方键入“nbsp;“就可以  示例：代码清单3-5  pre标签：可定义预格式化的文本。被包围在pre 元素中 的文本通常会保留空格和换行符。而文本也会呈现为等宽 字体。  : lt  : gt;  示例：代码清单3-6 对齐文本段落  编排版面时，时常需要使一系列的文本段落按照统一格式对齐，如左 对齐、右对齐和居中对齐。实际操作的时候，设计者当然不是使用一 堆堆的空格符号来一格格地编排文本位置。在HTML文档中，文本的 对齐是通过align标签来实现的，通常把align放在p标签内使用  p align=left.../p ! --左对齐--  p align=center.../p ! --居中对齐--  p align=right.../p ! --右对齐--  示例：代码清单3-7  不一样的字体：  字号：font size=+3A/font A  粗体：B A/B A  斜体：IA/I A  下划线：UA/U A  练习 列表  无序列表  以ul标签开始，至/ul标签结束。在ul标签中，使用li标签 来定义列表的每一行，具体的写法如下所示： ul li……/li li……/li li……/li /ul  有序列表  使用ol标签，以ol开始，到/ol结束，同样使用li标签来定义列表 的每一行，具体的写法如下： ol li……/li li……/li li……/li /ol 列表  缩进列表  使用dl来创建定义列表。在列表中使用dt来定义页面中的每 一行，使用dd标签来定义缩进行。它的代码写法如下： dl dt…/dt dd…/dd dt…/dt dd…/dd /dl  示例：3-13  练习： 编写文本  知识点：  文本排版格式：学会如何使用标签实现在页面中规范写作格 式（pbr ）  文本样式：学会如何改变页面中的文本的基本属性和如何使 用一些特殊的符号（字号，字体，空格）  文本列表：学会在页面中使用无序列表和有序列表来罗列条 目。  提问：  实现文本换行的标签：  改变页面字体样式的标签：  改变页面的排版的对齐属性：  无序列表：  有序列表：  缩进列表：  静态页面中的绝大部分内容由4类属性的物质组