HTML
一、什么是HTML？
答：HTML是超文本标记语言。（Hyper Text Markup Language）
二、什么是HTML标签？
答：HTML标签是由尖括号标记的关键词组成。HTML标签通常是成对出现的，标签中的第一个标签是开始标签，第二个标签是结束标签。
HTML标签和HTML元素通常都是描述同样的意思。
三、HTML元素
HTML文档是由嵌套的HTML元素构成。
1、HTML<head>元素
答：<head>...</head>元素包含了所有头部标签元素。在<head>...</head>元素中你可以插入脚本（javascript），样式文件（css），以及各种meta信息。
可以添加头部区域的元素标签为：<title>、<style>、<meta>、<link>、<script>、<noscript>、<base>。<head>元素文档的各种属性和信息，其中包括文档的标题、在Web中的位置以及和其他文档的关系等。
2、HTML中<title>元素
<title>定义了浏览器工具来的标题。
例：<title>我是网页标题</title>
3、HTML<base>元素
<base>标签描述了基本的链接地址/链接目标，该标签作为HTML文档中所有的链接标签的默认链接。
例：<base href=”//www.w3cschool.cn/images/” target=”_blank”>
4、HTML<link>元素
<link>标签定义了文档和外部资源之间的关系。
<link>标签通常用于链接到样式表：
例：<link rel=”stylesheet” type=”text/css” href=”mystyle.css”>
5、HTML<style>元素
<style>标签定义了HTML文档的样式文件引用地址。
在<style>标签中你需要指定样式文件来渲染HTML文档。
例：<style>
Body{background-color:red;}
</style>
6、HTML<meta>元素
<meta>标签提供了元数据。元数据也不显示在页面上，但会被浏览器解析。
<meta>元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元素。
元数据可以使用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他Web服务。一般放置于<head>区域。
7、HTML<script>元素
<script>标签用于加载脚本文件。
8、HTML标题
答：HTML标题是由<h1></h1>,<h2></h2>,...,<h6></6>标签来定义的，这六个元素标签每个分别代表文档中的不同级别内容。<h1></h1>代表主标题，<h2></h2>代表二级标题，依次类推，字体依次减小。
例：<h1>我是标题</h1>
9、HTML段落
答：HTML段落是由<p></p>标签来定义的。
例：<p>这是一个段落</p>
10、HTML中的空格
答：在HTML中无论是使用了多少空格，都只算一个空格。HTML中真正的空格是 ，一个 是一个空格。
11、HTML链接
答：HTML链接是由<a></a>标签来定义的。
例：<a href = “http://www.baidu.com” target=”_blank”>百度</a>
解释：href为必须属性，用以指定链接的地址，链接可以为空，用#号表示。target为非必须属性，默认被链接的文档会在原有的窗口打开，如果将target属性设置为”_blank”则文档就会在新窗口打开。标签中间的文字用来表示链接的名称。
12、HTML图像
答：HTML图像是由单标签<img>来定义的。
例：<img src = “images/1.png” width=”400px” height=”600px” alt=”刘亦菲” title=”刘亦菲” border=”3” align=”center”>
解释：src是必选属性，用以指定图像的地址。width、height、alt、title、border是可选属性，width和height用带设置图像的宽和高，单位可以省略。alt是在图像不能正常加载时显示的内容。title属性是鼠标划上图像时显示的内容。border属性以像素为单位指定图像边框粗细。align属性设置图像的对其方式，默认左对齐。
13、HTML水平线
答
标签在HTML页面中创建水平线。
例：
14、HTML换行
答：<br />标签可以换行。
例：我要换行了<br />我换行了
15、HTML注释
答：HTML注释提高代码的阅读性，是代码更容易被人理解。浏览器会忽略注释，不会在网页中显示它们。
例：//单行注释
16、HTML强调
答：为了突出一句话的意思，通常要强调某个词或某句话。HTML中提供了许多语义化元素，我们可以通过这些元素的的意义来标记正文。
例：<p><em>你好</em></p> 斜体
<p><strong>你好</strong></p> 加粗
17、HTML格式化标签
HTML使用标签对输出的文本进行格式，这些HTML标签被称为格式化标签。
1）HTML文本格式化标签
HTML格式化文本标签，它们可以直接被使用，而不用再去写样式进行调整。
例：<b>定义粗体文字</b>
<em>定义重文字</em>
<i>定义斜体字</i>
<small>定义小号字</small>
<strong>定义加重语气</strong>
定义下标字
定义上标字
<ins>定义插入字</ins> //文本通常带有下划线
<del>定义删除字</del>
2）HTML“计算机”输出标签
例：<code>定义计算机代码</code>
解释：将文本变成宽字体，暗示这段文字是源程序代码，浏览器可以做出自己的样式处理。
<kbd>定义键盘码</kbd> //不常使用
<samp>定义计算机代码样本</samp> //不常使用
<var>a</var> //文本通常显示为斜体，主要作用是使HTML代码的语义更为清晰，让代码更可读，没有什么能够实现的具体作用。不常使用。
<pre>定义预格式文本</pre> //被包围在pre元素中的文本通常会保留空格和换行符。文本会呈现为等宽字体。
3）HTML引文、引用、及标签定义
例：<abbr title=”Hyer Text Markup Language”>HTML</abbr> //定义缩写，在浏览器中，把鼠标光标放到缩写词上，会出现缩写名称。两个尖括号之间的内容底下画有虚线。
<address>定义地址</address> //目的是为了更好地语义化，文本通常显示为斜体。
<bdo dir=”ltr”>这里文本的方向是从左到右</bdo>
<bdo dir=”rtl”>这里文本的方向是从右到左</bdo>
<blockquote cite=”来源地址”>定义长的引用</blockquote> //cite属性是用来指定引用的来源，一般默认左右两侧的文本缩进40px。
<q>定义短的引用</q> //它是一个行内元素，在浏览器中显示使用引号包含的内容
<cite>引用、引证</cite> //标签中的文本将以斜体显示
<dfn>定义特殊术语或短语</dfn>
18、HTML表格
表格由<table>标签来定义的。每个表格均分有若干行（由<tr>标签定义），每行被分割为若干单元格（由<td>标签定义）。<th>定义表格的标题栏。
例：<table border=”1” width=”400” height=”150” bordercolor=”green” bgcolor=”yellow” background=”images/1.jpg” cellpadding=”5” cellspacing=”5”>
<tr>
<td rowspan=”2”>...</td>
<td colspan=”2”>...</td>
...
</tr>
<tr>
<td>...</td>
<td>...</td>
...
</tr>
...
</table>
解释：border边框属性显示表格的边框粗细，如果不定义则不显示边框。width和height属性设置表格的宽度和高度。bordercolor属性用于设置边框的颜色。bgcolor用于设置表格的背景颜色。background属性用于设置表格的背景图片。cellpadding属性表示单元格边框与单元格内容之间的距离。cellspacing属性定义表格单元格之间的空间。
rowspan属性用于合并两行或多行单元格；colspan属性用于合并两列或多列单元格。
19、HTML列表
1）HTML无序列表
无序列表使用粗体圆点进行标记，无序列表成员之间无级别顺序关系。
例：<ul>
<li>...</li>
<li>...</li>
...
</ul>
2）HTML有序列表
列表项目使用数字进行标记，各项目之间存在顺序的情况。
例：<ol>
<li>...</li>
<li>...</li>
...
</ol>
3）自定义列表
例：<dl>
<dt>...</dt>
<dd>...</dd>
<dt>...</dt>
<dd>...</dd>
</dl>
注意：列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。
20、HTML<div>元素和HTML<span>元素
<div>标签是块级元素，可以把文档分隔为独立的、不同的部分。<div>元素没有特定的含义。与CSS一同使用<div>元素可用于对大的内容块设置样式属性。<div>的常见用途时文档布局。它取代了表格定义布局的老式方式。
<span>元素是内联元素，没有特定的含义，可用作文本的容器，与CSS一同使用，<span>元素可用于为部分文本设置样式属性。
21、HTML表单
表单是一个包含表单元素的区域。表单元素允许用户在表单中输入内容，比如：文本域（textarea）、下来列表、单选框（radio-buttons）、复选框（checkboxes）等等。表单使用表单标签<form>来设置。
<input>元素是最重要的表单元素，输入类型是由类型属性（type）定义的。经常被用到的输入类型如下：
1）文本域（Text Fields）
文本域通过<input type=”text” value=”文本框默认显示的值”>标签来设定，当用户要在表单中键入字母、数字等内容时，就会用到文本域。value非必选项.
2）密码字段
密码字段通过标签<input type=”password”>，密码字段不会明文显示，而是以星号或圆点代替。
3）单选按钮
<input type=”radio”>标签定义了表单单选框选项。
4）复选框
<input type=”checkbox”>定义了复选框。
5）提交按钮
<input type=”submit”>定义了提交按钮。当用户单击按钮时，表单的内容会被传送到另一个文件。
四、HTML属性
答：HTML元素可以设置属性、属性可以以名称/值对的形式（如：name=”value”）在元素中添加附加信息。属性值常用双引号包括，也可以用单引号。
常用的HTML属性：
1、class属性：为元素定义一个或多个类名。
例：<p class=”p1”>我是段落</p>
2、id属性：定义元素的唯一Id。
例：<div id=”div1”>我是div</div>
3、style属性：规定元素的行内样式。
例：<p style=”color:red;text-align:center”>
4、title属性：描述了元素的额外信息。
例：<div title=”div”><div>
解释：鼠标划上去显示的信息。
五、HTML样式——CSS
CSS层叠样式表，它定义了如何显示HTML元素，用于控制Web页面的外观。通过使用CSS实现页面的内容与表现形式分离，极大地提高了工作效率。样式存储在样式表中，通常放在<head>部分或存储在外部CSS文件中。
1、如何使用CSS？
内联样式——在HTML元素中使用”style”属性
例：<p style=”color:bule;background-color:green;margin-left:20px;”>这是一个段落</p>
内部样式表——在HTML文档头部<head>区域使用<style>元素来包含CSS
外部引用——使用外部CSS文件。
2、HTML样式——字体，字体颜色，字体大小、文本对齐方式
使用fon-family（字体）、color（颜色）、和font-size（字体大小）属性来定义字体的样式、使用text-align（文字对齐）属性指定文本的水平和垂直对齐方式。
六、HTML块级元素和HTML内联元素
答：块级元素在浏览器显示时，通常会以新行来开始和结束。例如：<h1>、<p>、<ul>、<table>、<div>。内联元素在显示时通常不会以新行开始。例如：<b>、<td>、<a>、<img>、<span>
七、HTML框架
<iframe>标签规定一个内敛框架。
一个内联框架被用在当前HTML文档中嵌入另一个文档。通过使用框架，你可以在同一个浏览器窗口中显示多个页面。
iframe语法：<iframe src=”URL” width=”200” height=”200” frameborder=”0”></iframe>
该URL 指向不同的网页。将窗口内容显示为URL地址指向页面。width和height属性用来定义iframe标签的高度和宽度。frameborder属性用于定义iframe是否有边框。默认有边框。
八、HTML<script>标签和<noscript>标签
<script>标签用于定义客户端脚本，比如Javascript。<script>元素既可包含脚本语句，也可以通过src属性只想外部脚本文件。javascript最常用于图片操作、表单验证以及内容动态更新。
<noscript>提供无法使用脚本时的代替内容，<noscript>元素可包含普通HTML页面的body元素中能够找到的所有元素。只有在浏览器不支持脚本或者禁用脚本时，才会显示<noscript>元素中的内容。
九、XHTML
1、什么是XHTML？
XHTML 是更严格更纯净的HTML版本
2、为什么使用XHTML?
很多HTML代码并未遵循HTML规则，也能正常运行。XML是一种必须正确标记且格式良好的标记语言。所以结合XML和HTML的长处，开发出了XHTML。
3、XHTML和HTML区别？
1）文档结构
XHTML DOCTYPE是强制性的
<html>中的XML namespace属性是强制性的
<html>、<head>、<title>、<body>也是强制性的
2）元素语法
XHTML元素必须正确嵌套
XHTML元素必须始终关闭
XHTML元素必须小写
XHTML文档必须有一个根元素
3）属性语法
XHTML属性必须使用小写
XHTML属性值必须用引号包围
XHTML属性最小化也是禁止的
十、HTML多媒体
Web上的多媒体指的是音效、音乐、视频、和动画。
1、HTML音频
1）使用<embed>元素
例：<embed height=”50” width=”100” src=”URL”>
2）使用<object>元素
<object height=”50” width=”100” data=”URL”></object>
3）使用HTML5<audio>元素
例：<audio controls height=”100” width=”100”>
<source src=”URL” type=”audio/mpeg”>
</audio>
2、HTML视频
1）使用<embed>元素
2）使用<object>元素
3）使用HTML5<video>元素
例：<video width=”320” height=”240” cotrols>
<source src=”URL” type=”video/mp4”>
</video>
