浏览器
- 主流浏览器
- chrome 内核 webkit
- safari 内核 webkit
- firfox 内核 gecko
- IE 内核 Trident
- 壳浏览器
- Opera Google内核
- 360安全 Google内核/IE
- 360极速 Google内核/IE
- UC
- 猎豹
- 搜狗
- 百度浏览器
- 淘宝浏览器
- 2345浏览器
- ……
字符集编码
- ASCII码
- 汉字编码
- GB2312
- GBK
- 国际通用编码
- UTF8
计算机存储单位
- 字节 B (byte）
- 位（比特） b (bit)
- 1 B=8 bit
HTML 超文本标记语言
- HTML 结构
- css 样式
- JavaScript 逻辑
HTML的发展史
- 最新版 HTML5
- 之前的版本是 XHTML1.0
- 再之前的是 HTML4
HTML标签
- 也叫元素
- 单标签
<标签名>或</标签名> - 双标签
<标签名>内容</标签名>
代码规范
- 缩进 tab或四个空格
HTML主体结构标签
文档声明
<!doctype html>
body标签
- 页面的主体内容
- 属性
- background 背景图像
- bgcolor 背景颜色
- text 文本颜色
- link 超链接默认的颜色
- vlink 点击后的颜色
- alink 正在点击的颜色
head头部标签
<meta><title></title><link href="" ></link>
meta的功能
- 定义字符集编码
<meta charset="utf-8"><meta http-equiv="content-type" content="text/html;charset=utf-8"/>
- 网页刷新及跳转
<meta http-equiv="refresh" content="10;url=http://www.baidu.com"> 10秒后跳转到百度页面
- 网页关键字
<meta name="keywords" content="8-12个以英文逗号隔开的单词/词语">
- 网页描述信息
<meta name="description" content="80字以内的一段话，与网站内容相关">
- 网页作者
<meta name="author" content="obama">
- ……
定义网站标题图标
<link rel="shortcut icon" href="图片地址.ico">
格式排版标签
换行标签 br
<br/>- 可使用连续多个
<br>标签来换行
分割线 hr
- 语义 用于段落与段落之间的分割
- 属性(不赞成使用)：
- wide
- size
- align 对齐方式
- noshade 默认显示为纯色
段落标签 p
- 语义：表示段落
- 属性(不赞成使用):
- align：left/right/center/justify
原文显示标签 pre
<pre></pre>- 可以把源文件中的空格，回车，换行，tab键表示出来
标题字标签 hn
<hn>- n为1-6
- 定义六级标题，且会自动换行插入一个空行
- 属性：align 不赞成使用
<h1></h1><h2></h2><h3></h3><h4></h4><h5></h5><h6></h6>
居中对齐标签 center
<center>- 使段落或文字相对于上一层标记居中显示
- 不建议使用
快捷键
- 一段文字的快捷键
- lorem +tab
- lorem100+ tab
- lorem……+tab
- 注释
- ctrl+/
图片搜索地址
image.baidu.com