HTML第一小节：HTML基础

2017-04-18 本文已影响0人 becauseyou_90cd

1.web页面组成：

HTML：页面结构

CSS：页面样式表现

JS：交互行为

2. sublime 显示左侧栏：

试图->侧边栏->显示或隐藏左边栏

快速打开文件夹资源管理器： win+e快捷键

快速注释：ctrl+/

4. html:5 +tab 键能快速生成html5文档结构 html:4s + tab键或者html:4t + tab键快速生成html4文档结构

.htm == .html

5. html 是html标签，body是页面内容标签（用户看的），head是头部标签（浏览器看的）Doctype 标签是文档类型 e.g. <!DOCTYPE html> 这个一定不能省略

6.当浏览器解析当前文档的编码和文档实际的编码不一致时会出现乱码。<meta charset = "UTF-8">

html标签只能嵌套head和body标签

7.title标签设置当前浏览器页面标签的标签内容。 ctrl + shift + d 键能快速复制

8.域名预解析：可以有效的提高后续访问网站的速度

9.dtd:文档类型定义

10.一般一个页面只有1个h1标签（当然可以超过，但是不利于搜索SEO）

h1标题标签：是标注当前页面中的文档最重要的核心主题的文本段落标签

11. h1 + tab 键可以快速生成ｈ１标签，　类似于ｐ标签 <hr>标签是单标签，即产生水平线

12.文档之间的空格会合并换行标签　 换行标签　　.

13.this is good. 是文本节的标签，用于小字节不需要分段

14.this 着重显示字体　　　　 标签不推荐使用

15. :是局部的文本的加强语气，但是其可以改变局部的文档的语义和:是针对整个文档

16. and 　下标和上标标签

17.ctrl + 回车键可以让光标快速的定位到行首　ctrl + r 键：　浏览器的刷新

18. <del>标签　　　删除标签　　　<ins></ins> 加下划线

19.超级链接标签　ａ标签　　　<a target = "_blank" herf = "www.baidu.com"> front end developement</a>

target properties: _blank and _self br*20 + tab快速生成２０个换行键

20.锚点：front-end dev. <a herf = "#id">

21.win+r打开dos运行窗口

22. picture with gif format can support animation. gif图片小，兼容性好，支持透明，色彩太多不行。

JPG:广告，大的图片，照片

PNG（png-24和32）图片不支持动动画，支持alpha动画（透明，半透明，）