一、网页的组成
HTML：页面结构
CSS：页面样式表现
JavaScript：交互行为
二、HTML语法：
2.1 HTML文件的后缀：
HTML文档的后缀名：.html .htm
2.2快速生成HTML页面结构
Html:5 + tab键快速 生成html5的文档结构。
Html:4s + tab
2.3Doctype标签
2.4Link标签的常见用法
l引入DNS预先解析
dns预解析(了解)：
引入网站icon图标：
引入CSS样式：
2.5 HTML标签
HTML标签代表整个文档结构。
HTML标签只嵌套head标签和body标签。
2.6 head标签
head标签定义的内容只是提供给浏览器使用，不用于用户的呈现。主要用来封装其他位于文档头部的标记，例如、<meta>、<link>及<style等，用来描述文档的标题、作者以及和其他文档的关系等。
>用来描述文档的标题、作者以及和其他文档的关系等。
meta标签
utf-8是目前最常用的字符集编码方式，常用的字符集编码方式还有gbk和gb2312。
gb2312 简单中文
GBK包含全部中文字符 繁体
BIG5 繁体中文
UTF-8则包含全世界所有国家需要用到的字符
从二进制说起，符号表示文字，表示的模式就是编码：联想电报
title标签
title标签对于网站SEO至关重要，标题的好坏直接影响网站的SEO
SEO（Search Engine Optimization）：网站搜索引擎优化
浏览器内核（代表浏览器）：
trident ( ie ), gecko (firefox), webkit(safari), blink ( opera，chrome)
浏览器工作原理：
浏览器接受用户操作-封装http请求-连接服务器：dns解析-发送请求报文-服务器接收请求-处理请求-
返回响应报文-浏览器接收响应报文-渲染页面呈现。
HTTP （HyperText Transfer Protocol）：超文本传输协议
DNS：域名和ip相互映射的分布式数据库
作用
HTML:（超文本标记语言）页面结构
CSS:页面样式表现
JavaScript:交互行为
html文件后缀
.html .htm .shtml 静态网页的后缀,扩展名不同，实质相同。
.htm 早期8位dos系统下只支持3位数的扩展名。
Doctype声明
声明必须是 HTML 文档的第一行，位于 标签之前。
声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
在 HTML 4.01 中， 声明引用 DTD，因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。
HTML5 不基于 SGML，所以不需要引用 DTD。
link标签
常用属性：rel 规定当前文档与被链接文档之间的关系 、href 规定被链接文档的位置。
用法：
1.引入dns预解析
//
2.引入css样式
//
3.引入网站icon图标
//
meta标签
charset属性，设置编码
编码
utf-8:显示中文简体繁体及其它语言（如英文，日文，韩文）
gbk:显示简体中文、繁体中文’日语平假名
gb2312:简单中文
sublime快捷键
home行头
end行尾
ctrl+/注释
Ctrl + N新建
Ctrl+Shift +k 删除一行
Alt + . 快速闭合标签
Ctrl + 回车 添加一行空行
Ctrl + Shift +V 粘贴过程中保持缩进
Ctrl + H 替换
Ctrl + Shift + D -复制这行文本
SHift +Tab去除缩进
网友评论