<!DOCTYPE html> 定义文档类型
<html></html> 定义一个html文档
<head></head> 文档的元数据,可以是:标题、指向脚本和样式链接。
<title></title> 定义文档的标题
<meta/> 辅助性标签,提供相关页面的元信息
定义字符集
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
定义文档关键词,用于搜索引擎
<meta name="keywords" content="html,css,JavaScript" />
定义Web页面描述
<meta name="description" content="详细介绍" />
每隔30秒刷新页面
<meta http-equiv="refresh" content="30" />
ICON图标
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" media="all" />
CSS样式表
<link rel="stylesheet" type="text/css" href="Style.css" />
JavaScript脚本
<script type="text/javascript" src="jquery-3.3.1.min.js"></script>
响应式布局
<meta name="viewport" 可视区域
content="width=device-width,设备宽度
initial-scale=1.0,初始缩放比例
minimum-scale=1.0,允许用户缩放到的最小比例
maximum-scale=1.0,允许用户缩放到的最大比例
user-scalable=yes" />用户是否可以手动缩放
<body></body> 定义文档的主体,
元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等……)
<h1></h1> 定义重要等级最高的标题
<h6></h6> 定义重要等级最低的标题
<p></p> 表示文本的段落
<span></span> 无语义的行内元素
<pre></pre> 定义预格式化文本(通常会保留空格和换行符以及等宽字体)
<textarea rows="10" cols="30"></textarea>
表示多行纯文本编辑控件,rows规定文本区域内可见的行数,cols列数。
<b></b> 定义粗体文本
根据H5规范,<b>标签应该作为最后选择,只有在没有标记比较合适时使用。
被强调的文本应该用<em>标签表示,
重要的文本应该用<strong>标签表示,
被标记的或者高亮显示的文本应该用<mark>标签表示。
<small></small> 定义小型文本,将文本显示为较小号的字体。
<br> 定义换行符,是一个空标签,没有结束标签。
<hr> 定义水平线,是一个空标签,没有结束标签。
<!--注释--> HTML文档注释。
<div></div> 定义一个分隔区块或者一个区域部分。
默认情况下,浏览器通常会在<div>元素前后放置一个换行符,
然而可以通过CSS改变这种情况。
<ul></ul> 定义一个无序列表
<ol></ol> 定义一个有序列表
<li></li> 定义一个列表项
无序列表•••
<ul>
<li>咖啡</li>
<li>茶</li>
<li>牛奶</li>
</ul>
有序列表1.2.3.
<ol>
<li>咖啡</li>
<li>茶</li>
<li>牛奶</li>
</ol>
<dl></dl> 定义一个定义列表
<dt></dt> 定义一个定义,定义列表中的项目。(Key)
<dd></dd> 定义,定义列表中项目的描述。(Value)
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
咖啡
黑色的热饮
牛奶
白色的冷饮
<table border="1"></table> 定义一个表格
<caption></caption> 定义表格标题
<th></th> 定义表格中的表头单元格
<tr></tr> 定义表格中的行(无数据)
<td></td> 定义表格中的单元(有数据)
<table border="1">
<caption>Monthly savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
<a></a> 定义一个链接,href=“连接地址”,
target="_blank"新窗口打开,target="_self"当前窗口打开(默认)
<img> 是一个空标签,没有结束标签。有两个必需属性:src和alt
<img src="路径" alt="图片未加载成功显示" title="鼠标悬浮显示" />
<video></video> 定义一个音频或者视频
<video width="320" height="240" controls>
<source src="/statics/demosource/movie.mp4" type="video/mp4">
<source src="/statics/demosource/movie.ogg" type="video/ogg">
</video>
<form></form> 定义一个表单,用于用户输入。
<input type=""> 是一个空标签,没有结束标签。
<button type="button"></button> 定义一个按钮。
<button type="button|submit|reset"> 依次为:按钮、提交、重置。
<select></select> 定义选择列表(下拉列表)
<optgroup></optgroup> 定义选择列表中相关选项的组合。
<option></option> 定义选项列表中的选项。
<select>
<optgroup label="Swedish Cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
</optgroup>
<optgroup label="German Cars">
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>
<label></label> 定义input元素的标注
<form action="demo-form.php" method="post">
<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>
First name: <input type="text" name="FirstName" value="Mickey"><br>
Last name: <input type="text" name="LastName" value="Mouse"><br>
<input type="submit" value="提交">
</form>
<iframe></iframe> 定义内联框架。
<iframe src="www.w3cschool.cn" width="200" height="200" scrolling="yes">
</iframe>
<span><a href="http://www.baidu.com" target="iframe_a">baidu</a></span>
<iframe name="iframe_a" style="width: 100%; height: 100%;"></iframe>
Input-type:
button 定义可点击的按钮(通常与 JavaScript 一起使用来启动脚本)。
checkbox 定义复选框。
colorNew 定义拾色器。
dateNew 定义 date 控件(包括年、月、日,不包括时间)。
datetimeNew 定义 date 和 time 控件(包括年、月、日、时、分、秒、几分之一秒,基于 UTC 时区)。
datetime-localNew 定义 date 和 time 控件(包括年、月、日、时、分、秒、几分之一秒,不带时区)。
emailNew 定义用于 e-mail 地址的字段。
file 定义文件选择字段和 "浏览..." 按钮,供文件上传。
hidden 定义隐藏输入字段。
image 定义图像作为提交按钮。
monthNew 定义 month 和 year 控件(不带时区)。
numberNew 定义用于输入数字的字段。
password 定义密码字段(字段中的字符会被遮蔽)。
radio 定义单选按钮。
rangeNew 定义用于精确值不重要的输入数字的控件(比如 slider 控件)。
reset 定义重置按钮(重置所有的表单值为默认值)。
searchNew 定义用于输入搜索字符串的文本字段。
submit 定义提交按钮。
telNew 定义用于输入电话号码的字段。
text 默认。定义一个单行的文本字段(默认宽度为 20 个字符)。
timeNew 定义用于输入时间的控件(不带时区)。
urlNew 定义用于输入 URL 的字段。
weekNew 定义 week 和 year 控件(不带时区)。