连载教程---HTML从零开始(二)

二、文本格式标记

1、字体大小标记
格式：...
说明：表示要对文本进行修饰，其中的size、color是文本的属性。size是文本字号，color是文本颜色。HTML有7种字号，1号最小，7号最大，默认字号为3。

例：今天心情非常棒！
在浏览器中看到的就是字号为5的几个文字。

2、字体风格标记
格式：、、
说明：---粗体、---斜体、---下划线。

例：风雨送春归，飞雪迎春到，已是悬崖百丈冰，犹有花枝俏
上例的显示效果为：风雨送春归，飞雪迎春到，已是悬崖百丈冰，犹有花枝俏

3、段落标记与换行标记 
(1)段落标记
格式：
功能：换行并空一行。
说明：其中align表示段落中文字的对齐方式，left左、center中、right右。
例：欢迎光临东北人网络
该标记可以没有结束标记

(2)换行标记 
格式： 
功能：仅换行，方法与相同，也可以没有标束标记。

4、列表标记
列表用于列举事实，常有的列表有两种格式，即无序列表和有序列表
(1)无序列表<ul>
格式：<ul>、<li>...</ul>
说明：无序列表用<ul>开始，每一个列表条目用<li>引导，最后是</ul>结束，注意列表条目不需要结束标记。输出时每一列表条目缩进，并且以黑点标示。
例：<ul>
 <li>今天
 <li>明天
 </ul>
输出效果为：

(2)有序列表<ol>
格式：<ol><li>...</ol>
说明：有序列表与无序列表相比，只是在输出时列表条目用数字标示。
例：<ol>
 <li>今天
 <li>明天
 </ol>
输出效果为：

5、水平线标记<hr>
格式：<hr size=? width=? color=? align=?>
功能：插入一条水平线。
说明：size=?表示水平线的宽度、width=?表示水平线长度、color=?水平线颜色、align=?水平线对齐方式。其中width可以指定绝对线长(单位像素)，也可以指定横线长度占窗口宽度的百分比。

例：<hr width=50>、<hr width=50%>

三、图像标记<img>
<img>没有结束标记，它在浏览器中就相当于一个图像，即当浏览器读到这个标签时会显示它所代表的图像，其格式如下：
<img src="图像的路径">

说明：src是<img>标记中最重要的属性，它用来指明所显示的图像的路径。如没有写src，则当前位置会默认插入一个占位图。

<img src="http://www.xland.cn/article/29/32/0510/star.jpg" alt="点击进入" width="115" height="240">
说明：alt属性表示当鼠标指向图像后会显示的说明文字，当浏览器尚未完全读入图像，或浏览器不能显示图像时也会在图像的位置显示出所设置的文字。
width、height表示所插入图像的宽与高。如未指定，默认为图像的原始宽高。

<img align=top|middle|bottom|left|right>
说明：align是设置图像与文本的对齐方式。图像在窗口中会占据一块空间，在图像的左右可能会有空白，不加说明时，浏览器将随后的文本显示在这些空白中，那么显示的位置就由align属性来指定。

用align=left|right时，图像是一个浮动图像。比如align=left，图像必须挨着左边框，它把原来占据该块空白的文本“挤走”，或挤到它右边，或挤到它上下。

例：<img src="" align=top>你好 这时文字与图像是顶对齐
 <img src="" align=middle>你好 这时文字与图像是居中对齐
 <img src="" align=bottom>你好 这时文字与图像是底部对齐

<img vspace=? hspace=?>
功能：设置图像与文本之间的间距。
说明：文本与图像的间距用vspace=? hspace=?，?用整数表示，单位是像素，前者指定纵向间距，后者指定横向间距。

<img border=?>
功能：设置图像的边框线
说明：当?=0时无边框线，也是默认。
例：<img src="" border=15>

以上<img>的全部属性，可以同时出现！

四、超链接标记<a></a>
超级链接是HTML文件中可以提供连接至其他网络节点的网状结构中不可缺少的功臣，它将分散于世界各地的HTML文件链接起来，让使用者能够根据超链接中所指定的URL连接至服务器。总而言之，超链接就是可以让你从某一网络节点跳到另一个网络节点或由一份HTML文件跳到另一份文件中，甚于由同一HTML文件中的一部分跳到另一部分。
一个超级链接标记由两部分组成。一部分是被指向的目标，它可以是同一文件的另一部分，也可以是世界另一端的一个文件，还可以是动画或音乐；另一部分是指向目标的链接对象。

1、链接对象
(1)字符串作为链接对象
格式：<a href="url">字符串</a>
说明：href为<a>的一个属性，是用来定位链接被指向的目标。即被链接对象的路径。随后的"字符串"在浏览器中将会显示出来，用户只要点击一下它就会跳转到被指向的目标。

(2)图像作为链接对象
格式：<a href="url"><img src="url"></a>
说明：<img src="url">是图像元素，它取代了上例中的字符串，但效果和用法与上例相同。

href后面的地址，可以是绝对地址，也可以是相对地址。

2、被指向的目标
(1)链接到本地的另一个页面
<a href="admin/login.asp">进入下一章</a>

(2)链接到网络上的另一个WEB页面
<a href="http://www.51eren.com">东北人网络</a>

(3)链接到同一页面中的另一部分，即锚点链接。
首页做一个锚标记，在要跳到的另一部分的开头定义锚标记：
<a name="锚标记的名字">文章开头</a>

再为链接对象加上链接地址：
<a href="#锚标记的名字">跳转至文章开头</a>