一、网页的组成
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去除缩进