安装工具：HBuilder
工具使用好处：可以使用一边编码一边查看模式，有大量的代码提示，风格好看
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>HTML标签演示</title>
</head>
<body>
<a href="http://www.baidu.com" target="_blank">百度链接</a>
<b>加粗标签</b>
<p>段落标签</p>
<i>斜体标签</i>
<a href="超链接标签">超链接标签</a>
<!--行内元素最好不要-->
<span>行内元素标签</span>
<div>块级元素标签</div>
<address>地址标签</address>
<em>强调标签</em>
<strong>加粗强调标签</strong>
<u>超级链接标签</u>
<br />换行标签
<del>删除标签</del>
<small>小字标签</small>
<big>大字标签</big>
<hr />水平线标签
<pre>
原样输出标签
空格换行都会显示
</pre>
文本的上标<sub>下标</sub>
文本的下标<sup>上标</sup>
<p>这是一段文字<img src="img/古典美女7.jpg" width="50px"
title="这是一张古典美女照片" alt="图片未显示" border="1"/></p>
<ul type="circle">
无序列表标签
<li>一</li>
<li>二</li>
<li>三</li>
</ul>
<ol type="a">
有序列表标签
<li><a href="#">链接1</a></li>
<li><a href="#">链接2</a></li>
<li><a href="#">链接3</a></li>
</ol>
<dl>
<h5>定义标签</h5>
<dt>第一章</dt>
<dd>目录一</dd>
<dd>目录二</dd>
<dt>第二章</dt>
<dd>目录一</dd>
<dd>目录二</dd>
</dl>
<a href="#">回到顶部</a>
</body>
</html>
时间： 2024-10-12 09:42:19