最直观的html标签

标题

<h1>一级标题</h1><!--32px-->
<h2>二级标题</h2><!--24px-->
<h3>三级标题</h3><!--18.72约18px-->
<h4>四级标题</h4><!--16px-->
<h5>五级标题</h5><!--13.38约14px-->
<h6>六级标题</h6><!--12px-->

段落

 <p>段落内容</p><!--段落和段落之中时换行的 -->

字体

<!--作用：格式化文本，只能控制字体集、大小和颜色 ,最好不要用，html5显示已经过时-->
 <font size="3">文字内容</font>
 <font face="Helvetica">文字内容</font>
 <font color="#d8d8d8">文字内容</font>
 <font color="rgb(168,178,188)">文字内容</font>
 <font color="yellow">文字内容</font>

链接标签

<!--作用：文档内部描点，跳转到外部文档，下载资源；属性：href，target，小贴士：禁止跳转，去掉下划线-->
<a href="http://www.baidu.com/" target ="_brank">超文本引用，新窗口</a>
</br>
<a href="http://www.baidu.com/" target ="_self">超文本引用，本窗口</a>\
</br><!--#后面时跳转到id=titlrThird的-->
<a href="#titleThird">页面内锚点</a>
</br>
<a href="javascript:;">随便点，能跳走算我输</a>
</br>
<div class=""content>一堆内容</div>
</br>
<h3 id="titleThird">titleThird</h3>

列表

<!--无序列表-->
<ul>
	<li>苹果</li>
	<li>香蕉</li>
	<li>芒果</li>
</ul>

<!--有序列表-->
<ol>
	<li>麻辣烫</li>
	<li>过桥米线</li>
	<li>四川苕粉</li>
</ol>

<!--定义列表-->
<dl>
	<dt>苹果</dt>
	<dd>一种水果</dd>
	<dt>香蕉</dt>
	<dd>一种水果</dd>
	<dt>芒果</dt>
	<dd>一种水果</dd>
</dl>

图像

<!--作用：插入图片-->
<img alt="error" src="图片地址"/>

• 绝对路径：从盘符开始
• 相对路径：./img/log1.png

div

<!--作用：布局；这里只是简单的介绍，后面会有他的详细学习-->
<div>哈哈哈哈</div>