2.<html></html>含义：用于告诉浏览器用什么文件格式翻译其中的代码。这是一个网页最大的标记，其他所有标记都必须位于其中。<html>有两个子标记<head>和<body>.
3.<head>含义：代表网页头部，<head>一般是控制信息，告诉浏览器用什么字符集来显示内容，使网页中的汉字，英文，日文等正常显示，每个国家的字符集不一样。
4.<body>：只有放在body中的内容，才能看见。
5.DTD(Document Type Definition)是一套关于标记符的语法规则。它是XML1.0版规则的一部分，是XML文件的验证机制。DTD文件是一个ASCII文本文件，后缀名为.dtd。
6.万维网联盟（World Wide Web Consortium，简称W3C）创建于1994年，是Web技术领域最具权威和影响力的国际标准化组织。 W3C主要工作，是制作Web规范。
7.color=“#00FF00” 每两位代表，红，绿，蓝，以上颜色代表绿色。用单词，十进制，十六进制可以表示颜色，单词表示的颜色数量少，十进制表示的颜色有可能浏览器不支持，建议使用十六进制，颜色多，识别性好。
8.<map>图像映射，图像映射是指在图像中的指定区域添加超链接，这些超链接又称为热点。图像映射通过<map></map>标记和<area></area>标记进行定义。<area>定义一个热点的具体位置和目标链接，而<map></map>将所有热点联合为一个整体并命名，该名称指定给<img>标记的usemap属性，将图像和热点连接起来。例如：
<img src=“1.jpg” usemap=“#Map” />
<map id=“Map” name=“Map”>
<area shape=“热点形状” coords=“坐标” href=“链接” alt=“替代文字” />
</map>
9.<object></object>标签：功能：定义一个嵌入的对象。请使用此元素向您的 XHTML 页面添加多媒体；兼容性：几乎所有的浏览器都支持；OBJECT 标签是用于IE3.0及以后浏览器或者其它支持Activex控件的浏览器 ；object元素中一般会包含<param>标签，<param>标签可用来定义播放参数。 object元素用于IE浏览器，embed元素用于非IE浏览器，为了保证兼容性，通常我们同时使用两个元素，浏览器会自动忽略它不支持的标签。同时使用两个元素时，应该把<embed>标签放在<object>标签的内部。
10.<table>标签： <th></th>表格标题单元格：加粗居中显示，<td></td>表格数据单元格 ；
11.<caption>——表格标题： 语法：<caption align=“left或center或right”>内容</caption>，用来指定表格的标题或说明，caption为table的子元素，且只能在table元素内，应该出现在紧随table开始标签之后，而一个table只能有一个caption。
终止标签不可省略
12.get和post的区别：
1.如果为get，那么所提交的数据集将被作为一个由表单的所有名/值对组成的查询字符串（query string）添加到表单处理器的URL（action属性）的末尾。如：index.php?variable1=content1&variable1=content2， 这种方法提交的信息在长度上有一定限制，而且不安全，适合简单的数据查询。
2.如果为post，那么数据集将直接发给表单处理程序，而不是以可见的URL查询字符串的形式。post方法可以提交更长的数据，并且 相对安全一些， 传送的数据类型更多一些（不限于ASCII字符），因而适用于数据更复杂的表单。 浏览器的默认方法为get。
13.<input>标签：
1.file类型：<input type=“file” name=“upFile” />该元素包含一个文本输入字段，用来输入文件名，还有一个按钮，用来打开文件选择对话框以便图形化选择文件。当一个<form>中有“上传文件域”， 必须指定MIME类型<form enctype=“multipart/form-data”>，否则无法上传文件。上传文件域，只在method=“post”下才有效。
14.框架：框架提供将一个浏览器窗口划分为多个区域，每个区域都可以显示不同HTML文档的方法。
1.框架集(frameset)是HTML文件，它定义一组框架的布局和属性，包括框架的数目、框架的大小和位置以及在每个框架中初始显示的页面的URL。框架集文件本身不包含要在浏览器中显示的HTML内容；框架集文件只是向浏览器提供应如何显示一组框架，以及在这些框架中应显示哪些文档的有关信息。
FrameSet注意事项
在使用了框架集(Frameset)的HTML页面中，body标记被frameset取代。
Frameset用于定义框架结构，至于框架中具体显示什么页面，则由其子元素frame设定。
Frameset的子元素noframes用来指定浏览器不支持框架页时显示的信息
Frameset的标签内容中还可以有frameset（框架嵌套）
Frameset为W3C非推荐元素，仅可在Frameset DTD的情况下使用
2.框架(frame)是浏览器窗口中的一个区域，它可以显示与浏览器窗口的其余部分中所显示内容无关的HTML文档（每个框架中显示一个独立的HTML文档）。
Frame注意事项
frame元素用来定义单个框架的显示内容与显示方式
Frame为单边标记，因此用“/”结束。
Frame元素为Frameset的子元素。
frame为W3C非推荐元素，仅可在frameset DTD的情况下使用
3.<iframe>内嵌框架
iframe用来在文档中嵌入一个行内框架
iframe为body的子元素，因此iframe必须放置于body元素内
iframe框架可放置在网页中的任何位置
对于不支持iframe的浏览器，可以设置替代内容
iframe为W3C非推荐元素，仅可在 Transitional DTD的情况下使用
终止标签不可省略
15. <meta>标记：
<meta>标记的主要功能：是设置或告诉浏览器如何显示网页内容，换句话说用什么字符集显示内容。
<meta>是<head>的子标记。
<meta>是一个单边标记。
<meta>标记的常用属性
l http-equiv：相当于http的文件头部，主要是告诉浏览器如何显示内容。
l name：主要用于描述网页，如网页关键字或网页描述，或者作者、版本信息等。
（1）设置网页字符集
<metahttp-equiv="Content-Type" content="text/html;charset=utf-8" />
提示：http-equiv的值是content-type是固定的。
（2）网页自动刷新功能
<metahttp-equiv="refresh" content="2" /> 每隔2秒钟，刷新一次网页
<metahttp-equiv="refresh" content="5;url=http://php.itcast.cn"/> 5秒钟后跳转到传智播客网
（3）设置网页关键字，用于SEO网页优化
<meta name="keywords" content="网站建设,企业网站建设,网站制作,网上商城,网站推广,域名注册,中企动力。"/>
（4）网页描述
<metaname="description" content="网站建设、网站制作专家中企动力，为您提供专业的展示型网站建设、营销型网站建设、独立商城系统网站建设、并提供一体化的企业邮箱、谷歌推广解决方案。咨询热线400-660-5555" />
16.Xhtml简介：
XHTML是可扩展的超文本标注语言。XHTML和HTML的标记都是固定的，不可人为修改。
XML可扩展标注语言。
XHTML的目的主要用来取替HTML。因为HTML标记的兼容性不好，在很多的移动平台是不用正常使用。
XHTML是严格的、纯净的HTML。
17.DTD文档类型定义
DTD，Document Type Defined ，文档类型定义。
DTD是一套标记的语法规则，主要用来检查我们所写的XHTML网页中的语法是否符合要求。
DTD有三种分类：严格型、过渡型、框架型。
严格型DTD
严格型网页，要求网页中 不能再使用任何的格式标记(<b>、<i>、<font>、bgColor属性等)。过渡型DTD
在严格型下，需要使用CSS来实现所有外观样式。<!DOCTYPE html PUBLIC "-//W3C//DTDXHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
过渡型下，可以使用格式标记。框架型DTD
<!DOCTYPE html PUBLIC "-//W3C//DTDXHTML 1.0 Transitional //EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional .dtd">
所谓框架，就是输入一个地址，同时显示多个网页。18. XHTML编写规范<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
网页文档只能一个根元素，根元素<html>
XHTML要求标记必须小写。
XHTML要求所有标记都必须结束。
单边标记如何结束，在最后加一个空格，再加一个斜线。如：<br />、<hr/>、<meta />
XHTML要求所有的属性名称必须小写。
XHTML要求所有的属性必须要有值。
<hr noshade> 变成 <hr noshade=“noshade”/>
<input type=“radio”checked=“checked”/>单选项
XHTML属性的值必须要加引号。
XHTML文档必须要有DTD文档类型定义
18.超级链接:超链接，可以实现从一个网页跳转到另一个网页。
超级链接的分类
l按使用对象分类：文本链接、图片链接、邮箱链接、下载链接、JS链接等。
按URL分类：绝对URL、相对URL、锚点地址
语法格式：<a 属性=“属性值”属性=“属性值”>内容</a>
<a>标记的常用属性
Href：链接的地址。
Target：目标文件的打开方式，取值：_blank(空白)、_self(自己)、_top(最顶层窗口)、_parent(父窗口)
Name：指定锚点链接的名称。
举例：<atarget="_blank" href="http://www.ifeng.com">凤凰网</a>
19.URL分类
（1）绝对URL地址：起点是一样的，链接的目标文件不一样。
所谓“绝对URL地址”是指链接地址是从域名开始的。
如：href=" http://news.ifeng.com/a/20150111/42907436_0.shtml"
Href=’http://news.ifeng.com/a/20150112/42914204_0.shtml’
本地的绝对URL地址：
file:///E:/itcast/20150110/lesson/day2/4%E8%B6%85%E7%BA%A7%E9%93%BE.html
（2）相对URL地址：起点和目标都不固定。
分三种情况来说明：
第一种情况：当前文件和目标文件是平级关系，此时链接地址直接写目标文件名。
第二种情况：当前文件与目标文件所在的文件夹平级，此时链接地址应该先写文件夹名，再写文件名。
如：href=“images/baobao.jpg”
第三种情况：目标文件在当前文件的上一级中的某个文件夹下。此时链接地址应该是：使用（../）先往上走一级。其中(../)代表上一级目录。(../../)代表上两级目录。
如：href="../day1/images/01.gif">两鸡争嘴</a>
什么样的链接文件会出现下载提示或另存为提示？
如果网页不能直接执行的文件，一律都会出现下载提示。
哪些文件网页可以直接执行呢？gif、jpg、png、html
<h2>常用的本地链接</h2>
<ul>
<li><atarget="_blank" href="images/baobao.jpg">宝宝图片</a></li>
<li><atarget="_blank" href="2滚动字幕标记.html">滚动字幕</a></li>
<li><atarget="_blank" href="../day1/images/01.gif">两鸡争嘴</a></li>
<li><a target="_blank"href="mailto:97612345@qq.com">给我发邮件</a></li>
<li><atarget="_blank" href="images/01.doc">下载word资料</a></li>
<li><ahref="#">空链接</a></li>
<li><a href="javascript:void(0)">JS空链接</a></li>
<li><ahref="javascript:alert('我就点你怎么样？')">单我试试</a></li>
</ul>
20.锚点链接
锚点链接：可以实现跳到同一个网页的不同部分。
锚点链接的制作步骤：
l 定义锚点(标个记号)：<a name=“top”></a>
l 链接到锚点(跳到记号所在的位置)：<a href=“news.html#top”>返回顶部</a>
<a name="top"></a>
<a href="#top">返回顶部</a>
21.图片标记<img/>
格式：<img 属性=“属性值”/>
常用属性：
l Src：图片的路径
l Width：宽度
l Height：高度
l Border：边框
l Align：水平对齐，取值：left、center、right。提示：该属性可以实现图文混排效果。
l Hspace：水平间距，图片左右到文字间的距离。
l Vspace：垂直间路，图片上下到文字间的距离。
技巧：如果要实现图片等比例缩放，只需要修改width或height其中一个。
<a target="_blank"href="images/baobao.jpg">
<img src="images/baobao.jpg" width="400"hspace="20" align="left" border="2" />
</a>
22.表格<table/>
HTML中表格的标记也有三对：
表格标记：<table></table>
行的标记：<tr></tr> table row
单元格的标记：<td></td>(普通单元格,table data cell)或<th></th>(标题单元格 table head)
<table>标记的常用属性
Width：表格宽度
Height：表格高度
Border：表格边线粗细
Bordercolor：边线的颜色
Align：水平对齐方式，取值：left、center、right
Cellspacing：单元格间距(两个单元格之间的距离)
Cellpadding：单元格填充距离(单元格的内容与单元格边线之间的距离)
bgColor：表格背景色
background：背景图片的URL
rules：合并单元格的边框线，取值：all (兼容性不太好)
<tr>属性
height：行高
align：水平对齐方式，取值：left、center、right
valign：垂直对齐方式，取值：top、middle、bottom
bgColor：背景颜色
<td>或<th>属性
标题单元格标记：<th></th>，自动居中加粗显示
普通单元格标记：<td></td>
width：单元格宽度
height：单元格高度
bgColor：单元格背景颜色
background：背景图片路径
align：水平对齐方式，取值：left、center、right
valign：垂直对齐方式，取值：top、middle、bottom
colspan：跨列合并(水平合并、左右合并)，该属性只能放在第一个单元格中
rowspan：跨行合并(垂直合并、上下合并)，该属性只能放在第一个单元格中
<caption>表格标题
格式：<caption></caption>
说明：
<caption>放在<table>开始标记之后，其它所有<tr>之前
一个表格只能有一个<caption>标记
实现很细的表格边框线
第一种方法：table标记的属性rules=”all”兼容性不好；
第二种方法：css样式，style=”border-collapse:collapse”；（推荐使用）
第三种方法：使表格背景为黑色，cellspacing=1，border=0，然后使每个单元格为白色。
22.图片热点
24.网页多媒体功能：使用图片热点，可以实现给一张图片加多个链接。如果不使用热点，一张图片只能加一个链接。
标记语法：
<img src=“images/01.jpg” usemap=“#Map” />
<map name=“Map”id=“Map”>
<areashape=“热区形状”coords=“热区的坐标”href=“链接地址” />
<areashape=“热区形状”coords=“热区的坐标”href=“链接地址” />
……
</map>
语法说明：
图片热区，必须要有图片，图片中使用usemap属性去调用热区定义。
热区由<map>和<area>标记共同来完成。<map>标记主要定义一个热区的名称。<area>主要是定义热区的详细参数。
<map>标记的属性
Id：指定热点的名称，高版本的浏览器使用。
Name：指定热点的名称，旧版本的浏览器使用。
<area>标记的属性
Shape：热区的形状，取值：rect(矩形)、circle(圆形)、polygon(多边形)
Coords：热区的坐标。
如果shape=“rect”的坐标：(x1,y1,x2,y2)，x1,y1左上角坐标点，x2,y2是右下角坐标点
如果shape=“circle”的坐标：(x,y,r)，x,y圆心坐标，r为半径。
如果shape=“polygon”的坐标：(x1,y1,x2,y2,x3,y3,x4,y4…)
Href：链接地址
<img src="images/baobao.jpg"width="600" border="0" usemap="#Map"/>
<map name="Map"id="Map">
<area shape="rect"coords="377,14,592,104" href="#" title="矩形"/>
<area shape="circle"coords="132,124,99" href="#" title="圆形"/>
<area shape="poly"coords="343,221,470,134,530,267,454,214,411,335,346,222"href="#" title="多边形" />
</map>
网页上的视频格式大部分都是Flash格式。
Flash格式的优点：压缩比大、Flash格式任何浏览器都支持。
<embed>多媒体标记
说明：<embed>标记Firefox浏览器支持，IE高版本支持。
常用属性：
Src：Flash动画的路径
Width和height：Flash动画宽度和高度
Pluginspage：指定Flash插件的下载地址。如果你的浏览器不支持Flash插件，会从指定地址下载。
Type：指Flash文件的格式类型
<object>多媒体标记
说明：<object>标记IE浏览器支持，但Firefox不支持。
常用属性：
Classid：指Flash产品的ID号
Codebase：指定Flash插件的下载地址，与pluginspage一样。
<objectclassid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"width="778" height="202">
<paramname="movie" value="images/banner.swf">
<paramname="quality" value="high">
<paramname="wmode" value="transparent">
<embedsrc="images/banner.swf" width="778" height="202"quality="high"
pluginspage="http://www.macromedia.com/go/getflashplayer"type="application/x-shockwave-flash"
wmode="transparent"></embed>
</object>