<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!-- 浏览器标题栏前面小图标 href地址 -->
<link rel="shortcut icon" type="image/x-icon" href="favicon.icon" />
<h1>h1标题</h1>
<h2>h2标题</h2>
<h3>h3标题</h3>
<h4>h4标题</h4>
<h5>h5标题</h5>
<h6>h6标题</h6>
</head>
<body>
<p>学习HTML的目的就是在你需要的地方用到符合语义的标签，把标签用“对”这才是HTML学习的目的</p>
<p>p代表段落</p>
<!-- br和hr属于自闭合标签 -->
<!-- br代表换行 ＜br/＞标签只适合用于p标签内 部的换行，不能用于其他标签。-->
<br>
<!-- hr代表水平线 -->
<hr>
<!-- 块元素特点：
（1）独占一行，排斥其他元素跟其位于同一行,包括块元素和行内元素;
（2）块元素内部可以容纳其他块元素或行元素
常见块元素有：h1~h6、p、hr、div等-->
<div>块元素</div>
<!-- 行内元素特点：
（1）可以与其他行内元素位于同一行；
（2）行内内部可以容纳其他行内元素，但不可以容纳块元素，不然会出现无法预知的效果；
常见行内元素有：strong、em、span等 -->
<!-- span标签往往都是用来配合CSS来 修饰元素的 -->
<span>行内元素</span>
<!-- 代表空格 -->
<strong>strong代表加粗 </strong>
<!-- a用于超链接 -->
<a href="www.baidu.com">百度一下</a>
<!--em斜体 -->
<em>斜体</em>
<!-- 上标 -->
<sup>上标</sup>
<!-- 下标 -->
<sub>下标</sub>
<caption>标题</caption>
<!-- ul无序列表 -->
<ul>
<li>无序列表项</li>
<li>无序列表项</li>
<li>无序列表项</li>
</ul>
<!-- 基础的表格 tr行 td单元格 -->
<table>
<tr>
<td>单元格1</td>
<td>单元格2</td>
</tr>
<tr>
<td>单元格1</td>
<td>单元格2</td>
</tr>
</table>
<!-- 完整的表格 -->
<table>
<caption>表格标题</caption>
<!--表头-->
<thead>
<tr>
<th>表头单元格1</th>
<th>表头单元格2</th>
</tr>
</thead>
<!--表身-->
<tbody>
<tr>
<td>标准单元格1</td>
<td>标准单元格2</td>
</tr>
<tr>
<td>标准单元格1</td>
<td>标准单元格2</td>
</tr>
</tbody>
<!--表脚-->
<tfoot>
<tr>
<td>标准单元格1</td>
<td>标准单元格2</td>
</tr>
</tfoot>
</table>
<!-- 合并行使用td标签的rowspan属性，而合并列则用到td标签的colspan属性-->
<td rowspan="2">一个单元格占2行</td>
<td colspan="2">一个单元格占2列</td>
<!-- src代表图片的文件地址 alt代表图片显示不出来时的提示文字 -->
<img src="" alt="">
<!--href链接地址 target目标窗口的打开方式 默认_self当前窗口打开 _blank全新空白 -->
<a href="" target=""></a>
<!-- 表单中的html -->
<!-- input标签 -->
<input type="button" value="确定">
<input type="text" name="单行文本框" id="">
<input type="password" name="密码" id="">
<input type="reset" value="重置">
<!-- 图片形式的按钮 -->
<input type="image" src="" alt="">
<input type="radio" name="单选按钮" id="">
<input type="checkbox" name="复选框" id="">
<input type="hidden" name="隐藏">
<input type="file" name="文件" id="">
<!-- textarea多行文本框 -->
<textarea rows="3" cols="10">多行文本框内容</textarea>
<!-- 下拉框 -->
<select size="1">
<option value="选项值" selected="selected">选项显示的内容1</option>
<option value="选项值">选项显示的内容2</option>
<option value="选项值">选项显示的内容3</option>
<option value="选项值">选项显示的内容4</option>
<option value="选项值">选项显示的内容5</option>
</select>
<!-- 插入音频、视频和flash -->
<embed src="04a6e65d0b5a8ae308118e00f20296d6.mp4">
<!-- 浮动框架 嵌入子页面 scrolling滚动条 auto yes no-->
<iframe src="http://www.baidu.com" width="400px" height="300px" scrolling="yes"></iframe>
<!-- label标签for属性值为所关联的表单元素的id,例如<input id="name" type="text"/>, 则其所关联的label标签应该为<label for="name"></lable> -->
<label for=""> 说明性文字 </label>
<!-- Html5一些标签 -->
<!-- audio播放音频 controls显示播放按钮 autoplay自动播放 -->
<audio controls>
<source src="04a6e65d0b5a8ae308118e00f20296d6.mp4" type="audio/mpeg" />
</audio>
<!-- video 参数controls显示播放按钮 autoplay自动播放 width height muted静音播放 loop循环播放 poster加载等待的画面 -->
<video src="04a6e65d0b5a8ae308118e00f20296d6.mp4" controls="controls"></video>
</body>
</html>
浙公网安备 33010602011771号