HTML是一种用于创建网页的标准标记语言(超文本标记语言)
HTML中的标签是不区分大小写的，不过，从一致性、可读性和其他各方面来说，最好仅使用小写字母。
-
<!DOCTYPE html>是最短的有效的文档声明。 -
<html></html>:<html>元素。这个元素包裹了整个完整的页面，是一个根元素。 -
<head></head>: <head>元素. 这个元素是一个容器，包含了所有你想包含在HTML页面中但不想在HTML页面中显示的内容。 -
<meta charset="utf-8">: 这个元素设置文档使用utf-8字符集编码 -
<title></title>: 设置页面标题 -
<body></body>: <body>元素。 显示在页面上内容 -
<p></p>段落标签 -
<h1></h1>标题标签 -
<ol> <li>···</li> </ol>有序列表标签 -
<ul> <li>···</li> </ul>无序列表标签 -
<strong></strong>强调标签 -
<a></a>标签 给它一个href属性，它将包含链接指向的网址 例：<a href="https://jirengu.com/">饥人谷</a>
可以添加title属性添加支持信息，例如：<a href="https://jirengu.com/" title="饥人谷网站">饥人谷</a> - 块级链接:把图像放到
<a></a>标签中间。例如
<a href=”网址URL“>
<img src="图片地址" alt="对图片的说明">
</a>
- 用<img> 元素来把图片放到网页上。它是一个空元素,例如
<img src="dinosaur.jpg"> - 实体引用： 在HTML中包含特殊字符。每个字符引用以符号&开始, 以分号(;)结束。
常用的有:原义字符 说明 等价字符引用 < 小于 <> 大于 >不断行的空格  半方大的空格 &ensp& &符号 &"" 双引号 " - HTML注释``，描述你的代码如何工作和代码做了什么
- 基本格式:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>标题</title>
</head>
<body>
<p>内容</p>
</body>
</html>
- 元数据<meta>
- 添加页面描述。例
<meta name="description" content="腾讯网(www.qq.com)是中国浏览量最大的中文门户网站"> - 指定文档编码
<meta charset="utf-8"> - 适配移动页面
<meta name="viewport" content="width=device-width, initial-scale=1.0"> - 定制页面图标
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> - 设置 referer
<meta name="referrer" content="never">
- 应用 CSS 和 JS
<link rel="stylesheet" href="app.css">
<script src="app.js"></script>
- 视频音频 <video>
<video src="rabbit320.webm" controls>
<p>Your browser doesn't support HTML5 video. Here is a <a href="rabbit320.webm">link to the video</a> instead.</p>
</video>
-
<hr />标签在 HTML 页面中创建水平线。
- <table>标签定义 HTML 表格。
简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。
tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。
<table>
(th>{$})*4
(tr>(td>{$})*4)*4
</table>
或者
<table>
<thead></thead> 表头
tr*4
<tbody></tbody> 表格行
(tr>(td>{$})*2)*4
</table>
<!--规范--->
-
HTML表单
form
所有HTML表单都以一个<form>元素开始
- action 属性定义了在提交表单时所收集的数据的位置(URL)。.
- method 属性定义了发送数据的HTTP方法(它可以是“get”或“post”).
- target:在何处打开action
password
输入内容自动变成圆点
checkbox
靠name属性分组，
<select> 元素（下拉列表）
<select> 元素定义下拉列表
-
<button> 元素
定义可点击的按钮
<form action="/abz" method="POST">
<div class="login">
<div class="username" >
<label for="username">姓名:</label>
<input in="username" type="text" name="username" >
</div>
<div class="password">
<label for="password">密码:</label>
<input type="password" name="password" id="">
</div>
<div class="sex">
<label for="">性别</label>
<input type="radio" name="sex" id="" value="男">男
<input type="radio" name="sex" id="">女
</div>
<div class="hobby">
<label for="">爱好</label>
<input type="checkbox" name="hobby" id="" value="游戏">游戏
<input type="checkbox" name="" id="" value="听歌">听歌
</div>
<select name="地区" id="">
<option value="成都">成都</option>
<option value="上海">上海</option>
<option value="北京">北京</option>
</select>
<button type="submit">提交</button>
</div>
</form>
