HTML.docx
《HTML.docx》由会员分享，可在线阅读，更多相关《HTML.docx（30页珍藏版）》请在冰豆网上搜索。
HTML
HTML
HTML（HyperTextMark-upLanguage）即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。
HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。
HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。
目录
HTML简介
HTML有什么特点和好处？
HTML标准的版本历史
HTML规范
HTML元素参考手册
常用的HTML编辑软件
HTML基本标签参考
HTML标签大全
HTML简介
HTML有什么特点和好处？
HTML标准的版本历史
HTML规范
HTML元素参考手册
常用的HTML编辑软件
HTML基本标签参考
HTML标签大全
HTML标签和属性的语义化
提高html页面显示速度
最新网络含义
常用HTML代码
展开编辑本段HTML简介
设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。
我们只需使用鼠标在某一文档中点取一个图标，Internet就会马上转到与此图标相关的内容上去，而这些信息可能存放在网络的另一台电脑中。
[1]
另外，HTML是网络的通用语言,一种简单、通用的全置标记语言。
它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。
神奇吗?
一点都不神奇,因为现在你看到的就是这种语言写的页面！
也许你听说过许多可以编辑网页的软件,事实上,你不需要用任何专门的软件来建立HTML页面；你所需要的只是一个文本编辑器（或字处理器）（如OfficeWord\记事本\写字板\Gedit\Vim\OpenOffice.org等等）以及HTML的工作常识。
其实你很快就会发现,基础的HTML语言简直容易死了。
HTML只不过是组合成一个文本文件的一系列标签。
它们像乐队的指挥,告诉乐手们哪里需要停顿,哪里需要激昂。
HTML标签通常是英文词汇的全称（如块引用:
blockquote）或缩略语（如“p”代表Paragraph），但它们的与一般文本有区别，因为它们放在单书名号里。
故Paragragh标签是<p>,块引用标签是<blockquote>。
有些标签说明页面如何被格式化（例如，开始一个新段落），其他则说明这些词如何显示（<b>使文字变粗）还有一些其他标签提供在页面上不显示的信息－－例如标题。
关于标签，需要记住的是，它们是成双出现的。
每当使用一个标签－－如<blockquote>,则必须以另一个标签</blockquote>将它关闭。
注意“blockquote”前的斜杠，那就是关闭标签与打开标签的区别。
但是也有一些标签例外。
比如，<input>标签就不需要。
基本HTML页面以DOCTYPE开始，它声明文档的类型，且它之前不能有任何内容（包括换行符和空格），否则将使文档声明无效，接着是<html>标签，以</html>结束。
在它们之间，整个页面有两部分－－标题和正文。
标题词－－夹在<head>和</head>标签之间－－这个词语在打开页面时出现在屏幕底部最小化的窗口。
正文则夹在<body>和</body>之间－－即所有页面的内容所在。
页面上显示的任何东西都包含在这两个标签之中。
那么让我们建立一个简单的范例吧，非常容易的。
第一步，当然是要建立一个新的文本文件（记住，如果你在使用比较复杂的文字处理器，就应该用“纯文本”或“普通文本”来保存），将它命名为“xxxx.html”。
（随便你起一个什么名字,扩展名也可是HTM）。
然后你可以用浏览器将它打开，你会看见最简单的自己做的页面。
编辑本段HTML有什么特点和好处？
HTML文档制作不是很复杂，且功能强大，支持不同数据格式的文件镶入，这也是WWW盛行的原因之一，其主要特点如下：
1简易性，HTML版本升级采用超集方式，从而更加灵活方便。
2可扩展性，HTML语言的广泛应用带来了加强功能，增加标识符等要求，HTML采取子类元素的方式，为系统扩展带来保证。
3平台无关性。
虽然PC机大行其道，但使用MAC等其他机器的大有人在，HTML可以使用在广泛的平台上，这也是WWW盛行的另一个原因。
用什么可以编辑HTML？
HTML其实是文本，它需要浏览器的解释，HTML的编辑器大体可以分为三种，
1基本编辑软件，使用WINDOWS自带的记事本或写字版都可以编写，当然，如果你用WPS来编写，也可以。
不过存盘时请使用.htm或.html作为扩展名，这样浏览器就可以解释执行了。
2半所见即所得软件，这种软件能大大提高开发效率，它可以使你在很短的时间内做出Homepage，且可以学习HTML，这种类型的软件主要有HOTDOG，还有国产的软件网页作坊。
3所见即所得软件，使用最广泛的编辑器，完全可以一点不懂HTML的知识就可以做出网页，这类软件主要有Frontpage98，DREAMWEAVER。
更先进难懂的技术XHTML?
XHTML中的X是可扩展的意思，XHTML就是可扩展的超文本标记语言，它比HTML有更严格的要求。
如果说HTML是汉语，那么XHTML就是标准普通话。
对于现在才刚刚开始学习网页设计的朋友，直接学习XHTML是最佳的选择。
事实上它也属于HTML家族，并且它是基于XML的，对比以前各个版本的HTML，它具有更严格的书写标准、更好的跨平台能力。
由于某些需要，XHTML将以前版本的HTML能够实现的一些功能交给了CSS，这意味着你将需要学习两种技术。
但是这确实是Web未来发展的潮流。
编辑本段HTML标准的版本历史
超文本置标语言（第一版）——在1993年6月发为互联网工程工作小组（IETF）工作草案发布（并非标准）.
HTML2.0——1995年11月作为RFC1866发布，在RFC2854于2000年6月发布之后被宣布已经过时
HTML3.2——1996年1月14日，W3C推荐标准
HTML4.0——1997年12月18日，W3C推荐标准
HTML4.01（微小改进）——1999年12月24日，W3C推荐标准
ISO/IEC15445:
2000（“ISOHTML”）——2000年5月15日发布，基于严格的HTML4.01语法，是国际标准化组织和国际电工委员会的标准
XHTML1.0——发布于2000年1月26日，是W3C推荐标准，后来经过修订于2002年8月1日重新发布。
XHTML1.1,于2001年5月31日发布
（XHTML2.0,W3C工作草案）
HTML没有1.0版本是因为当时有很多不同的版本。
有些人认为蒂姆·伯纳斯-李的版本应该算初版，这个版本没有IMG元素。
当时被称为HTML+的后续版的开发工作于1993年开始，最初是被设计成为“HTML的一个超集”。
第一个正式规范在为了和当时的各种HTML标准区分开来，使用了2.0作为其版本号。
HTML+的发展继续下去，但是它从未成为标准。
HTML3.0规范是由当时刚成立的W3C于1995年3月提出，提供了很多新的特性，例如表格、文字绕排和复杂数学元素的显示。
虽然它是被设计用来兼容2.0版本的，但是实现这个标准的工作在当时过于复杂，在草案于1995年9月过期时，标准开发也因为缺乏浏览器支持而中止了。
3.1版从未被正式提出，而下一个被提出的版本是开发代号为Wilbur的HTML3.2，去掉了大部分3.0中的新特性，但是加入了很多特定浏览器，例如Netscape和Mosaic的元素和属性。
HTML对数学公式的支持最后成为另外一个标准MathML。
HTML4.0同样也加入了很多特定浏览器的元素和属性，但是同时也开始“清理”这个标准，把一些元素和属性标记为过时的，建议不再使用它们。
HTML的未来和CSS结合会更好。
HTML4.01的新突破
1997年HTML3.2版已经极大丰富了HTML功能。
1997年12月推出HTML4.0版将HTML语言推向一个新高度，该版本倡导了两个理念。
（1）将文档结构和显示样式分离；
（2）更广泛的文档兼容性。
由于同期CSS层叠样式表的配套推出，更使得HTML和CSS对于网页制作的能力达到前所未有的高度。
1999年12月，W3C网络标准化组织推出改进版的HTML4.01，该语言相当成熟可靠，一直沿用至今。
HTML4.01相比先前的版本在国际化设置，提高兼容性，样式表支持，以及脚本，打印方面都有所提高。
HTML4的新特性之一是可以使HTML事件触发浏览器中的行为，比方说当用户点击某个HTML元素时启动一段JavaScript。
在现代浏览器中都内置有大量的事件处理器。
这些处理器会监视特定的条件或用户行为，例如鼠标单击或浏览器窗口中完成加载某个图像。
通过使用客户端的JavaScript，可以将某些特定的事件处理器作为属性添加给特定的标签，并可以在事件发生时执行一个或多个JavaScript命令或函数。
事件处理器的值是一个或一系列以分号隔开的Javascript表达式、方法和函数调用，并用引号引起来。
当事件发生时，浏览器会执行这些代码。
例如，当您把鼠标移动到一个超链接时，会启动一个JavaScript函数。
支持JavaScript的浏览器支持<a>标签中的一个特殊的"mouseover"事件处理器-被称为onmouseover来完成这项工作：
HTML5的改进
2007年HTML5草案被W3C接纳，并成立了新的HTML工作团队。
2008年1月22日第一份正式HTML5草案发布。
HTML5增加了更多样化的API，提供了嵌入音频、视频、图片的函数、客户端数据存储，以及交互式文档。
其他特性包括新的页面元素，比如<header>,<section>,<footer>,以及<figure>。
HTML5通过制定如何处理所有HTML元素以及如何从错误中恢复的精确规则，改进了互操作性，并减少了开发成本。
一些新的元素和属性，反映典型的现代用法网站。
其中有些是技术上类似<div>和<span>标签，但有一个含义，例如<nav>（网站导航块）和<footer>。
这种标签将有利於搜索引擎的索引整理、小萤幕装置和视障人士使用。
同时为其他浏览要素提供了新的功能，通过一个标准介面，如<audio>和<video>标记。
一些过时的HTML4标记将取消。
其中包括纯粹显示效果的标记，如<font>和<center>，因为它们已经被CSS取代。
HTML5草案的前身名为WebApplications1.0，是在2004年由WHATWG提出，再于2007年获W3C接纳，并成立了新的HTML工作团队。
在2008年1月22日，第一份正式草案发布。
[1]WHATWG表示该规范是目前仍在进行的工作，仍须多年的努力。
[2]目前Firefox、Chrome、Opera、Safari（版本4以上）及InternetExplorer9（PlatformPreview）已支援HTML5技术。
HTML5的标准草案目前已进入W3C制定标准5大程序的第1步。
负责编纂标准格式文件的Google代表IanHickson预期，可能得等到2012年才会推出建议候选版（W3CCandidateRecommendation）。
目前IE9开始支持HTML5，火狐firefox,Chrome内核都已经支持HTML的渲染。
编辑本段HTML规范
HTML结构
<HTML>文件类型标记开始，HTML文件
<HEAD>文件头开始
<TITLE>页面标题</TITLE>页面标题标记
</HEAD>文件头结束
<BODY>主题标记开始
正文内容主题内容
</BODY>主题内容结束
</HTML> 文件类型标记结束
一、HTML头：
1、针对日文环境：
<!
DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">
<htmllang="ja">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=EUC-JP">
<metahttp-equiv="Content-Script-Type"content="text/javascript">
<metahttp-equiv="Content-Style-Type"content="text/css">
<title>yourtitle</title>
</head>
2、针对中文环境：
<!
DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=GB2312">
<metahttp-equiv="Content-Script-Type"content="text/javascript">
<metahttp-equiv="Content-Style-Type"content="text/css">
<title>yourtitle</title>
</head>
我们建议的编码格式是utf-8，它支持多语种，并且可以避免出现乱码的情况。
二、html中javascript的书写：
<head>…..
<scripttype="text/javascript">
<!
—…..-->
</script>
</head>
当然我们不希望你是这样内嵌脚本，而是从一个外部文件进行引用，并且只把它放在文档的头部。
<scriptsrc="path/to/script.js"language="javascript"type="text/javascript"></script>
三、html中元素的书写：
1、元素属性值必须包含在双引号中；
<fontcolor=”#000000”size=”3”face=”Arial”>
2、form中必须加action属性，并且不能为空。
<formaction=”/r/add.cgi”method=”post”>
如果不需要使用action属性，也必须定义：
<formaction=”no”>
3、img的alt属性不可以缺少；
<imgsrc="/q/img/btn_style.gif"border="0"alt="Select”>
4、head与</head>之间必须有title；
<head>
……
<title>yourtitle</title>
……
</head>
5、tr、td必须定义在table之间；
6、button按钮必须定义在form之间，否则netscape不支持；
<formaction=”……”method=”post”>
<inputtype=”button”name=”but”value=”back”>
</form>
7、在javascript中的字符串中出现的“/”前要用转义符“\”：
<scripttype=”text/javascript”>
<!
—
functioncheck（str）{
varstr=”\/r\/add.cgi”;
……
}
-->
</script>
8、onclick属性必须和onkeypress成对写（onmousedown+onkeydown、onmouseup+onkeyup）
mm
9、用URL传值时直接写&是不可以的，可用&替换：
四、缩近规则：
中,等必须保持严格的缩近规则，以"Tab"键为准：
五、为了检验您的HTML代码是否合法，您可以到W3的HTMLValidator工具中进行检验，支持URI输入，上传文件和直接输入代码三种方式进行检验
编辑本段HTML元素参考手册
（HTMLElementsReferencea）
表示超链接的起始或目的位置。
acronym
表示取首字母的缩写词。
address
表示特定信息，如地址、签名、作者、文档信息。
applet
在页面上放置可执行内容。
area
定义一个客户端图像映射中一个超级链接区域的形状、坐标和关联URL。
b
指定文本应以粗体显示。
（不建议使用）
base
指定一个显式URL用于解析对于外部源的链接和引用，如图像和样式表。
basefont
设置显示文本时作为默认字体的基础字体值。
（不建议使用）
bdo
允许作者为选定文本片断禁用双向法则。
bgsound
使页面能够带有背景声音或配音。
big
指定所含文本要以比当前字体稍大的字体显示。
blockquote
表示文本中的一段引用语。
body
指明文档主体的开始和结束。
br
插入一个换行符。
button
指定一个容器，其中所含的HTML会被显示为一个按钮。
caption
表格的标题，对表格的简单描述。
center
将指定文本和图像居中显示。
（不建议使用）
cite
用斜体显示标明引文。
（不建议使用）
code
表示代码范例。
col
说明基于列的表格缺省属性。
colgroup
说明表格中一列或一组列的缺省属性。
comment
表示不可见的注释。
防止所包含的文本或者HTML源代码被浏览器解析和显示。
dd
在定义列表中表示定义。
定义通常在定义列表中缩进显示。
del
表示文本已经从文档中删除。
dfn
表示术语的定义。
（不建议使用）
dir
表示目录列表。
（不建议使用）
div
表示一块可显示HTML的区域
dl
表示定义列表。
dt
在定义列表中表示定义术语。
em
强调文本，通常以斜体显示。
embed
允许嵌入任何类型的文档。
fieldset
在字段集包含的文本和其它元素外面画一个方框。
font
用于说明所包含文本的新字体、大小和颜色。
form
说明所包含的控件是某个表单的组成部分。
frame
在FRAMESET元素内表示单个框架。
frameset
表示一个框架集，用于组织多个框架和嵌套框架集。
head
提供了关于文档的无序信息集合。
h1-h6
这实际上是6个标签，他们以标题样式显示文本，h1最大，h6最小。
hr
水平线。
html
表明文档包含HTML元素。
i
指定文本应以斜体显示。
（不建议使用）
iframe
创建内嵌漂浮框架。
img
在文档中嵌入图像或视频片断。
input
创建各种表单输入控件。
inputtype=button
创建按钮控件。
inputtype=checkbox
创建复选框控件。
inputtype=file
创建文件上载控件，该控件带有一个文本框和一个浏览按钮。
inputtype=hidden
传输关于客户/服务器交互的状态信息。
inputtype=image
创建一个图像控件，该控件被点击后将导致表单立即被提交。
inputtype=password
创建与INPUTtype=text控件类似的单行文本输入控件，不过并不显示用户输入的内容。
inputtype=radio
创建单选钮控件。
inputtype=reset
创建一个按钮，点击该按钮后，将重置表单控件回其初始值。
inputtype=submit
创建一个按钮，点击该按钮后，即提交表单。
inputtype=text
创建一个单行的文本输入控件。
ins
表示插入到文档中的文本。
isindex
使浏览器显示一个对话框，提示用户输入单行文本。
（不建议使用）
kbd
以定宽字体显示文本。
（不建议使用）
label
为页面上的其它元素指定标签。
legend
在fieldSet对象绘制的方框内插入一个标题。
li
表示列表中的一个项目。
link
允许当前文档和外部文档建立连接。
listing
以固定宽度的字体显示文本。
map
包含客户端图像映射的坐标数据。
marqueee
创建一个滚动的文本字幕。
（不建议使用）
menu
创建一个无序列表。
meta
向服务器和客户端传达关于文档的隐藏信息。
nobr
不换行显示文本。
noframes
包含对于那些不支持FRAMESET元素的浏览器使用的HTML。
noscript
指定在不支持脚本的浏览器中显示的HTML。
object
在HTML页面中插入对象。
ol
编制排序列表。
optgroup
允许作者对select元素中的选项进行逻辑分组。
option
表示SELECT元素中的一个选项。
p
表示一段。
par
升级会员 