关于HTML学习的总结（第一部分）

HTML 

1、认识网页

 由文字、图像、超链接等元素构成，还包括音频、视频、flash等。

2、常见的浏览器及其内核

     浏览器是网页的运行平台，可分为五类；浏览器内核分为渲染引擎和JS引擎。

    2.1 IE内核：trident

          国内许多双核浏览器的其中一核，其中Edge也是这个。

    2.2Firefox（火狐）：gecko

         代码完全公开，可开发程度高，但是打开速度较慢，升级频繁。

     2.3Safari：webkit

          苹果公司开发。

     2.4Chrome：blink

          blink其实是webkit的分支，大部分国产浏览器最新版都采用blink内核。

     2.5Opera：presto

          是挪威浏览器Opera的前任内核，现在已用blink。

3、web标准

因浏览器的内核不同，其工作原理、解析、显示就会有所不同，通过web标准，可以展示统一内容。

   3.1web标准的好处

        *让web的发展前景更广阔

        *更容易被搜索引擎搜索

        *降低网站流量费用

        *使网站更易于维护

        *提高页面浏览速度

   3.2web标准的构成

        结构标准、样式标准、行为标准

4、HTML初识

    英文全称为hyper text markup language，超文本标签语言。主要通过html对网页中的文本、图片声音等内容进行描述。

   4.1骨架书写

   4.2标签分类

        有双标签和单标签之分，其中单标签极少。

   4.3标签关系

        分嵌套关系和并列关系

5、熟悉一下所用到的开发工具

     sublime、webstorm、Dreamweaver、builder等

6、文档类型<！DOCTYPE>

    此标签位于文档的最前面，用于向浏览器说明当前文档使用哪种html或XHTML标准、规范，必须在开头处使用。

   （XHTML为扩展超文本语言，两者区别：后者更严谨、功能更强大）

7、字符集

    UTF-8包括全世界所有国家需要用到的字符；

    gb2312 中国大陆

    gbkz 国标扩展，融合简体、繁体中文

    BIG5 港澳台，繁体字

8、HTML常用标签

   标题标签，如<h1>...<h6>：重要性递减；

   段落标签：<p>；

   水平线标签：<hr  />   属于单标签；

   换行标签：<br  />    属于单标签；

   文本格式化标签： <strong></strong>  <em></em>   <del></del>  <ins></ins>

   图像标签：<img  src=""/>   (src为其必须属性)

   链接标签：<a href="">

   特殊字符标签：&nbsp空格；&gt大于号；&lt小于号

   注释标签：要养成良好的写代码注释的习惯。

9、路径

   分为相对路径和绝对路径两种。

  相对路径分为三种：*图像文件和HTML文件位于同一文件夹时，只需输入图像名称即可；

                                      *图像文件位于HTML文件下一级文件夹时，输入文件夹名和文件名，中间用“/”隔开；

                                      *图像文件位于HTML文件的上一级文件夹时，在文件夹名之前加“../”，上两级为“../../”，以此类推。

  绝对路径：完整的网页链接或者磁盘路径。