web全栈的进阶之路：HTML

一.特殊键及快捷键

ctrl 控制
shift 换挡 用shift切换大小写
Alt 调整
tab 切换
Alt+tab 两个文档来回切换
Alt+f4 关闭程序
f2 重命名
f5 刷新
ctrl+z 撤销
ctrl+N 新建

Windows +E 资源管理器
Windows+D 桌面
ctrl+空格 切换中英文

http 协议的内容意义

服务器：左侧电脑文件，右侧服务器文件，服务器搭建
传输html文件到服务器可在网页观看
/ 文件的位置
网页本身是一个文件夹，通过购买服务器上传到服务器上，大众可以通过网址观看。
网页是真实式的物理文件，对应服务器上的文件

什么是纯文本文件txt

除了文本的格式其他都不能接受，txt不能保存样式，很干净，doc保存了文本样式图片颜色等格式，所以文本比较大。HTML和TXT没有任何区别。
html.css.js是纯文本的
注：一个汉字两字节，一个英文一个字节
HTML超文本标记语言，负责描述文档语义的语言，通过标签对给文字增加语义，HTML除了语义什么都没有。
标签只是给文字增加了语义，不能说增大之类的
eg：

标签的作用
正确：给主标题增加语义
错误：给文字怎增大加粗

编辑器

快捷键：
ctrl+滚轮 调整字体大小
ctrl+shift+ 上箭头 上移当前行
ctrl+shift+d 复制当前行
ctrl+shift+k 删除当前行

二.HTML深入

2.1文档声明头

HTML4.0的规范（XHTML同样）：Strict，Transitional以及Frameset（带有框架的文档）

U标签（不常用且语义较小的标签）经常用来做钩子

DocType Declaration此标签可告知浏览器文档使用哪种HTML或XHTML（严格的HTML）的规范DTD

2.2字符集

字符集的意义：用编码存储于计算机库
字符集用meta标签定义，meta表示“元”，“元”配置就是表示基本的配置项目
中文字符集utf-8，gb2312（gbk）

UTF-8是国际通用字符集涵盖范围大，保存文件臃肿，网速慢。每个汉字3个字节。
gb2312我国发明的字符集，涵盖范围小，但清洁度高，网速快。每个汉字2字节。
**注：**meta中的字符集和保存时的字符集要匹配否则会出乱码。
meta http-equiv=“Content-Type” content=“text/html; charset=gbk”

2.3关键字和页面描述

2.3.1设置页面描述（SEO）

格式：meta name（名字）=“Description” content（内容）=“网易是中国领先的互联网技术公司，为用户提供免费邮箱、游戏、搜索引擎服务，开设新闻、娱乐、体育等30多个内容频道，及博客、视频、论坛等互动交流，网聚人的力量。”

2.3.1设置关键词

格式：meta name=“Keywords” content=“网易,邮箱,游戏,新闻,体育,娱乐,女性,亚运,论坛,短信,数码,汽车,手机,财经,科技,相册”

2.4title标签

格式：:网页的标签
title有助有SEO搜索引擎的优化

2.5head标签表示页面配置

字符集，关键字，网页描述，页面标题

三.HTML 的基本语法特性

3.1HTML对换行不敏感，对tab不敏感
HTML只在乎标签嵌套的关系，但要求养成良好的缩进习惯，易看清结构
3.2空白折叠现象
HTML中所有的文字换行，空格，tab都会演进成一个空格
3.3标签要严格封闭
3.4文本集（具有局限性），容器集（啥都能放）

四.h.p系列标签

home，end切换到文开头结尾

paragraph

headline 4.1h标题（容器集）：没有嵌套关系，且不能说字大小，只能说定义了几级标题语义。 4.2p段落（文本集）：只能放文字图片及图表，不能放**标签**，否则p标签会自动封闭 4.3img图片（自封闭标签）：能放置的图片类型jpg，GIF，png，bmp 不能放置的图片类型：psd，ai 格式： < img（图片） src（资源）="文件地址" alt（替代文字）=""/> **4.4相对路径**： **..**表示返回文件上一级，/表示文件下一级 ../../../aaa/bbb/1.jpg

五.超级链接

<a（锚） href=“1.html”（文件地址）title（鼠标悬停文本）=“很好看哦” **target（是否在新页面打开）="_black（空白）"**>结婚照（名字）< /a>

六.锚点

href="#"表示页面顶端
页面内的锚点：

两个配合，一个href一个name，href中加**#**
分成好几个小页面；<a name="1.jpg"不写href只写name，自动卷动 ，
跨页面用锚：
p标签包括a，a不能包裹p，因为a的语义小于p，所以他俩都是文本集但是p能包裹a