一、市面上常见的五大浏览器。
常用的浏览器有IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等。我们平时称为五大浏览器。
二、web标准
1）、web标准是什么
web标准不是某一个标准，而是由W3C（万维网）和其他标准化组织制定的一系列标准的集合。
主要包括结构（Structure）、表现（Presentation）和行为（Behavior）三个方面。
结构标准：结构用于对网页元素进行整理和分类，咱们主要学的是HTML。
表现标准：表现用于设置网页元素的版式、颜色、大小等外观样式，主要指的是CSS。
行为标准：行为是指网页模型的定义及交互的编写，咱们主要学的是 Javascript。
2）、web标准的好处
1.更有利于web的发展
2、使用web标准，将确保所有浏览器正确显示您的网站而无需费时重写
3、更容易被搜寻引擎搜索
4、降低网站流量费用
5、使网站更易于维护
6、提高页面浏览速度
三、HTML初始
HTML（英文Hyper Text Markup Language的缩写）中文译为“超文本标签语言”，是用来描述网页的一种语言。所谓超文本，因为它可以加入图片、声音、动画、多媒体等内容，不仅如此，它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接。
（1）、html的基本骨架
<HTML>
<body>
<title></title>
</body>
</HTML>
HTML标签：作用所有HTML中标签的一个根节点。根标签。
head标签： 文档的头部
文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。注意在head标签中我们必须要设置的标签是title
title标签： 文档的标题
body标签：文档的主体 以后我们的页面内容 基本都是放到body里面的body元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等)
（2）HTML标签分类
1.双标签
<标签名>内容</标签名> 该语法中“<标签名>”表示该标签的作用开始，一般称为“开始标签（start tag）”，“</标签名>” 表示该标签的作用结束，一般称为“结束标签（end tag）”。和开始标签相比，结束标签只是在前面加了一个关闭符“/”。
2.单标签
<标签名/> 单标签也称空标签，是指用一个标签符号即可完整地描述某个功能的标签。
(3) HTML标签关系
1.嵌套关系 <head><title></title></head>
2.并列关系 <head></head><title></title>
注:如果两个标签之间的关系是嵌套关系，子元素最好缩进一个tab键的身位。如果是并列关系，最好上下对齐。
五、文档类型
<!DOCTYPE html> 表示用的哪一个版本 我们常用的为html5版本
六、字符集
<meta charset="UTF-8" /> UTF-8表示全世界通用的字符集
七、常用的标签
（1）head 头部 也称h标签 分为h1~h6标签
注：
标题标签语义：作为标题使用，并且依据重要性递减；h1 标签因为重要，尽量少用；一般h1都是给logo使用，或者页面中最重要标题信息。
（2）段落标签 p 标签 paragraph 段落 P是HTML文档中最常见的标签，默认情况下，文本在一个段落中会根据浏览器窗口的大小自动换行。
（3）水平线标签 hr 标签 horizontal 横线 为单标签
（4）换行标签 br 标签 break 打断,换行 如某段文本强制换行，需要使用换行标签。
（5）盒子 div 和 span 其中span为行内元素，不可设置宽高，而div可以设置。
div span是没有语义的，是我们网页布局主要的2个盒子css+div。
div就是division的缩写，分割、分区的意思，其实有很多div 来组合网页。
span，跨度、跨距；范围 。
八、结构化结构标签
| 标签 | 显示效果 |
| <b></b><strong></strong> | 文字以粗体的方式显示 |
| <i></i><em></em> | 以斜体方式显示 |
| <s></s><del></del> | 加删除线 |
| <u></u><ins></ins> | 以下划线的方式 |
b i s u只有使用，没有强调的意思；strong em del ins语义更强烈。
九、图片标签
<img src="图片路径"/> 路径分为绝对路径和相对路径。
绝对路径：指图片在文件中的路径；“../”表示上一级；"./"表示同级目录。
完整路径：完整的根目录路径；完整的网络地址。
img属性：alt ：表示图片不能正常显示时出现文字。。。title ：表示鼠标悬停时显示的文字
width：图片宽度。。。height：图片高度。。。border：图像的边框。
十、链接标签
<a href="链接地址"> 地址可为相对路径也可绝对路径。
target表示点击链接后的打开方式 self为默认值 blank为新窗口打开
base标签 base可以设置整体链接的打开状态；base写到<head> </head>之间。
十一、锚点链接
使用<a href=”id名”>创建链接文本(被点击的)</a> 使用相应的id名标注跳转目标的位置
可以直接跳转到链接的位置。
十二、特殊字符
为空格符 © 为版权标志 ® 为注册商标
十三、列表
（1）列表有三种形式 第一种 无序列表（ul）
无序列表是没有顺序之分的，它们处于并列关系。、
注：<ul></ul>中只能嵌套<li></li>，直接在<ul></ul>标签中输入其他标签或者文字的做法是不被允许的。<li>与</li>之间相当于一个容器，可以容纳所有元素。
(2)有序列表(ol) 由ol和li组成
（3）自定义列表（dl）分为dl、dt、dd
其中dd和dt为同一等级，为并列关系。
7932
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
