一、今天完成的事情
水平线标签<hr></hr>
属性：align=“属性值”：设定线条置放位置。属性值可选择：left、right、center
size=“2”：设定线条粗细。以像素为单位，内定为2.
width=“500”或width=“70％”：设定线条长度。可以是绝对值（单位是像素）或相对值。如果设置为相对值的话，内定为100％
color=“#0000FF”：设置线条颜色。
noshade：不要阴影，即设定线条为平面显示。若没有这个属性则表明线条具阴影或立体，这是内定值。
实例演示

内容居中标签：<center>
此时center代表是一个标签，而不是一个属性值了。只要在这个标签里面的内容，都会居于浏览器的中间。
效果演示

到了H5里面，center标签不建议使用。
预定义（预格式化）标签：<pre>
含义：将保留其中的所有的空白字符（空格、换行符），原封不动的输出结果（告诉浏览器不要忽略空格和空行）
说明：真正排网页过程中，<pre>标签几乎用不着，但在PHP中用于打印一个数组时使用。
实例演示：

当不用<pre>标签时，之间的空格和空行会被忽略成一个空格。

字体标签：
标题：使用<h1>至<h6>标签进行定义。<h1>定义最大的标题，<h6>定义最小的标题。具有align属性，属性值可以是：left、center、right
字体标签<font>
属性：color=“红色”或color=“#FF00CC”或color=“new rgb（0，0，255）”：设置字体颜色。
设置方式：单词 #FF00CC  rgb(0,0,255)
size：设置字体大小。取值范围1至7.取值时，如果取值大于7 那就按照7来算，如果取值小于1那就按照1来算。如果想要更大的字体，那就只能通过css样式来解决。设置：用‘+2’代表值是5或直接给值
face=“微软雅黑”：设置字体类型。注意在写字体时，“微软雅黑”这个字不能写错。
<font face="微软雅黑" color="#FF0000" size="10">vae</font>
以下是实例

特殊字符：
&nbsp;   空格（non-breaking spacing，不断打空格）
&lt； 小于号（less than）
&gt； 大于号（greater than）
&amp； 符号&
&quot； 双引号
&apos；单引号
&copy：版权
&trade：商标
&#32464：文字 绐

一些小标签/小标记：
<u>：下划线标记
<s>或<del>：中划线标记（删除线）
<i>或<em>:斜体标记
以下是实例：<br>是换行

上面的这几个标签，常用于做一些小装饰、小图标。
粗体标签：<b>或<strong>，用法同上。
上标<sup>   下标<sub>
上下标的这两个标签很容易混淆，怎么记呢？这样记：b的意思是bottom：底部。
举例：22³³55<sub>22</sub

超链接：
超链接有三种形式：
1、外部链接：链接到外部文件。举例：
<a href="02页面.html">点击进入另一个文件</a>
a是英语anchor“锚”的意思，就好像是这个页面往另一个页面扔出了一个锚。是一个文本级的标签。
href是英语hypertext reference超文本地址的缩写。也可以直接点进链接，访问一个网址，举例：
<a href="http://www.baidu.com" target="_blank">点我点我</a

2、锚链接
指给超链接起一个名字，作用是在本页面或者其他页面的不同位置进行跳转。比如说，在网页底部有一个向上箭头，点击箭头后回到顶部，这个就是利用到了锚链接。
首先我们要创建一个锚点，也就是说，使用name属性或者id属性给那个特定的位置起个名字。
<a name="name1">顶部</a>
<pre>
</pre>
<a href="#name1">回到顶部</a>
解释：第一行代码表示，顶部这个锚的名字叫做name1。
然后在底部设置超链接，点击时将回到顶部（此时，网页中的url 的结尾也出现了#name1）。注意#号不要忘了，表示跳到名为name1的特定位置，这是规定。如果少了# 号，点击之后，就会跳到name1 这个文件或者name1 这个文件夹中去。
如果我们将最后一行代码写成：
<a href="a.html#name1">回到顶部</a>
那就表示，点击之后，跳转到a.html页面的name1锚点中区。
说明：name属性是HTML4.0以前使用的，id属性是HTML4.0后才开始使用的。为了向前兼容，因此，name和id这两个属性都要写上，而且值是一样的。
3、邮件链接
代码举例：
<a href="mailto:smyhvae@163.com">点击进入我的邮箱</a>
效果：点击之后会弹出Outlook，据说作用不大。
上面2、3两种超链接方式都实例测试了，锚链接是好用的，但是邮件链接不太好使。
超链接的属性：
href：目标URL
title：悬停文本
name：主要用于设置一个锚点的名称
target：告诉浏览器用什么方式来打开目标页面。target属性有以下：
_self：在同一个网页中显示（默认值）
_blank：在新的窗口中打开
_parent：在父窗口中显示
_top：在顶级窗口中显示
title属性举例：<a href="FLAMING MOUNTAIN.JPG" title="很好看哦">桌面</a>        此例中title就是悬停文本，就是很好看哦\

target属性举例：
<a href="1.html" title="悬停文本" target="_blank">链接的内容</a>
blank就是“空白”的意思，就表示新建一个空白窗口。为啥有一个_，就是规定。也就是说，如果不写target="_blank"，那么就是在相同的标签页打开，如果写了target="_blank"，就是在新的空白标签页打开。
备注1：分清楚img和a标签的各自的属性
区别如下：
<img src="1.jpg"/>
<a href="1.html"></a>
备注2：a是一个文本级的标签
比如一个段落中的所有文字都能够被点击，那么应该是 p 包裹 a 。
<p>
    <a href=" ">段落段落段落</a>

</p>
而不是 a 包括 p ：
<a href=" ">
    <p>

            段落段落段落

    </p>

</a>
a的语义要小于p，a就是可以当做文本来处理，所以p里面相当于放的就是纯文本。
图片标签：
img：代表的就是一张照片。是单边标记。img是自封闭标签，也称为单标签。
能插入的图片类型：
能够插入的图片类型是：jpg（jpeg）、gif、png、bmp。
不能够在网页中插入的图片格式是：psd、ai
HTML页面不是直接插入图片，而是插入图片的引用地址，所以也要把图片传到服务器上。
src属性：图片的相对路径和绝对路径
这里涉及到图片的一个属性;src属性;指图片的路径
在写图片的路径时，由两种写法：相对路径、绝对路径
1、写法一：相对路径
相对当前页面所在的路径。两个标记 . 和 .. 分别代表当前目录和父路径。
举例1：
<!-- 当前目录中的图片 -->
<img src="2.jpg">
<img src=".\2.jpg">
<!-- 上一级目录中的图片 -->
<img src="..\2.jpg">
img是image“图片”的缩写，src是英语source“资源”的缩写。
相对路径不会出现这种情况：
aaa/../bbb/1.jpg
../要么不写，要么就写在开头。二、明天要做的事情1、把小乌龟装上2、把html的尾巴收了3.学习css三、遇到的困难暂时没有四、收获html的大概基础知识都了解的差不多了