前端学习 ---- html标签

来源：微信公众号「编程学习基地」

h1-h6 : 标题标签

	<h1>一级标题</h1>	<!--一级标题最好不要有多个，在做网页的时候-->
	<h2>二级标题</h2>
	<h3>三级标题</h3>
	<h4>四级标题</h4>
	<h5>五级标题</h5>
	<h6>六级标题</h6>

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

font标签：字体效果标签(out)

	<font size="3" color="red">字体大小：3，颜色：红色</font>
	<font size="2" color="blue">字体大小：2，颜色：蓝色</font>
	<font face="楷体" color="green">字体：宋体，颜色：绿色</font>
	<font face="Consolas" color="green">字体：Consolas，颜色：绿色</font>

字体大小：3，颜色：红色
字体大小：2，颜色：蓝色
字体：宋体，颜色：绿色

字体：Consolas，颜色：绿色

可选的属性

属性	值	描述
color	rgb(x,x,x) #xxxxxx colorname	规定文本的颜色。
face	font_family	规定文本的字体。
size	number	规定文本的大小。

p标签：段落标签

单独占据一行
代表段落

	<!--段落标签-->
	<p>打死都看见爱上即可好看吉安
	释放空间奥斯卡的立法会卡萨丁拉横
	幅卡萨丁恢复健康是打发了咖啡拉克的家伙第三大沙发上发动机阿喀琉斯</p>

打死都看见爱上即可好看吉安 释放空间奥斯卡的立法会卡萨丁拉横 幅卡萨丁恢复健康是打发了咖啡拉克的家伙第三大沙发上发动机阿喀琉斯

pre标签：定义预格式化文本

<pre>文字格式按源码显示</pre>

<pre>常用来显示代码</pre>

<pre>
	#include<stdio.h>
	int main()
	{
		return 0;
	}
</pre>

	#include

em/i标签：强调标签

效果是倾斜
em拥有SEO搜索引擎优化 i没有

在湖湘性格方面，<em>湖南</em>男人也有许多缺陷，而且这些缺陷、弱点又往往是与其优点联系在一起的。如<i>湖南</i>人虽刚毅而敢为人先

在湖湘性格方面，湖南男人也有许多缺陷，而且这些缺陷、弱点又往往是与其优点联系在一起的。如湖南人虽刚毅而敢为人先

strong/b标签:加粗标签

效果是加粗
strong拥有SEO搜索引擎优化 b没有

湖南人虽显得大气，但又可能形成虚骄之气而难客观把握自我与外部世界的<strong>关系</strong>；<b>湖南</b>男人有很强烈的政治意识.

湖南人虽显得大气，但又可能形成虚骄之气而难客观把握自我与外部世界的关系；湖南男人有很强烈的政治意识.

span标签：

没有固定的格式表现，可对其应用样式

	<span style="color:red;">组合文档中的行内元素</span>
    <span>没有固定的格式表现，可对其应用样式</span>

组合文档中的行内元素
没有固定的格式表现，可对其应用样式

sub/sup上下标标签：

2<sup>2</sup> + 3<sup>3</sup> = 31	
	O<sub>2</sub> + 2H<sub>2</sub> = 2H<sub>2</sub>O

2² + 3³ = 31 O₂ + 2H₂ = 2H₂O

del/ins标签：删除标签/插入标签

字体加上删除线

<del>原价:998</del>
<ins>跳楼价:99.8</ins>

原价:998
跳楼价:99.8

a标签： 超链接标签

<a href="mailto:2542639616@qq.com"  title="邮箱"target="_self">邮箱</a>
<a href="https://baidu.com" target="_self">百度</a>
<a href="#tar" >锚点</a>
<a href="#ta" name="tar"> 锚点二 </a>

<p id="tar">
	目标一位置
</p>

<p id="ta">
	目标二位置
</p>