整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
篇文章我们介绍了怎么创建一个最基本的网页，这篇我们介绍一下经常被使用的标签及用途。
显示在浏览器中的内容都要添加在基本模板中的body标签的中间，这点一定要记住！！
下面的body标签中各个标签，我做了解释说明，大概了解各个标签长什么样子，能记住就更好了。
下面的HTML代码可以直接复制到你的网页中（创建HTML文件的方法上篇文章有介绍）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>这里是网页的标题，你看到在哪里显示的了吗？——橙先生</title>
</head>
<body>
<div>div标签可以理解为是个空盒子，什么都能装下</div>
<!-- img标签用来插入图片，src="图片路径"，alt属性可选，用来描述图片, <img src="图片路径" alt="图片的说明（可选）"> -->
这是一张图片，注意这里的img标签形式，这是个单标签
<img src="图片地址" alt="图片的说明（可选）">
<!-- a标签用来添加超链接 ，target="_blank"属性用来点击链接后跳转到新的浏览器页签 href="需要跳转到的网址或是文件"-->
<a href="需要跳转到的网址或是文件，如" target="_blank">这个是文字的链接，也可以在其他内容上添加（比如图片）</a>
<!-- p标签用来填入文字 -->
<p>在这里填入文字</p>
<p>在这里填入文字</p>
<!-- span标签用来添加文字等，属于行内元素 -->
<span>在这里添加你想要的内容</span><span>!!!!!!这里是另外一段内容</span>
<!-- 这里说说块元素和行内元素，像上面的P标签就是块元素，它独占一行， span标签就是行内元素，可以在一行中显示多个span标签内容 -->
<!-- br标签用来换行 -->
<br>
<!-- h1至h6是有固定大小的标题/文字标签 -->
<h1>这是h1里的内容</h1>
<h2>这是h2里的内容</h2>
<h3>这是h3里的内容</h3>
<h4>这是h4里的内容</h4>
<h5>这是h5里的内容</h5>
<h6>这是h6里的内容</h6>
<!-- ul 和li是固定的搭配，是无序列表，可以有N个li -->
<ul>
<li>这里是无序列表1</li>
<li>这里是无序列表2</li>
<li>这里是无序列表3</li>
</ul>
<!-- ol 和li是固定的搭配，是有序列表，可以有N个li -->
<ol>
<li>这里是有序列表1</li>
<li>这里是有序列表2</li>
</ol>
<!-- table 、tr 和 td是固定搭配 ：table是表格，tr是表格里的行，td是表格里的列， 表格里可以有N行 N列-->
<table>
<tr>
<td>表格中第一行的第1列</td>
<td>表格中第一行的第2列</td>
</tr>
<tr>
<td>表格中第二行的第1列</td>
<td>表格中第二行的第2列</td>
<td>表格中第二行的第3列</td>
</tr>
</table>
</body>
</html>
上面的内容已经大致了解了吧？下一篇我们将介绍各种常用到的样式，让各个标签更加的美观。记得关注一下哦！
例
带有两个输入字段和相关标记的简单 HTML 表单：
<form action="demo_form.asp">
<label for="male">Male</label>
<input type="radio" name="sex" id="male" value="male"><br>
<label for="female">Female</label>
<input type="radio" name="sex" id="female" value="female"><br>
<input type="submit" value="提交">
</form>
浏览器支持
目前大多数浏览器支持 <label> 标签。
标签定义及使用说明
<label> 标签为 input 元素定义标注（标记）。
label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。
<label> 标签的 for 属性应当与相关元素的 id 属性相同。
提示和注释
提示:"for" 属性可把 label 绑定到另外一个元素。请把 "for" 属性的值设置为相关元素的 id 属性的值。
HTML 4.01 与 HTML5之间的差异
"form" 属性是 HTML5 的新属性。
属性
New：HTML5 新属性。
| 属性 | 值 | 描述 |
|---|---|---|
| for | element_id | 规定 label 与哪个表单元素绑定。 |
| formNew | form_id | 规定 label 字段所属的一个或多个表单。 |
全局属性
<label> 标签支持全局属性，查看完整属性表 HTML全局属性。
事件属性
<label> 标签支持所有 HTML事件属性。
如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039，我们一起飞！
例
以下代码标记了一个段落：
<p>这是一个段落。</p>
浏览器支持
目前大多数浏览器支持 <p>标签。
标签定义及使用说明
<p> 标签定义段落。
<p>元素会自动在其前后创建一些空白。浏览器会自动添加这些空间，您也可以在样式表中规定。
在HTML 4.01 与 HTML5中的差异
HTML 4.01中标签的 align 属性已经废弃，HTML5不支持该属性。
属性
| 属性 | 值 | 描述 |
|---|---|---|
| align | leftrightcenterjustify | HTML5不支持。 HTML 4.01已废弃。 不赞成使用。请使用样式取代它。 规定段落中文本的对齐方式。 |
全局属性
<p> 标签支持全局属性，查看完整属性表 HTML全局属性。
事件属性
<p> 标签支持所有 HTML事件属性。
如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039，我们一起飞！
*请认真填写需求信息，我们会在24小时内与您取得联系。
