HTML5基础 day01 2017.2.14

一、浏览器内核:

①ie:trident

②safar:webkit

③ff:gecko

④chrome、opera:blink

二:网页组成:

1、HTML:页面结构

2、CSS:页面样式表现

3、JavaScript:交互行为


HTML5基础 day01 2017.2.14_第1张图片

三、HTML简介:

HTML:超文本标记语言,通过对HTML标记对网页中的文本、图片、声音等内容进行描述。

四、HTML标准的选择:HTML5.

五:HTML结构:

1、显示左侧栏:视图→侧边栏→隐藏或者显示侧边栏

2、快速打开文件夹资源管理器:win+e

3、在sublime创建一个新的html页面

     在文件夹上面→右击 New File(新建文件的意思)

4、注释(

5、快速让光标定位到行的结尾:end;

     快速让光标定位到行首:home;

     快速注释:ctrl + /;


HTML5基础 day01 2017.2.14_第2张图片

六、HTML头部标签:

1、doctype标签: 文档声明:当前文档是一个html文档,遵循的标准是html5的标准。

快速生成HTML页面结构:html:5+tab键

HTML5基础 day01 2017.2.14_第3张图片

2、html基本文档格式

HTML5基础 day01 2017.2.14_第4张图片

3、head标签::用于嵌套,用于给浏览器使用的配置和设置。

4、title标签:设置当前浏览器页面的标题内容。

HTML5基础 day01 2017.2.14_第5张图片

5、标签:

utf-8是目前最常用的字符集编码方式。兼容性最好。

Ctrl+shift+d快速的复制一行代码

6、Link标签:

1.设置DNS预解析,提高后续访问网站的效率.

HTML5基础 day01 2017.2.14_第6张图片

2.引入网站icon图标.

HTML5基础 day01 2017.2.14_第7张图片

3.引入css样式


你可能感兴趣的:(HTML5基础 day01 2017.2.14)