一、Web标准
web标准是网页制作的标准，他不是一个标准，是由一系列标准组成；
a）W3C——万维网联盟，制定了结构和表现的标准
b）ECMA——欧洲电脑厂商联合会，制定了行为标准
1.结构（HTML）
2.表现（CSS）
3.行为（Javascript）
相关概念
注：html和xhtml的区别:xhtml并没有增加任何新的标签,只是语法要求更加严格,例如标签必须闭合,标记名必须小写等.
1.html—超文本标记语言
2.xhtml—可拓展的超文本标记语言
3.html5—html的第五次重大修改
HTML基本结构
1.文档声明
作用:
告知浏览器使用哪种html或xhtml规范
语法:
||
2.网页根元素（html）
所有的标记和网页内容必须放在标签之间.
- head
用来设置编码字符、网页标题、关键词、标述、引入一些外部文件
- body
放置所有需要在网页中显示的内容以及内容的标记
HTML基本语法
1.常规标记
语法:<标记 属性="属性值" >xxx
注:
a)标记名称必须小写,属性和属性值之间用等号连接,属性值需要加双引号.
b)所有标点符号都必须是英文状态下的
c)多个属性之间用空格隔开
2.空标记
语法:<标记 属性="属性值" />
html常用标记
1.网页内容标题
语法:
x代表1-6;
2.段落文本
语法:
3.转义字符
4.强制换行
5.加粗文本
;
6.倾斜文本
;
7.水平分割线
8.上标和下标
上标
下标
9.列表
1.有序列表
-
语法:
-
-
- 列表项内容
-
- 列表项内容
-
2.无序列表
-
-
- 列表项内容
-
- 列表项内容
-
3.自定义列表
语法:
名词
解释
10.插入图片
alt和title的区别
title是当鼠标悬停在图片上时显示的提示信息
alt是当图片由于某些原因加载失败时显示的替换信息
11.超链接
target="_self"设置超链接在本窗口打开
12.表格
语法:
说明:--tr表示行;--td表示列
定义表格的表头(有居中加粗效果)
表格标题
-
标签
标题 表头 行 列 主题
页眉
页脚
属性
width
-
宽度
height
-
高度
border
-
给表格添加边框
bordercolor
-
边框颜色
cellspacing
-
设置单元格间距
cellpadding
-
设置内容和单元格之间的间距
colspan
-
合并列
rowspan
-
合并行
align
-
设置单元格内容的水平对齐方式
14.div
作用:无语义标签,主要用于布局和划分版块
语法:
说明:
标签可以把文档分割成独立的、不同的部分，它可以用作严格的组织工具，并且不使用任何格式与其关联。如果用id或class来标记,那么该标签的作用会变得更加有效。15.span
语法：
说明：文本节点可以是某一小段文本，或是某一个字。
16.iframe框架
作用：将外部文件的内容嵌入到本页面中的某个位置。
语法：