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

网络安全之前端学习（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

3.img标签

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

3.1title 当鼠标停留再图片上显示的文字

3.2width 设置图片的长度

3.3height 规定图像高度

4.ol有序标签

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

5.ul无序标签

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

6.table表格标签

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

1.border标签，设置表格边框，里面填入数字，数字越大边框越粗。

2.width标签，设置表格高度

3.height标签，设置表格宽度

7.form标签

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

1.name标签，表单的名称

2.method标签，get/post（传参方式），

8.结语

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

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

https://www.bilibili.com/video/BV1oz421q7BB/?spm_id_from=333.337.search-card.all.click

原文始发于微信公众号（泷羽Sec-林）：网络安全之前端学习（HTML属性篇）