超文本标记措辞（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记措辞。您可以利用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。
HTML是一个网页文件的拓展名，和txt、jpg、mp3一样，是一个文件格。.html文件便是网页文件。
2.html 的格式化标签
<!DOCTYPE>
<html>
--html是一个双标签 开始标签
<head> <meta http-equiv=\"大众Content-Type\公众 content=\公众text/html;charset=UTF-8\"大众 />
<title>
</title> --可能是标题
</head>
<body>--用来存放页面中的内容
</body>
</html> --结束标签
DOCTYPE----文档类型声明meta标签----设置页面编码格式，关键字，以及页面的描述<title></title>--------->标题部分<head></head>------>页面的头部分<body></body>------>页面的主体部分
2.内容标签
这个中<hr> <br> 是单标签
<div></div> <span></span> 无意义区块容器标签
eg:
<div id=\"大众header\"大众 style=\公众background-color:#FFA500;\公众>
<h1 style=\"大众margin-bottom:0;\公众>紧张的网页标题</h1></div>
HTML标记—注释标记
<!--注释语句-->
标题：<h1>这是一个标题</h1><h2>这是一个标题</h2><h3>这是一个标题</h3>
段落：<p>这是一个段落。</p><p>这是其余一个段落。</p>
HTML 链接
<!--提示:在 href 属性中指定链接的地址。-->
<a href=\公众http://www.runoob.com\"大众>这是一个链接</a>
当您点击 HTML 页面中的某个链接时，对应的 <a> 标签指向万维网上的一个地址。
一个统一资源定位器(URL) 用于定位万维网上的文档。
URL - 统一资源定位器
scheme - 定义因特网做事的类型。最常见的类型是 http
host - 定义域主机（http 的默认主机是 www）
domain - 定义因特网域名，比如 runoob.com
:port - 定义主机上的端口号（http 的默认端口号是 80）
path - 定义做事器上的路径（如果省略，则文档必须位于网站的根目录中）。
filename - 定义文档/资源的名称
这里须要把稳:利用超链接做下载,并不是超链接完成的下载功能,而是通过超链接跳转到了一个有下载功能的页面。
常见的 URL Scheme
HTML 图像
alt 属性用来为图像定义一串预备的可更换的文本。
3.HTML属性
属性实例:
HTML 链接由 <a> 标签定义。链接的地址在 href 属性中指定：<a href=\"大众http://www.runoob.com\"大众>这是一个链接</a>
4.HTML 表格
表格由 <table> 标签来定义。每个表格均有多少行（由 <tr> 标签定义），每行被分割为多少单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。表格的表头利用 <th> 标签进行定义。
<table border=\"大众1\公众>
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
5.HTML 表单
表单是一个包含表单元素的区域。
表单元素是许可用户在表单中输入内容,比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。
文本域（Text Fields）
文本域通过<input type=\"大众text\"大众> 标签来设定
当用户要在表单中键入字母、数字等内容时，就会用到文本域
密码字段
密码字段通过标签<input type=\"大众password\"大众> 来定义:
<form>
FirstName: <input type=\"大众text\公众 name=\"大众firstname\"大众><br>
Password: <input type=\"大众password\公众 name=\"大众pwd\"大众>
</form>
单选按钮（Radio Buttons）
<input type=\"大众radio\"大众> 标签定义了表单单选框选项
<form>
<input type=\公众radio\公众 name=\"大众sex\"大众 value=\"大众male\"大众>Male<br>
<input type=\公众radio\"大众 name=\公众sex\"大众 value=\公众female\"大众>Female
</form>
单选有时须要设置默认选项,须要设置checked属性:
<input type=\"大众radio\公众 name=\公众sex\公众 checked =\"大众checked\"大众/>男
复选框（Checkboxes）
<input type=\"大众checkbox\公众> 定义了复选框. 用户须要从多少给定的选择中选取一个或多少选项。
<form>
<input type=\"大众checkbox\公众 name=\公众vehicle\公众 value=\公众Bike\公众>I have a bike<br>
<input type=\"大众checkbox\公众 name=\公众vehicle\"大众 value=\公众Car\公众>I have a car
</form>
多选框一样平常不须要设置默认选项,如果要设置,也是设置checked属性
提交按钮(Submit Button)
<input type=\公众submit\公众> 定义了提交按钮.
当用户单击确认按钮时，表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件常日会对吸收到的输入数据进行干系的处理。:
<form name=\"大众input\"大众 action=\"大众html_form_action.php\"大众 method=\公众get\"大众>
Username: <input type=\"大众text\"大众 name=\公众user\"大众>
<input type=\公众submit\"大众 value=\"大众Submit\"大众>
</form>
这里须要把稳的是: Submit必须要和form一起利用才能达到效果
action 设置表单提交参数路径
method 当前要求办法(同iOS开拓网络要求一样,get/post)
如果您在上面的文本框内键入几个字母，然后点击确认按钮，那么输入数据会传送到 \"大众html_form_action.php\"大众 的页面。该页面将显示出输入的结果。
图片按钮(利用不多)
Select下拉框
selected默认选项
<select>
<option selected=\"大众selected\"大众 >选项一</option>
<option>选项二</option>
</select>
Textarea文本域
<textarea></textarea>
6.HTML 列表
HTML 支持有序、无序和定义列表:
无序列表利用 <ul> 标签
<ul>
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
</ul>
有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。
列表项项利用数字来标记。
<ol>
<li>第一个列表项</li>
<li>第二个列表项</li>
<li>第三个列表项</li>
</ol>
自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。
<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>
去除点去除下划线
a {
text-decoration: none;
}
ul {
list-style: none;
}
7.内联样式- 在HTML元素中利用\公众style\"大众 属性
HTML样式实例 - 背景颜色
<body style=\"大众background-color:yellow;\公众>
<h2 style=\"大众background-color:red;\"大众>这是一个标题</h2>
<p style=\"大众background-color:green;\"大众>这是一个段落。</p>
</body>
HTML 样式实例 - 字体, 字体颜色 ，字体大小
我们可以利用font-family（字体），color（颜色），和font-size（字体大小）属性来定义字体的样式:
HTML 样式实例 - 文本对齐办法
<h1 style=\"大众text-align:center;\公众>居中对齐的标题</h1>
而关于其他CSS内容,这里就大略先容一下:
内部样式表
当单个文件须要特殊样式时，就可以利用内部样式表。你可以在<head> 部分通过 <style>标签定义内部样式表:
<head><style type=\"大众text/css\公众>body {background-color:yellow;}p {color:blue;}</style></head>
外部样式表
当样式须要被运用到很多页面的时候，外部样式表将是空想的选择。利用外部样式表，你就可以通过变动一个文件来改变全体站点的外不雅观。
<head><link rel=\"大众stylesheet\公众 type=\"大众text/css\"大众 href=\公众mystyle.css\"大众></head>
HTML 样式标签
末了提一下什么是Web安全色?
数年以前，昔时夜多数打算机仅支持 256 种颜色的时候，一系列 216 种 Web 安全色作为 Web 标准被建议利用。个中的缘故原由是，微软和 Mac 操作系统利用了 40 种不同的保留的固定系统颜色（双方大约各利用 20 种）。
216 跨平台 web 安全色被用来确保：当打算机利用 256 色调色板时，所有的打算机能够精确地显示所有的颜色。
