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>
<h4><img src=”https://gss3.bdstatic.com/-Po3dSag_xI4khGkpoWK1HF6hhy/baike/w%3D268%3Bg%3D0/sign=295891afa00f4bfb8cd099523b741fcd/2fdda3cc7cd98d10aab3f201253fb80e7bec909f.jpg”/>三国演义</h4>
<p>诸葛亮</p>
</li>
<li>
<h4>水浒传</h4>
<p>宋江</p>
</li>
</ul>
有序列表：
<ol>
<li>
<h4><img src=”https://gss3.bdstatic.com/-Po3dSag_xI4khGkpoWK1HF6hhy/baike/w%3D268%3Bg%3D0/sign=295891afa00f4bfb8cd099523b741fcd/2fdda3cc7cd98d10aab3f201253fb80e7bec909f.jpg”/>三国演义</h4>
<p>诸葛亮</p>
</li>
<li>
<h4>水浒传</h4>
<p>宋江</p>
</li>
</ol>
### 列表的<li>标签中可以嵌套<p>和<h>标签。
14.自定义列表：
<dl>
<dt>1</dt>
<dd>2</dd>
<dd>3</dd>
<dd>4</dd>
</dl>
实际应用类似于：