<!DOCTYPE html> <!-- //快捷键:!+tab --> <!-- htmnl:5 html:xt -->
<html lang="en">
<head>
<meta charset="UTF-8"> <!-- //国际通用字符集 -->
<title>标签</title>
<!-- <base target="_blank"> 让所有新页面在新窗口打开,旧窗口不消失 这是个单标签 -->
<!-- <base target="self"> -->
</head>
<body>
<h1>标题标签大小不同</h1>
<h2>标题标签大小不同</h2>
<h3>标题标签大小不同</h3>
<h4>标题标签大小不同</h4>
<h5>标题标签大小不同</h5>
<h6>标题标签大小不同</h6>
<p>段落标签</p>
<hr> <!-- 水平线标签 -->
<br> <!-- 换行标签 -->
<span>块级标签</span>
<div>块级标签</div>
<strong>加粗标签</strong> <b>加粗标签</b>
<i>倾斜标签</i> <em>脉动回来标签</em>
<del>删除标签</del> <s>删除标签</s>
<u>加下划线</u> <ins>加下划线</ins>
<img src="" alt="这是我的大头贴"> <!-- 图像单标签 --> <!-- alt替换文本 -->
<img src="" title="鼠标上去提示文本">
<img src="" alt="" height="100px" border="10px" > <!-- 宽度和高度只需要改其中一个 -->
<a href="">链接标签</a>
<a href="http://www.baidu.com"></a> <!-- 外部链接,内部链接都可以 -->
<a href="#" target="_blank"></a> <!-- target在新窗口打开新界面 -->
<a href="#id选择器">要跳转的div或者标签</a> <!-- 緢点 -->
<a href="#"></a> <!--加#号 返回顶部 -->
<hr>
<!-- .................... 特殊字符 ................................................ -->
<!-- 很多特殊符号这里一一列举 -->
<!-- 相对路径,绝对路径 -->
<img src="images/shs.png" alt=""> <!-- 相对路径 --> <!-- 在css文件夹中,../先回到上一级 --> <!-- ../images/shs.png -->
<img src="../images/sha.png" alt=""><!-- 或者html建了文件夹也要回到上一级再找images文件夹 ../images/sha.png -->
<!-- 绝对路径是复制网上的图片地址直接放上去 -->
<!-- 列表标签 -->
<!-- 无序列表 -->
<ul>
<li>我不喜欢吃苹果</li> <!-- ul只能放li标签,不是一家人不进一家门 -->
<li>我不喜欢吃苹果</li>
<li>我不喜欢吃苹果</li>
<li>我不喜欢吃苹果</li>
<li>我不喜欢吃苹果</li>
<li>我不喜欢吃苹果</li>
<li>我不喜欢吃苹果</li>
<li>我不喜欢吃苹果</li>
<li>我不喜欢吃苹果</li>
</ul>
<!-- 有序列表 -->
<ol>
<li>你喜欢吃苹果</li>
<li>你喜欢吃苹果</li>
<li>你喜欢吃苹果</li>
<li>你喜欢吃苹果</li>
<li>你喜欢吃苹果</li>
<li>你喜欢吃苹果</li>
<li>你喜欢吃苹果</li>
<li>你喜欢吃苹果</li>
</ol>
<!-- 自定义列表 -->
<dl>
<dt>北京</dt> <!-- dd是对dt的描述 -->
<dd>昌平</dd>
<dd>昌平</dd>
<dd>昌平</dd>
<dd>昌平</dd>
<dd>昌平</dd>
</dl>
<!-- 表格 -->
<table> <!-- 表格用来存数据,不用来布局 -->
<tr>
<th>表头标签1</th>
<th>表头标签2</th>
</tr> <!-- 标题单元格 -->
<tr>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>2</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>4</td>
</tr>
<tr>
<td>5</td>
<td>5</td>
</tr>
</table>
<!-- 快捷键 ctrl+c再ctrl+v等于ctrl+shift+d -->
<!-- 快捷键 双击选单词 -->
</body>
</html>
09-08
09-08