关于Html标签的一些常用标签的分类以及经常使用的属性总结

这些时间一直在准备面试的东西，还有想起以前在开发的时候查找WC3上面根据标签首字母查找标签的使用方法，现在我准备把这些常用的标签分下类。以方便自己在学习的时候好掌握。大致分类分为7类，分别是文本标签，格式标签，链接标签，列表标签，表单标签，帧标签与分区标签。

1.文本标签（用来描述文本与字体等）

1.1标题标签<h1></h1>......<h6></h6>

用来给文字进行区分等级，分为6个等级1-6文字的大小依次的减小。

1.2物理字体

<b>粗体</b>

<i>斜体</i>

<tt>打字机文本</tt>

<u>下划线版本</u>

<s>将括号内的文字上打上删除线</s>

^{定义一个上标}比如2的2次方就可以这样表示如下图

_{定义一个下标}其实和上标一个道理，但是多数是表示商标使用。

1.3客户端字体

<font>规定文本的字体、字体尺寸、字体颜色。</font>

有三个主属性分别是

face=“填写字体”

size="填写字体的大小"   分为七个等级根据数字的大小依次的变大（我们需要注意的就是和<h>标签区分开正好和它相反），如果要是不写这个属性就默认值为3

clolor="填写字体的颜色"（两种表现形势1.直接用英文字母2.用三色法#000000）

 

 

2.格式化标签（控制文本的排版，分割等）

因为在Html中式忽略所有的空格与换行的，所以才出现的格式化的标签。

<p></p>段落标签  包含的属性align=“”其中有center left  right三个常用属性

<br>换行标签

<center></cenater>居中标签

<hr>分割线

<pre></pre>预格式化 （指的就是文本当中含有代码端，可以将代码端全部展现出来）

 

3.链接和图表

<a>链接标签

其中包含的属性有

href=“”作用有放置图片的路径，防止网址的地址，还有一个就是锚定跳转到某一个地点。

下面就针对第三个展开下演示

<a name="名字">标记目标，跳转到另外一个页面的某一个地点</a>

<a href="#名字"></a>这样就完成了跳转

<a target = ""></a>  引号里面可以填写的东西有_self和_blank这两个作用是在打开新网页的时候原页面消除和原页面保留。

 

<img>图片标签

包含的属性有

src=“”URL地址

widch=“”宽度

height=“”高度

 

 

4.列表标签

4.1自定义列表

从上面的代码就可以看出来<dt>标签可以看作是一个标题，<dd>是标题包含的内容。

4.2无序列表

4.3有序列表

type=“”的属性值有1,A,I

下篇继续记录，今天就到这里了。