HTML网页的构成
一个完整的HTML网页是由多个HTML元素按照一定的方式组成。由以下五部分组成
<!DOCTYPE html>
HTML页面必须遵循这些规则才能被认为是好的HTML，这些规则会用来检测网页是不是存在问题历史产物，必须包含在页面中。<html>
HTML的根元素，用来包含HTML文档的所有元素<head>
包含在头部的内容不会被显示在页面中，这里通常包含页面的编码，作者，页面的描述信息，JavaScript的导入，CSS的导入等信息<meta charset="utf-8">
用来声明当前文档的编码方式为utf-8<title>
用来声明当前文档的标题，标题将会出现在浏览器的选项卡中<body>
所有想要显示在浏览器中的元素都被包含在该元素中
HTML元素
定义：一个HTML元素是由一个开始标签和一个结束标签，以及内容构成，而标签之间可以相互嵌套使用,标签不区分大小写，推荐使用小写。
块级元素
块级元素独占一行，用来布局段落，列表，导航元素，脚注等结构。
块级元素的特点：
- 总是在新行上开始
- 高度，行高以及外边距和内边距都可控制
- 宽度缺省没写的话，那么它的宽度就是容器的100%，除非设定一个宽度
- 它可以容纳行内元素和其他块元素
常见的块级元素:
div常用的块级元素h1~h6标题1-6p段落ul无序列表li定义无序列表项也属于块级元素ol有序列表li定义无序列表项也属于块级元素dl列表dt用于创建列表的一项，dd定义列表中的项创建描述,他们也属于块级元素form表单table表格hr水平分割线
注意点：不要将块级元素嵌套在行内元素内。
行内元素
与其他元素共享一行空间，一般都嵌套在块级元素中，通常作为段落的一部分出现。
特点：
- 和其他元素都在一行上
- 高，行高及外边距和内边距不可改变
- 宽度就是它的文字或图片的宽度，不可改变
- 行内元素只能容纳文本或者其他行内元素
常见的行内元素:
a超链接span定义行内文本i斜体u下划线em强调sub上标sup下标
对于行内元素需要注意的是：
- 设置宽width和高height无效，但是高height可以通过line-height来设置
- 设置margin只有左右margin有效，上下无效
- 设置padding 只有左右padding有效，上下则无效。注意元素范围是增大了，但是对元素周围的内容是没影响的。
行内块级元素
特点：可以和其他元素保持在一行，还能设置宽高
常见元素：textarea,input,img,button
综上所述我们可以通过display属性的值来对行内元素和块级元素进行转换
display:none表示此元素不会被显示,通过这属性设置的元素在隐藏元素的时候是不占据页面空间的。
控制元素显示隐藏的方式：
display:none表示此元素不会被显示,通过这属性设置的元素在隐藏元素的时候是不占据页面空间的。visibility:hidden表示此元素隐藏,但是这个属性设置的元素的时候，该元素是占据着页面空间的。visibility:visible表示此元素显示overflow:hidden表示此元素溢出部分隐藏掉，这是用来给父级元素清除浮动好方式；overflow:visible表示此元素显示；overflow:auto表示自动出现滚动条；overflow:scroll表示一直有滚动条
display:inline表示将元素转换为行内元素display:block表示将元素转换为块级元素display:inline-block表示将元素转换为行内块级元素
空元素
只包含单个标签，通常用于在文档中插入部分内容，比较常见的空元素像<img> <link> <meta> <br> <hr>这种，他们往往没有关闭标签
HTML属性
定义：与元素相关的特性称之为属性，属性是由属性名和属性值这样的一对键值对组成，属性名与属性值之间使用等于号分割，属性与属性之间使用空格分开，属性值使用双引号括起来。如
<p class="comment">评论</p>
核心属性
大多数元素都可以使用的属性:
- id 唯一表示
- class 识别一类元素
- style 样式
- title 描述信息
HTML语法
- 空白
在浏览器中无论出现多少个空白，浏览器都解释为一个空白
- 实体
在HTML中，某些字符是预留的,如字符实体，实体以
&符开始,以;结尾，常见的实体如下:
表示空格<表示小于号<英语less then简写>表示大于号>英语greater than 简写"表示双引号"'表示单引号'&表示取地址符&
- 注释
不会被浏览器解释，写给程序员看的，表明代码含义，方便再看的时候能够看的明白。格式如下:
<!--用户小宝贝,你看不到我哦 -->
2468
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
