HTML第1天

1.浏览器内核：

　　Trident（IE内核）、Gecko（Firefox内核）、Webkit（Safari内核）、Chromium/Blink（chrome内核）、Presto（Opera内核）→已经废弃，欧朋公司转向使用谷歌浏览器内核。

　　　　360浏览器、猎豹浏览器内核：Trident+Chrome双内核；

　　　　搜狗、遨游、QQ浏览器内核：Trident（兼容模式）+Webkit（高速模式）；

　　　　百度浏览器、世界之窗内核：Trident内核；

　　　　2345浏览器内核：好像以前是Trident内核，现在也是Trident+Blink双内核了；

　　　　UC浏览器内核：这个众口不一，UC说是他们自己研发的U3内核，但好像还是基于Webkit和Trident，还有说是基于火狐内核。

2.Web标准的组成：

　　结构（Structure）+表现（Presentation）+行为（Behavior）

　　相对应的：HTML+CSS+JavaScript

3.常见字符集：

　　GB2312：简体中文，包括6763个汉字。

　　BIG5：繁体中文，港澳台通用。

　　GBK：包括全部中文字符，是GB2312的扩展，加入对繁体字的支持，兼容GB2312.

　　UTF-8：包含全世界所有国家需要用到的字符。

4.常用标签概述：

　　<title></title>：文档标签

　　<p></p>：段落标签

　　<h1>~<h6>:字体逐渐变小，头部标题标签

　　　　单标签：

　　　　<img /> 图片标签

　　　　 <br /> 换行标签

　　　　<hr /> 水平线标签

　　　　<base /> 规定页面上所有链接的默认URL和默认目标。

　　### 段落和换行之间的差别：段落和段落之间的空隙较大。

5.div和span标签：

　　两个标签都是没有语义的，是我们网页布局的主要的两个盒子，一般情况下的技术架构：div+css。

　　div：division的缩写，分割、分区的意思，其实有很多的div来组合页面。

　　span：跨度、跨距、范围。

　　### 一行中仅能有1个<div>，但是可以有多个<span>。

6.文本格式化标签：

　　<b></b>或<strong></strong> 文本以粗体方式显示。

　　<i></i>或者<em></em> 文本以斜体方式显示。

　　<s></s>或者<del></del> 文本以加删除线显示。

　　<u></u>或者<ins></ins> 文本以加下划线方式显示。

　　### XHTML推荐使用<strong><em><del><ins>，<b><i><s><u>只用“使用”，没有强调的意思；<strong><em><del><ins>的语义更加强烈。

7.图像标签<img />标记属性：

属性	属性值	描述
src	URL	图像的路径
alt	文本	图像不能显示时替换的文本
title	文本	鼠标悬停时显示的内容
width	像素（XHTML不支持%页面百分比）	图像宽度
height	像素（XHTML不支持%页面百分比）	图像高度
border	数字	设置图像边框的宽度

8.链接标签：

　　<a></a> 单词缩写：ancher.。

　　基本语法格式：<a href="跳转目标" target="目标窗口的弹出方式：_self 或者 _blank">文本或图像</a>

　　### ①外部链接：需要添加前面的协议名，例如：“http://www.sina.com”

　　　　②内部链接：直接链接内部名称即可，例如：<a href="success.html">成功页面</a>

　　　　③如果当时没有确定链接目标时，通常将链接标签的href属性定义为“#”

　　　　④不仅可以创建文本超链接，在网页中各种网页元素，如图像、表格、音频、视频等都可以添加超链接。

　　## 实现本页内的一部分跳转到另外一部分：可以参照百度百科中的例子：

　　　　前：<a href="#live">个人生活</a>

　　　　后：<h3 id="live">个人生活</h3>

　　### <base target="_blank"> 该句表示所有的页面跳转方式默认为进入一个新的空白页。

9.特殊字符：

　　空格： 

　　小于号：<

　　大于号：>

10.注释标签：

11.相对路径：

　　①图像文件和HTML文件位于同一文件夹下，只需输入图像文件的名称即可，如<img src="1.gif" />

　　②图像文件位于HTML文件的下一级文件夹，输入文件夹名和文件名之间用“/”隔开，如<img src="img/img0/1.gif" />

　　③图像文件位于HTML文件的上一级文件夹，在文件名之前加入“../”，如果是上两级，则需要输入“../../”，如<img src="../1.gif" />

12.常用的绝对路径方式：

　　只要是计算机可以上网，那么src下就可以直接写网络图片的URL，例如：<img src="https://www.cnblogs.com/images/logo_small.gif" />

13.有序列表和无序列表：

　　无序列表：

　　<ul>

　　　　<li>

　　有序列表：

　　<ol>

　　　　<li>

　　### 列表的<li>标签中可以嵌套<p>和<h>标签。

14.自定义列表：

　　<dl>

　　实际应用类似于：