Web前端开发技术
上QQ阅读APP看书,第一时间看更新

1.2 基本的HTML标签

1.2.1 HTML标题

HTML标题(Heading)通过<h1>-<h6>标签进行定义。应该将h1用做主标题(最重要的),其次是h2(次重要的),再次是h3,依此类推。

例1-3:

1.2.2 HTML段落

HTML段落是通过<p>标签进行定义的,<p>是块级元素。块级元素(block element)在浏览器中显示时,通常会以新行来开始和结束,和其对应的是内联元素(inline element)。内联元素的显示可以形象地称为“文本模式”,即一个挨着一个,都在同一行按从左至右的顺序显示,不单独占一行。

例1-4:

1.2.3 HTML折行

如果希望在不产生一个新段落的情况下换行,应使用<br/>标签。<br/>元素是一个空的HTML元素。由于关闭标签没有任何意义,因此它没有结束标签。

例1-5:

1.2.4 HTML水平线

<hr/>标签在HTML页面中创建水平线,可用于分隔内容。<hr>标签同样也没有结束标签。使用水平线(<hr/>标签)来分隔文章中的小节是一个办法,但并不是唯一的办法。

例1-6:

1.2.5 HTML列表

1.无序列表

无序列表是一个项目的列表,此列项目使用粗体圆点进行标记。无序列表始于<ul>标签,每个列表项始于<li>。

例1-7:

2.有序列表

有序列表也是一列项目,列表项目使用数字进行标记。有序列表始于<ol>标签,每个列表项始于<li>标签。<ol>标签的type属性表示列表前缀的格式,通常有1、a、A、i、I五个值,而start属性表示从type类型的第几个数字开始。

例1-8:

3.自定义列表(dl-dt-dd)

自定义列表不只是一列项目,而是项目及其注释的组合。自定义列表以<dl>标签开始,每个自定义列表项以<dt>开始,每个自定义列表项的定义以<dd>开始。在自定义列表中,dt和dd中有了一个缩进。使用有序和无序列表实现此结构就要用到列表的嵌套。

例1-9:

1.2.6 HTML特殊符号

有时候需要向网页中加入特殊符号使网页更好看,更确切地表达意思。向HTML页面中输入特殊字符,需要在HTML代码中加入以&开头的字母组合或者以&#开头的数字。常用的HTML特殊符号见表1-1。

表1-1 hTML特殊符号

1.2.7 HTML文本格式化标签

常用的HTML文本格式化标签见表1-2。

表1-2 hTML文本格式化标签

<b>标签和<strong>标签虽然在网页中显示效果一样,但实际目的却不同。<b>标签对应bold,即文本加粗,其目的仅仅是为了加粗显示文本,是一种样式风格需求。<strong>标签的意思是加强,表示该文本比较重要,提醒读者或者终端注意。为了达到这个目的,浏览器等终端将其加粗显示。

1.2.8 HTML注释

可以将注释插入HTML代码中,这样能够提高程序的可读性,使代码更容易被人理解。浏览器会忽略注释,也不会显示它们。合理地使用注释可以对未来的代码编辑、维护工作产生帮助。注释示例如下:

例1-10: