网络安全之前端学习（HTML属性篇）

话接上回，上次讲了HTML一些基础标签，但是没有讲属性，这次就来讲讲标签属性。当然这一节不需要掌握太多，很多的属性都可以用后面的css解决，那么我们现在开始吧。

1. h标签

上回我们说到h标签的align标签，这里再讲一下，

align标签可以改变标题位置，默认是左端，而你可以使用align属性right/left/center改变位置。大家可以看到，align属性显示红色，这是因为不建议这么使用，后期使用css就可以解决。

2. hr标签

我们知道hr标签是产生一个横线，那么这里就要讲讲主要的四个标签。

2.1 color标签，设置颜色

2.2 width 设置水平线长度，单位是px

2.3 size 设置水平线的高度，单位是px，其实是宽度，越大越粗。

2.4 align 设置水平线对齐方式，默认居中，可以设置left/right

1. img标签

经过前面的学习，大家应该都知道img标签是图片标签，可以显示图像。而img标签是<img src=”图片地址” alt=”图片无法显示显示的文字”>，那么还要讲讲另外的属性

1. 1. title 当鼠标停留再图片上显示的文字
   2. width 设置图片的长度
   3. height 规定图像高度

1. ol有序标签

<ol>配合<li>标签可以制造有序列表，这里可以使用type改变样式，type分为5种，分别是1（默认形式），i，I，a,A五种

1. ul无序标签

经过学习，我们知道<ul>配合<li>标签可以创建无序列表，和有序列表类似，无序列表也可以改变样式，为两种，disc（默认为disc，实心圆）和circle（空心圆）

1. table表格标签

我们知道table标签配上<tr> <td>可以产生表格，这里主要讲三个（此处是table标签）

1. border标签，设置表格边框，里面填入数字，数字越大边框越粗。
2. width标签，设置表格高度
3. height标签，设置表格宽度

1. form标签

上一节我已经详细介绍了input标签的type标签，这里讲一讲别的属性，type标签是比较重要的，如果不了解的可以去看上一节。这里讲一讲别的，首先是form标签

1. name标签，表单的名称
2. method标签，get/post（传参方式），

1. 结语

本文介绍了常见的标签的属性，如有遗漏出错，恳请各位师傅斧正，希望大家可以上机实验而不是看看，毕竟只有真正上机试过才会有所体会。那么HTML篇正式完结，接下来我会更新css，希望对大家有帮助。

最后附上视频连接，本文内容提取自以下视频，如要学习，建议去看原视频

【HTML+CSS+JS+Vue】比大学课程还详细的Web前端教程，整整180集，学完即可兼职就业！附学习文档PDF，随时都能学_前端开发_WEB入门_哔哩哔哩_bilibili