初学前端（HTML标签）

HTML中的标签有很多，从网页文本的生成到为我们的网页添加图像、链接及更多细节，都要使用到各种各样的标签。下面是我通过这周的学习总结到的一些HTML的相关知识：

1.标题标签

html中标题标签共有六级，从<h1>标签到<h6>标签字体依次变小。使用规范如下：

<h1>文本内容</h1>                                                                                                                          <h2>文本内容</h2>                                                                                                                          <h3>文本内容</h3>                                                                                                                          <h4>文本内容</h4>                                                                                                                          <h5>文本内容</h5>                                                                                                                          <h6>文本内容</h6>                                                                                                                         

运行效果如下：

需要注意的是，如果结束标签漏加“/”，比如把</h1>写成<h1>，则会导致浏览器认为是新标题标签的开始，从而导致页面布局错误（如下图）

另外， 像上面的图片显示的那样，标题标签都是默认左对齐的，但有的时候这样显示出来的页面并不好看。而在网页制作的过程中，则可以通过对标题标签添加align属性的方法来改变标题的对齐方式。

语法格式如下：

<h1 align="对齐方式">文本内容</h1>                                                                                               

标题标签的对齐方式

属性值	含义
left	文字左对齐
center	文字居中对齐
right	文字右对齐

 添加align后的运行效果：

 

---

---

2.文字标签

下面总结一些文字的相关标签的使用  

<em>斜体内容</em>（  该标签也可由<i>或<cite>标签替代。）                                                        <u>带下划线的文字</u>                                                                                                                    <strike>带删除线的文字</strike>                                                                                                         ^{上标标签内容}                                                                                                                 _{下标标签内容}                                                                                                               

运行效果如下：

但是不能换行的文字看起来会非常紧凑，文字多了会显得非常的杂乱，没有层次。然而HTML提供的<br/>标签却能帮助我们解决这个问题，下面是添加该标签后的页面显示

 3.段落标签

段落标签的使用比较简单，需要注意的是每一次使用<p>标签后，浏览器都会自动在其前后创建一些空白区域。

语法格式如下：

<p>段落</p>

4.水平线标签

水平线标签使用起来也很简单，只要在代码中加入<hr width="水平线宽带">的标签，就能在网页中显示出自己想要宽度的水平线。