一、说明
基于Sublime Text编译器。只需要输入“<标签”，然后按下 Tab键，就可以自动生成代码形成闭合标签。
如：输入“<html”，然后按下 Tab键，会自动补全html完整代码。
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
二、常规标签
1.HTML 文档标签html
<!-- 定义了整个 HTML 文档 -->
<html>
</html>
2.HTML 头标签head
<head>
</head>
3.HTML 主体标签body
<body>
</body>
三、其他标签
HTML 网页标题（网页标签页名称）
输入“<title”，然后按下 Tab键。
<!-- 标签页名称<title> -->
<title>HTML 标签使用</title>
效果图：
Paste_Image.png
HTML 内容标题（共四级标题）
输入“<h1”或“<h2”或“<h3”或“<h4”，然后按下 Tab键。
<!-- 内容标题（共6级：h1、h2、h3、h4、h5、h6） -->
<h1>标题一</h1>
<h2>标题二</h2>
<h3>标题三</h3>
<h4>标题四</h4>
<h5>标题五</h5>
<h6>标题六</h6>
效果图：
Paste_Image.png
HTML 段落
输入“<p”，然后按下 Tab键。
<!-- 段落<p> -->
<p>基于Sublime Text编译器。</p>
<p>只需要输入“<标签”，然后按下 Tab键，就可以自动生成代码形成闭合标签</p>
HTML 链接
输入“<a”，然后按下 Tab键。
<!-- 链接标签格式 -->
<a href=""></a>
<!-- 示例 -->
<a href="http://www.baidu.com">百度首页</a>
HTML 表格
输入“<table”，然后按下 Tab键。
<!-- 表格<table>（表框：border；行列） -->
<table border="1">
<tr>
<th>月份</th>
<th>工资</th>
</tr>
<tr>
<td>一月</td>
<td>10000元</td>
</tr>
<tr>
<td>二月</td>
<td>9000元</td>
</tr>
</table>
HTML 水平线
只需要一个标签就可以，不需要闭合。
<!-- 水平线<hr/> -->
<hr/>
夹在线中间
<hr/>
HTML 换行
空标签，只需要一个标签就可以，不需要闭合。
<!-- 换行（<br>或者<br/>） -->
这是一句话。<br>
这是第二句话。<br/>
附上完整HTML文档代码
<!-- 输入“<html”，然后按下 Tab键不全代码 -->
<!DOCTYPE html>
<html>
<head>
<!-- 标签页名称<title> -->
<title>HTML 标签使用</title>
</head>
<body>
<!-- 内容标题（共4级：h1、h2、h3、h4） -->
<h1>标题一</h1>
<h2>标题二</h2>
<h3>标题三</h3>
<h4>标题四</h4>
<!-- 段落<p> -->
<p>基于Sublime Text编译器。</p>
<p>只需要输入“<标签”，然后按下 Tab键，就可以自动生成代码形成闭合标签</p>
<!-- 换行（<br>或者<br/>） -->
这是一句话。<br>
这是第二句话。<br/>
<br/>
<!-- 表格<table>（表框：border；行列） -->
<table border="1">
<tr>
<th>月份</th>
<th>工资</th>
</tr>
<tr>
<td>一月</td>
<td>10000元</td>
</tr>
<tr>
<td>二月</td>
<td>9000元</td>
</tr>
</table>
<!-- 水平线<hr/> -->
<hr/>
夹在线中间
<hr/>
<!-- 链接标签格式 -->
<a href=""></a>
<!-- 例如 -->
<a href="http://www.baidu.com">百度首页</a>
</body>
</html>
网友评论