组成网页的三要素：HTML结构 -CSS样式-JavaScript行为
一、HTML标签
HTML是用来描述网页的一种语言。HTML指的是超文本标记语言（HyperText Markup Language）,“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字内容。
超文本标记语言的结构包括“头”部分(英语:head)和“主体”部分(英语：body)，其中“头”部提供关于网页信息，“主体”部分提供网页的具体内容。
HTML不是一种编程语言；而是一种标记语言。
HTML使用标记(标签)来描述网页的。
HTML标签是由尖括号包围的关键字，比如：<html></html>成对出现的。
HTML文档 = 网页
命名规范：首页命名必须叫：index.html
标签：
1、html：超文本标记语言 -所有网页标签的一个容器；
2、head：定义了网页(文档)的信息(不是显示在浏览器窗口)；
3、meta：定义html文档中的元数据，网页的元信息(charset="utf-8"：指网页内容的编码类型，国际编码；gbk2312：国内编码)；
4、title：定义了文档的标题；
5、body：网页的主体内容区域(浏览器窗中显示的内容)；
6、div：语义：division（分隔） -俗称为盒子；
网页一般分成：header（头部区）-banner（轮播区）-main（主体）-footer（底部区）
特征：
1、默认高度为0，宽度相对于父级盒子是100%；（父级盒子body）；
2、独立成行，垂直显示（默认就是垂直布局）；
包含结构：父子关系；
同级结构：兄弟关系；
7、img标签：图片标记（单闭合标记）
<img src="图片路径"/>
title = "" ：鼠标悬停时的提示；
alt = "" ：图片出现错误时，给用户的友好提示；
特征：前景图占位，不会平铺，位置是放在结构中的。
8、br：强制换行标签；<br/>
9、h1 ~ h6：标题标签
<h1>标题文字</h1>
特征：级别由高到低，h1~h6一般页面里面h1只使用一次，因为权重是最高的，分清主次关系；自带加粗、字体大小、外间距且是块级元素、独立成行，具有div的全部特征。
10、p：段落标签
<p>段落文本</p>
特征：具有div全部特征，自带外间距；
11、ul：无序列表
语法格式：
<ul>
<li>嵌套内容</li>
</ul>
ol：无序列表
语法格式：
<ol>
<li>嵌套内容</li>
</ol>
特征：ul、ol具有div的全部特征，自带列表符、外间距、内填充；
去掉默认列表符样式：ul{list-style:none;}
12、span：万能标签
13、a - 超链接标签
格式：<a href=“跳转的网址”>文字或图片</a>
新窗口打开：target="_blank"
特征：自带蓝色、下划线，访问后变为紫色，如果为空链接，可以用#来点位；
注意：标签自带的样式特征无法再父级改变的（例如a的颜色和下划线）
121
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
