#
htyper text markup language 即超文本标记语言
超文本:就是指页面内可以包含图片、链接、甚至音乐、程序等非文字元素
标记语言：标记(标签)构成的语言
静态网页：静态的资源，如xxx.html
动态网页：html代码是由某种开发语言根据用户请求动态生成
html文档树结构图：
#
- 由一对尖括号包裹的单词构成，如<html> 所有标签中的单词不可能从数据开头
- 标签不区分大小写<html>和<HTML>，建议使用小写
- 标签分两部分：开始标签<a>和结束标签</a>，两个标签之间的部分，叫标签体
- 有些标签功能比较简单，使用一个标签即可，这种标签叫做自闭合标签，如：<br/>、<hr/>、<input/>、<img/>
- 标签可以嵌套，但不能交叉嵌套。如:<a><b></a></b>
#
- 通常是以键值对形式出现的，例如 name="alex"
- 属性只能出现在开始标签 或 自闭合标签中
- 属性名字全部小写，属性值必须使用双引号或单引号包裹，如:name="alex"
- 如果属性值和属性名完全一样，直接写属性名即可，如:readonly
#
<meta>
meta标签的组成：meta标签共有两个属性，分别是http-equiv属性和name属性，不同的属性又有不同的参数值，这些不同的参数值就实现不同的网页功能
1：name属性主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的
1<meta name="keywords" content="meta总结">2<meta name="description" content="alex是一个中国人">
2：http-equiv相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。
1<meta http-equiv="content-type" charset="UTF-8">2<meta http-equiv="Refresh" content="2;URL=https://www.baidu.com">3<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"># 兼容标签，IE"N"代表兼容几
非meta标签
1<title>hello world</title>2<link rel="icon" href="http://xxxxx/pic1.ico">3<link rel="stylesheet" href="css.css"># 引入样式4<script src="hello.js"></script># 引入样式
#
基本标签(块级标签和内联标签)
1<hn>：n的取值1-6；从大到小，用于表示标题(块标签,独占一行)2<p>：段落标签，包裹的内容换行，并且也上下内容之间有一行空白(块标签,独占一行)3<b>与<strong>：加粗标签4<strike>：文字加上一条中线5<em>：文字变成斜体6<sup>与<sub>：上角标和小角标17<br>：换行8<hr>：水平线9<div>与<span>
块级标签：<p><h1><table><ol><ul><form><div>
内联标签：<a><input><img><sub><sup><textarea><span>
block(块)元素的特点
总是在新行上开始
宽度缺省是他容易的100%，除非设定一个宽度
它可以容纳内联元素和其他块元素(嵌套)
inline元素的特点
和其他元素都在一行上
宽度就是它的文字或图片的宽度，不可改变
内联元素只能容纳文本或其他内联元素
特殊字符
<(小于)； >(大于)；"；©(版权)；®； 
图形标签：<img>
src：图片的路径
alt：图片没有加载成功时的提示
title：鼠标悬浮时的提示信息
width：图片的宽
height：图片的高(宽高两个属性，只用一个会自动等比缩小)
超链接标签(锚标签)：<a>
href：要链接的资源路径，如：href="www.baidu.com"
target:_blank：在新的窗体打开超链接，框架名称；在指定框架中打开连接内容
name：定义页面的书签，用于跳转href:#id(锚)
列表标签：
1<ul>：无序列表2<ol>：有序列表3<li>：列表中的每一项4<dl>：定义列表5<dt>:列表标题6<dd>：列表项
1<!DOCTYPE html>2<html lang="en">3<head>4<meta charset="UTF-8">5<title>Title</title>6</head>7<body>8<ul>9<li>11</li>10<li>22</li>11<li>33</li>12</ul>13</body>14</html>
1<!DOCTYPE html>2<html lang="en">3<head>4<meta charset="UTF-8">5<title>Title</title>6</head>7<body>8<ol>9<li>44</li>10<li>55</li>11<li>66</li>12</ol>13</body>14</html>
1<!DOCTYPE html>2<html lang="en">3<head>4<meta charset="UTF-8">5<title>Title</title>6</head>7<body>8<dl>9<dt>第一章</dt>10<dd>第一节</dd>11<dd>第二节</dd>12<dt>第二章</dt>13<dd>第一节</dd>14<dd>第二节</dd>15</dl>16</body>17</html>