常见的一些浏览器：
1、主流浏览器及内核
谷歌浏览器（chrome）：goole旗下的一款浏览器，至发布以来一直讲究简洁、快速、安全，此浏览器到现在一直令人追捧。
谷歌浏览器采用的是 webkit作为浏览器的内核 直到2013年，开始使用 webkit 的分支内核 blink。
微软（IE）浏览器：微软旗下的浏览器，是目前国内用户量最多的主流浏览器。 trident作为内核。
火狐（firefox）浏览器：Mozilla旗下的浏览器 采用 gecko 作为内核，Gecko是一个开源的项目，代码完全公开，因此受到很多人的青睐。
苹果（safari）是最早使用 webkit 内核的浏览器也是苹果默认的浏览器。
欧朋（Opera）是挪威旗下的浏览器，第一版opera浏览器使用自己研发的 presto 作为内核后来被奇虎360和昆仑万维收购而丢弃了自己的内核，改用goole开源的 webkit 内核 ，再后来opera浏览器跟随goole将浏览器改为blink内核。
2、网页基本概述：
- 网页的元素： 文本、图片、输入框、按钮、超链接、音频、视频 等等。
- w3c: 万维网联盟，专门制定web标准的机构。
- web标准(w3c标准)： w3c组织针对网页三层结构制定的一系列的开发标准 。
- 网页三层结构：结构层（html）、表现层（css）、行为层（JavaScript）。
3、html简介：
- html ：是一种超文本标记语言 （HyperText Markup Language）。
- html是用来描述网页的一种语言。
- html不是一种编程语言，而是一种标记语言。
- 标记语言是一套标记标签 使用标记标签来描述网页。
4、html文档（网页）
- html文档描述网页。
- html文档也被称为网页。
- html文档包含标签和文本。
- 创建一个后缀名为 .html的文件
- 快捷生成基本结构代码 ! + enter 键。
5、网页基本结构
<!DOCTYPE html> <!-- 文档类型声明：告诉浏览器以html的哪个标准解析网页（html5） -->
<html lang="zh-CN"> <!-- 根标签：代表网页的开始和结束 lang="en/zh-CN" 指定网页语言 -->
<head> <!-- 网页的头部：一般用来放置网页的一些元数据（比如字符设置、标题、样式表、关键字...） -->
<meta charset="UTF-8"> <!-- 设置网页的字符集（编码方式）避免网页乱码： utf-8 国际编码 gb2312 中文编码（简体）gbk 国标扩 （简体和繁体中文） -->
<title>我的第一个网页</title> <!-- 网页标题：显示在浏览器选项卡页卡和收藏夹的书签上 -->
</head>
<body>
网页主体，所有在浏览器可视区显示的内容都放在这里
</body>
</html>
6、html基本语法
6.1 标签 ：
-
单标签（空标签） ：只有开始标签，没有结束标签如：
<meta> <br> <img> -
双标签 ： 由一个开始标签和结束标签以及之间的内容组成如：
<html>...</html> <head>...</head> <body>...</body> ...
6.2 属性
-
属性用来给标签添加附加信息。
-
属性必须在开始标签上定义。
-
多组属性用空格隔开。
-
每一组属性由 属性名=“值” 组成 。
<meta charset="UTF-8"> <html lang="zh-CN"> <img src="" alt=""> <person name="Rose" age="18" hair="brown"> </person>
6.3注释
<!-- html注释 -->
- 快捷键：
- 单行 ctrl+/
- 块注释 ctrl + shift + /
7、常用标签：
7.1、标题(h1-h6)
-
h1标签在一个网页中只能使用一次，一般用来定义网站的主标题或者logo
<h1>一级标题</h1> <h2>二级标题</h2> <h3>三级标题</h3> <h4>四级标题</h4> <h5>五级标题</h5> <h6>六级标题</h6>
7.2、段落(p标签)
-
段落用来定义普通文字，文章的正文内容，每个段落前后默认会添加一些空白间距
<p> ... </p>
7.3、区块（盒子）（div）
-
没有具体的语义，一般用来划分页面的模块
<div> <h3> ... </h3> <p> ... </p> </div>
7.4、水平分割线 （hr）（单标签）
-
代表主题结束
<div> ... </div> <hr> <div> ... </div>
7.5、换行 （br） （单标签）
<p>
优就业作为中公教育旗下IT培训品牌，<br> 一直以“学员的事就是最重要的事
</p>
7.6、span
-
无语义标签，通常用来给一段文字中指定的文字添加特殊样式
<p style="color: red;"> 讨厌，死鬼<span style="color: blue;">你走开~</span> </p>
8、文本格式化标签
b : 样式加粗，没有语义
strong: 样式加粗，并且有强调的语义
i : 样式斜体，没有语义
em : 样式斜体，并且有强调的语义
sup : 上标文本
sub: 下标文本
del ：删除文本
9、网页图片
<img src="图片地址" alt="提示文本" width="300" height="200" title="悬停提示文本">
属性说明:
src="图片地址" :用来定义图片资源的路径，可以使用相对路径或者绝对路径
alt="提示文本" ：定义图片无法显示时的提示文字
width="300" : 定义图片的宽度
height="200"： 定义图片高度 （宽高设置其中一个值，另一个值会按照图片原始宽高比等比缩放）
title="悬停提示文本" : 鼠标悬停在图片上显示的提示文字
10、相对路径和绝对路径
相对路径：
./ : 表示当前目录，可以省略
../ : 表示上一级目录
../../ : 表示上两级目录
路径开头的 / ： 表示根目录
绝对路径：
本地的绝对路径
<img src="C:\Users\Administrator\Desktop\1012一阶段\cxk.jpg" alt="">
网络地址
<img src="http://www.ujiuye.com/uploadfile/2020/0929/20200929115751929.jpg" alt="">
扩展阅读(字符编码)
字符（Character）是各种文字和符号的总称，包括各国家文字、标点符号、图形符号、数字等。字符集（Character set）是多个字符的集合。如需正确地显示 HTML 页面，浏览器必须知道使用何种字符集。字符集种类较多，每个字符集包含的字符个数不同。
常见字符集名称：ASCII字符集、GB2312字符集、Unicode字符集等。万维网早期使用的字符集是 ASCII。ASCII 支持 0-9 的数字，大写和小写英文字母表，以及一些特殊字符。
GB2312是中国国家标准的简体中文字符集。它所收录的汉字已经覆盖99.75%的使用频率，基本满足了汉字的计算机处理需要。
GBK即汉字内码扩展规范，GBK编码标准，包含全部中文字符，兼容GB2312，集简、繁体字融于一库。
Unicode字符集为每种语言中的每个字符设定了统一并且唯一的编码，以满足跨语言、跨平台进行文本转换、处理的要求。UTF-8是Unicode的其中一个使用方式,又称万国码，又称万国码。用在网页上可以同一页面显示中文简体繁体及其它 语言（如英文，日文，韩文），通用性比较好。
HTML特殊字符
代码 效果 描述
< < 小于号或显示标记
> > 大于号或显示标记
& & 可用于显示其它特殊字符
® ® 已注册
© © 版权
™ ™ 商标
不断行的空格
1284
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
