HTML常用标签介绍

按照惯例在学习的过程中我们将配合W3c的文本，进行学习和交流。如何打卡W3c应该就不需要再说了，打开后进行搜索或者在手册的正中心上方找到HTML/CSS点击后选择HTML。HTML指的是超文本标记语言、是用来描述网页的一种语言。也是我们制作网页时会用到的一种语言。

在HTML文档中我们会看到各种各样的标签，比如：文本标签、超链接标签、有序和无序等，接下来的内容将会学习到各种标签的使用效果以及如何使用。
在文档中我们会经常用到div标签，那么如何在文档写div标签？我们只需要打开DW软件开发工具创建新的页面进行保存即可。创建好后打开就是这样的。

在创建div标签的时候我们需要注意。当我们创建多个div标签后，我们在写它相对样式的时候会发现所有的div标签都会收到一定的影响。这个时候我们就要给它加上属于他的class名称和id进行区分。更需要注意的是不用给每一个div标签都设立名称。

文本标签顾名思义就是能够在网页显示文字的标签，文本标签有很多种比如：p标签、h1标签、h2标签、h3标签、h4标签等。这里我们将学习我们常用的几种标签。首先肯定有p标签，p标签定义段落，p元素会自动在其前后创建一些空白。P标签里还有一个align属性，这个属性归档了文本的对齐方式。

这句代码就是文本向左对齐，当然我们也可以通过css的text-align属性也可以改变文本的对齐方式。和text-align属性一样也有其他的属性值：

h1、h2、h3、h4、h5、h6标签它们之间的作用是一样的，为一不一样的就是它们的文字大小不一。写在h1标签里的文字要比写在h2标签中的文字要大，以此类推。我们能够知道h6标签里的文字是最小的。

接下来是无序列表和有序列表，两者之前是存在差异的。无序列表和有序列表中包裹的li标签用法是一样的，无序列表的外层标签是ul标签，有序列表的外层标签是ol标签。Li标签定义在列表中。接下来是ul标签和ol标签之间的差异。有序什么是有序？有序就是在网页显示li标签的是在前面加上相对应的序号。而无序标签的初始状态就是在li标签的前面加上一个小黑点。

看了上面的图是感觉它们两者之间的差异不是很大，但还是会有所不同。如果不想要li标签前面的序号或者黑点，那么我们可以通过list-style属性进行删除。
br标签是针对与文本的换行，使用也很简单只需要在我们需要换行的文本前面加上br标签就可以快速的进行一个换行的效果。

效果图：

a标签就是网页中常用的链接标签也叫锚标签。a标签定义超链接，用于一张网页链接到另一张网页。元素中最重要的属性是href属性，它指示链接的目标。使用a标签的时候需要注意的只有一点，那就是你有没有把href属性给遗漏了或者删除了。除此以外就没有什么需要注意的了，它不只是可以链接网页也可以链接一张图片。

如果不需要链接那么就向上面图片的那样加上一个#符号，本身a标签带有刷新的效果。
img标签作用是可以在网页上显示图片。img 元素向网页中嵌入一幅图像。需要注意的是，从技术上讲，img标签并不会在网页中插入图像，而是从网页上链接图像。因此img标签创建的是被引用图像的占位空间。然后img标签有两个属性分别是src属性和alt属性。这两个属性是它的必需属性。

后面是它的可选属性：

那么到这里也就结束了。