第二周预习——html常用标签，认识浏览器

html常用标签

基础html标签

1.<!DOCTYYPE html>
定义文档类型。2. < html > < /html >
定义html文档。

3.< head > < /head >
定义关于文档的信息。

4.< tittle > < /tittle >
定义文档的标题。

5.< body > < /body >
定义文档的主体。

6.< h1 >to< h6 >
定义html标题，h1到h6字体逐渐变小，每个页面建议只有一个h1。

7.< p > < /p >
定义段落。每个段落自动换行，段内忽略连续的空格，不显示空行也不会换行。

8.< pre > < /pre >
定义预格式文本，标签中写什么页面中就展示什么，适用于展示代码。
9.< br >
定义换行。

10.< hr >
定义水平线。

11.<!–…–!>
定义注释。注释内容不会在页面中显示，注释可换行。

表单html标签

1.< from > < /form >
定义供用户输入的表单。

2.< input >
定义输入控件。

3.< textarea>
定义多行输入的文本域。

4.< select >
定义下拉列表。

5.< option >
定义选择列表的选项。

一个表单：

完成样式：

图像html标签

< img >
img元素一般有两个属性：src和alt
src：source的简写，来源，其中包含图片的路径（站内资源使用绝对或者相对路径，站外资源使用绝对路径）
alt：表示在图片失效时，此属性中的内容来代替图片

音频视频html标签

1.< audio >
定义声音内容。

2.< source >
定义媒介源。

3.< track >
定义用在媒体播放器的的文本轨道。

4.< video >
定义视频。

超链接html标签

1.< a >
定义锚。

2.< link >
定义文档与外部资源的关系。

3.< nav >
定义导航链接。

列表html标签

1.< ul >
定义无序列表。

2.< ol >
定义有序列表。

3.< li >
定义列表的项目。

表格html标签

1.< table >
定义表格。

2.< th >
定义表格中表头单元格。

3.< tr >
定义表格中的行。

4.< td >
定义表格中的单元。

样式和语义html标签

1.< style >
定义文档的样式信息。

2.< div >
定义文档中的区域。

3.< span >
定义文档中的节。

4.< header >
定义section或page的页眉，属于html5。

5.< footer >
定义section或page的页脚，属于html5.

6.< main >
定义文档的主要内容。

7.< section >
定义文档中的节，将页面内容分块。

8.< article >
定义文章。

9.< aside >
定义页面之外的内容。

认识浏览器

浏览器的种类

1.Google浏览器，是Google公司下的一款，特点是简洁、快速，开放源代码。

2.火狐浏览器浏览器，由Mozilla基金会和数百个志愿者所开发，特点是非常灵活，拥有强大插件功能，也是开放源代码。

3.IE浏览器，为微软公司所有，依靠Windows操作系统默认浏览器，曾经称霸一时，但用户体验非常不好，2015年3月微软放弃IE品牌。

上面说的都是拥有自主内核的浏览器，都是国内各种浏览器的的始祖，下面就说说国内常见的浏览器。

4.360安全浏览器，归360公司所有，用的是IE内核，在国内占有市场份额第一。

5.百度浏览器：百度公司所有，也是用IE内核，国内占有较高的份额。

6.猎豹浏览器：为猎豹移动公司所有，用IE和Google双内核，国内占有一定的份额。

还有一些浏览器，如qq浏览器、UC浏览器、淘宝浏览器、搜狗浏览器等等。

浏览器的结构

1.用户界面：包括浏览器可见的地址输入框、浏览器前进返回按钮、打开书签、打开历史记录等用户可操作的功能选项；

2.浏览器引擎：可以在用户界面和渲染引擎之间传递指令或在客户端本地缓存中读写数据等，是浏览器中各个部分相互通讯的核心；

3.浏览器渲染引擎：解析DOM文档和CSS规则并将内容排版到浏览器中有样式显示的界面，也被成为排版引擎，常说的浏览器内核主要指的是渲染引擎；

4.网络功能：是浏览器开启网络线程发送请求或下载资源文件的模块，例如DOM树中请求静态资源首先是通过浏览器的网络模块发起的；

5.UI后端模块：用于绘制基本的浏览器窗口内控件，比如组合选择框、按钮、输入框等；

6.JavaScript解释器：是浏览器解释和执行JavaScript脚本的部分，例如V8引擎；

7.数据持久化存储：涉及cookie、localstorage等客户端存储技术，可以通过浏览器引擎提供的API进行调用。

总结：在本次预习中，了解了更多的html标签，初步掌握了它们的用法及内部元素。对浏览器的内部有了初步了解，对浏览器的认识不再只停留在用户层面。希望在接下来的学习中对html标签及浏览器有更深入的认识。