Web概述
互联网(World Wide Web)简称Web。
网页的Web标准
结构：决定网页类型（HTML决定网页的结构和内容）
表现：决定网页外观（CSS设置网页表现）
行为：决定网页交互（JavaScript控制网页行为）
HTML
HTML不是一种编程语言，而是一种描述性的标记语言，用于描述超文本中内容的显示方式。
基本语法
<标记>内容
语法注意：标记通常都是成对使用，开始对应结束。
HTML文件结构
网页标题
网页要显示的所有内容都放到这个标记内
常用的HTML标签
标题标签，标题大小范围h1~h6
字体标签
段落标签，段落结束自动换行
<%-- 换行标签 --%>
网页链接标签
设置锚点，点击后跳转到网页指定位置
指定位置
包裹的文本加粗显示，包裹的文本斜体显示
- 无序列表1
- 无序列表2
- 有序列表1
- 有序列表2
表格
cellpadding="10px" ：单元格内边距
cellspacing="0xp" ：单元格与单元格的间距
align="center" ： 设置表格在网页上位置
bgcolor="#66AFE9" ：表格背景颜色
colspan="2" ：合并左右相邻的两列单元格
rowspan="2" ：合并上下相邻的两行单元格
1,1
1,3
2,1
2,2
浮动框架
XHTML
初期，HTML的规范标准不够严格，随意性较大，不符合发展趋势。有关组织（W3C）就出面制定了一套规范的标准XHTML。
XHTML规范
1.XHTML中属性名称必须小写
![]()
2.XHTML必须严格嵌套
严格嵌套，一对是一对的
3.XHTML中标记必须封闭，即使空元素的标记也必须封闭
4.XHTML中属性值用双引号括起来
5.XHTML中属性值必须使用完整形式
Div盒子模型
将网页上展现的元素，看做一个个的盒子，许多盒子摆放在一起就组成了页面，这样设计，在想要修改页面上的元素时，就可以只修改元素对应的盒子部分即可。
div是一个块级元素(单独显示一行，多个Div间会自动换行)
它单独使用没有任何意义，必须结合css来使用，它主要用于页面布局,给功能分块。
span是内联元素(显示一行，不控制则水平排列)
单独使用没有任何意义，主要用于对括起来的内容进行样式修饰。
Demo
这是块用于演示的Div空间
Css（Cascading Style Sheets）
Css是一种标记性语言，用来装饰网页的样式。
引入Css的原因
传统的HTML，把样式和结构混合在一起，不利于管理且相同样式需要重复复制。
文本1
文本1
引入Css只需要修改Style样式即可。
Demo
文本1
文本1
Css的选择器概念
假设要描述一个人，可以表述成如下形式，每行描述一个属性，每个属性对应一个值。
张三{
年龄:18;
性别:男;
}
如果将这种描述，转换成描述网页的一个标题，则如下。
h1{
font-family: 宋体;
color: blue;
}
通过上述可以看出，CSS的组成可划分为三部分。
- 对象：要设置的主体
- 属性：该主体的属性
- 属性值：该主体属性的属性值
对象能指定对网页中的哪些元素进行设置，因此被称为选择器。
基本选择器
1.标记选择器
HTML页面由很多不同的标记组成，CSS标记选择器就是声明设置，这些标记采用的CSS样式。
格式
标记{ }
Demo
标记选择器的演示
2.类别选择器
类别选择器只能依存于标签，用来控制被类别选择器标注的元素标签。
类别选择器的对象名称，需要自定义，同一个标签可以用多个class类别选择器。
//类别选择器使用
Demo
ID选择器演示
3.ID选择器
ID选择器只能在HTML页面中使用一次，一定避免将ID选择器用于多个标签，因为使用Js查找控制元素标签时，是通过ID来查找相应元素的。
Demo
ID选择器演示
复合选择器
复合选择器是由两个或多个基本选择器，通过不同的连接方式连接而成的选择器。
1.交集选择器
由两个选择器连接构成，显示的结果是二者各自元素的交集。
第一个必须是 标记选择器，第二个必须是 类别选择器 或 ID选择器，必须连续书写，不能有空格。
h1.class{
color:red;
font-size:18px;
}
Demo
交集选择器
2.并集选择器
用于多个标签或选择器的样式相同时，多个选择器通过逗号连接。
Demo
并集选择器
并集选择器
并集选择器
HTML的CSS引入方式
1.内嵌式
将CSS用
类别选择器