目录
- 什么是html
- html的文档结构
- html的常用标签
1.什么是html
html是超文本标记语言(HyperText Markup Language)。超文本表示可以链接文本 、图片、链接、音乐、程序等；标签表示html文件是各种各样的标签组成，其中包含单标签和双标签。单标签如<meta>，<hr>;双标签如<head></head>。
html的运行环境为浏览器，而浏览器是用来打开网页的，浏览器中我们见到的所有的网页本质上都是一个文本，而这文本又称之为 html。html文本的后缀名为.html.
注：html不是编程语言，而是标记语言
2.html的文档结构
下面为html文档的结构
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 </head> 7 <body> 8 9 </body> 10 </html>
文档声明
<!DOCTYPE html> html5文档声明头 ，想要完整的使用html5语法，必须使用 文档声明头，声明当前文件是html5文件。
<html></html>标签
定义html文档内容的结构 所有的html文档的内容 都需要写在这对标签内部。
<head></head>标签
头部，通常情况下，里面写的内容是对于当前网页的一些预定义信息设置。包含<meta>标签，<title>标签。
<meta charset="UTF-8"> 设定当前网页的编码格式 meta标签是一个单标签，通过charset 属性，将其属性值设置为需要 的编码，即可为当前的网页设置编码格式。次标签与网站的seo优化有关。
<title></title>,中间放网页标题。 通常情况下， tilte要放在meta字符集设置的下面，防止出现乱码
还可以放其他标签如<style>css代码</style>，
<body></body>标签
身体部分，网页里面要显示给用户看的内容，全部写在body标签里面
3. html的常用标签
带有语义的标签
- <h></h>标签有h1~h6级标题标签
- <p></p>段落
- <hr>分割线
- <br>换行
- <em></em>表示强调
- <strong></strong>表示强调，比em更重
- <abbr> </abbr>定义缩写
- <address> </address>定义地址元素
- <blockquote> </blockquote>定义块引用，通常会产生缩进
- <cite> </cite>引用某本书，进行说明
- <ins> </ins>定义被插入文本
- <del> </del>定义被删除文本
带有样式的标签，同时带有语义
- <b> </b>定义粗体文本
- <i> </i>定义斜体文本
- <big> </big>定义大号文本
- <small> </small>定义小号字体文本
- <sup> </sup>上标文本
- <sub </sub>下标文本
- <bdo> </bdo>定义文本显示方向，属性dir,值为ltr,rtl
输出类标签
- <pre></pre>原样输出
- <code></code>定义代码文本
- <kbd></kbd>定义键盘文本
- <var></var>定义变量
功能类标签
- <a></a>定义超链接或锚点
- <ul> <li></li></ul>定义无序列表
- <ol><li></li></ol>定义有序列表
- <iframe></iframe>页面嵌套
- <dl></dl> <dt></dt> <dd></dd>项目列表描述
- <img>标签 属性有src="1.jpg" alt="替代文本" width="宽" height="长"
- <map></map>定义图像映射
- <area></area>定义图像映射内部区域
- <base></base>基础连接
- <table></table>定义表格
- <caption></caption> 表格标题
- <th></th>表格页眉
- <tr></tr>表格的行
- <td></td>表格的单元格
- <thead></thead>表格的头部
- <tbody></tbody>表格的主干
- <tfoot></tfoot>表格的尾部
- <form></form>表单
- <input></input>输入域。有type属性，alt属性，src属性，checked属性，disable属性等
- <textarea></textarea>文本输入区，其属性有cols，rols，disabled，name，readonly
- <button></button>按钮,其属性有type(reset,button,submit)，name，value，disabled
- <select></select>下拉菜单，属性有disabled，multipe，name，size
- <optgroup></optgroup>定义选项分组，有label属性和disabled属性
- <option></option>定义下拉列表选项，属性有disabled，label，selected，value
- <fieldest></fieldest>表单中相关元素分组
- <legend></legend>定义分组标题