来自当知百科
跳转到: 导航搜索

目录

基本概况

  HTML一种为普通文件中某些字句加上标示的语言,其目的在于运用标记(tag)使文件达到预期的显示效果。

  HTML只是标示语言,基本上你只要明白了各种标记的用法便算学懂了 html,html 的格式非常简单,只是由文字及标记组合而成,于编辑方面,任何文字编辑器都可以,只要能将文件另存成 ascii 纯文字格式即可,当然以专业的网页编辑软件为佳。[1]

相关历史

  * 超文本置标语言(第一版) -- 在1993年6月发为互联网工程工作小组 (IETF)工作草案发布(并非标准)

  * HTML 2.0 -- 1995年11月作为RFC 1866发布,在RFC 2854于2000年6月发布之后被宣布已经过时

  * HTML 3.2 -- 1996年1月14日,W3C推荐标准

  * HTML 4.0 -- 1997年12月18日,W3C推荐标准

  * HTML 4.01(微小改进) -- 1999年12月24日,W3C推荐标准

  * ISO/IEC 15445:2000("ISO HTML")--2000年5月15日发布,基于严格的HTML4.01语法,是国际标准化组织和国际电工委员会的标准

  * XHTML 1.0 -- 发布于2000年1月26日,是W3C推荐标准,后来经过修订于2002年8月1日重新发布

  * XHTML 1.1 -- 于2001年5月31日发布

  * XHTML 2.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结合会更好。

主要特点

  设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起,形成有机的整体,人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。只需使用鼠标在某一文档中点取一个图标,Internet就会马上转到与此图标相关的内容上去,而这些信息可能存放在网络的另一台电脑中。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。

  另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。神奇吗?一点都不神奇,因为现在你看到的就是这种语言写的页面。

  也许你听说过许多可以编辑网页的软件,事实上,你不需要用任何专门的软件来建立HTML页面;你所需要的只是一个文字处理器(如McrosoftWord\记事本\写字板等等)以及HTML的工作常识。其实你很快就会发现,基础的HTML语言简直容易死了。

  HTML只不过是组合成一个文本文件的一系列标签。它们很像乐队的指挥,告诉乐手们哪里需要停顿,哪里需要激昂。

基本结构

  一个HTML文档是由一系列的元素和标签组成.元素名不区分大小写.HTML用标签来规定元素的属性和它在文件中的位置,

  HTML超文本文档分文档头和文档体两部分,在文档头里,对这个文档进行了一些必要的定义,文档体中才是要显示的各种文档信息。

  下面是一个最基本的html文档的代码:1-1.html

  <HTML> ---------------------------------------- 开始标签

  <HEAD> --------------------------------------

  <TITLE> 一个简单的HTML示例 </TITLE> | 头部标签

  </HEAD> --------------------------------------

  <BODY> ----------------------------------------

  <CENTER> |

  <H1>欢迎光临我的主页</H1> |

  <BR> |

  <HR> | 文件主体

  <FONT SIZE= 7 COLOR= red> |

  这是我第一次做主页 |

  </FONT> |

  </CENTER> |

  </BODY> ---------------------------------------

  </HTML> --------------------------------------- 结尾标签

  <HTML></HTML>在文档的最外层,文档中的所有文本和html标签都包含在其中,它表示该文档是以超文本标识语言(HTML)编写的。事实上,现在常用的Web浏览器都可以自动识别HTML文档,并不要求有<html>标签,也不对该标签进行任何操作,但是为了使HTML文档能够适应不断变化的Web浏览器,还是应该养成不省略这对标签的良好习惯。

  <HEAD></HEAD>是HTML文档的头部标签,在浏览器窗口中,头部信息是不被显示在正文中的,在此标签中可以插入其它标记,用以说明文件的标题和整个文件的一些公共属性。若不需头部信息则可省略此标记,良好的习惯是不省略。

  <title>和</title>是嵌套在<HEAD>头部标签中的,标签之间的文本是文档标题,它被显示在浏览器窗口的标题栏。

  <BODY> </BODY>标记一般不省略,标签之间的文本是正文,是在浏览器要显示的页面内容。

  上面的这几对标签在文档中都是唯一的,HEAD标签和BODY标签是嵌套在HTML标签中的。

语言剖析

  html语言介绍一览表[1]:

  标记类型译名或意义作 用备注文件标记<html>●文件声明让浏览器知道这是 html 文件<head>●开头提供文件整体资讯<title>●标题定义文件标题,将显示于浏览顶端<body>●本文设计文件格式及内文所在排版标记<!--注解-->○说明标记为文件加上说明,但不被显示<p>○段落标记为字、画、表格等之间留一空白行<br>○换行标记令字、画、表格等显示于下一行<hr>○水平线插入一条水平线<center>●居中令字、画、表格等显示于中间反对<pre>●预设格式令文件按照原始码的排列方式显示<div>●区隔标记设定字、画、表格等的摆放位置<nobr>●不折行令文字不因太长而绕行<wbr>●建议折行预设折行部位字体标记<strong>●加重语气产生字体加粗 bold 的效果<b>●粗体标记产生字体加粗的效果<em>●强调标记把文本定义为强调的内容<i>●斜体标记字体出现斜体效果<tt>●打字字体courier字体,字母宽度相同<u>●加上底线加上底线反对<h1>●一级标题标记变粗变大加宽,程度与级数反比<h2>●二级标题标记将字体变粗变大加宽<h3>●三级标题标记将字体变粗变大加宽<h4>●四级标题标记将字体变粗变大加宽<h5>●五级标题标记将字体变粗变大加宽<h6>●六级标题标记将字体变粗变大加宽<font>●字形标记设定字形、大小、颜色反对<basefont>○基准字形标记设定所有字形、大小、颜色反对<big>●字体加大令字体稍为加大<small>●字体缩细令字体稍为缩细<strike>●画线删除为字体加一删除线反对<code>●程式码字体稍为加宽如<tt><kbd>●键盘字字体稍为加宽,单一空白<samp>●范例字体稍为加宽如<tt><var>●变数斜体效果<cite>●传记引述斜体效果<blockquote>●引述文字区块缩排字体<dfn>●述语定义斜体效果<address>●地址标记斜体效果<sub>●下标字下标字<sup>●上标字指数(平方、立方等)清单标记<ol>●顺序清单清单项目将以数字、字母顺序排列<ul>●无序清单清单项目将以圆点排列<li>○清单项目每一标记标示一项清单项目<menu>●选单清单清单项目将以圆点排列,如<ul>反对<dir>●目录清单清单项目将以圆点排列,如<ul>反对<dl>●定义清单清单分两层出现<dt>○定义条目标示该项定义的标题<dd>○定义内容标示定义内容表格标记<table>●表格标记设定该表格的各项参数<caption>●表格标题做成一打通列以填入表格标题<tr>●表格列设定该表格的列<td>●表格栏设定该表格的栏<th>●表格标头相等于<td>,但其内之字体会变粗表单标记<form>●表单标记决定单一表单的运作模式<textarea>●文字区块提供文字方盒以输入较大量文字<input>○输入标记决定输入形式<select>●选择标记建立 pop-up 卷动清单<option>○选项每一标记标示一个选项图形标记<img>○图形标记用以插入图形及设定图形属性连结标记<a>●连结标记加入连结<base>○基准标记可将相对 url 转绝对及指定连结目标框架标记<frameset>●框架设定设定框架<frame>○框窗设定设定框窗<iframe>○页内框架于网页中间插入框架ie<noframes>●不支援框架设定当浏览器不支援框架时的提示影像地图<map>●影像地图名称设定影像地图名称<area>○连结区域设定各连结区域多媒体<bgsound>○背景声音于背景播放声音或音乐ie<embed>○多媒体加入声音、音乐或影像其他标记<marquee>●走动文字令文字左右走动ie<blink>●闪烁文字闪烁文字nc<isindex>○页内寻找器可输入关键字寻找于该一页反对<meta>○开头定义让浏览器知道这是 html 文件<link>○关系定义定义该文件与其他 url 的关系stylesheet<style>●样式表控制网页版面<span>●自订标记独立使用或与样式表同用

HTML的发布

  万维网主要由从服务器通过HTTP协议向浏览器发送的HTML文档组成。但是,HTTP也可以被用于传输HTML之外的数据,例如图像、声音和其他内容。为使浏览器了解如何处理接收到的文档,在传输文档时必须同时传递文件类型。这种元数据包含MIME类型(对于HTML 4.01或更早版本是text/html,而对于XHTML1.0或之后的版本是application/xhtml+xml),以及字符编码(参见HTML字符编码方式)。

  在现在的浏览器中,和HTML文档一起发送的MIME类型影响文档的解读方式。和XHTMLMIME类型一起发送的文档被认为是良构的XML,而语法错误会导致浏览器无法呈现文档。完全相同的文档如果和HTMLMIME类型一起发送,则可能被正常显示,因为浏览器对HTML的语法检查更加松懈些。

  如果MIME类型不被识别为HTML,那么浏览器不应该试图将文档呈现为HTML,即使文档以正确的文档类型声明开头也是这样;尽管如此,一些浏览器还是检查文档内容或其URL来判断其文件类型。因为可能造成的安全性问题,这种行为不被提倡。即使以不遵守标准著称的Internet Explorer也基本放弃了这种做法。

HTML格式的电子邮件

  一些图形模式下的电子邮件客户端支持HTML格式的邮件。很多支持一个图形模式下的HTML邮件编辑器,以及一个HTML邮件阅览器。因为一些问题,HTML邮件的使用有争议。HTML邮件的主要优点是可以使用呈现性元素来加强邮件的视觉效果,但是缺陷也很多,例如

  收件人未必有一个可以浏览HTML邮件的客户端 邮件大小增加。一些邮件客户端随HTML邮件发送一个纯文字版更加重了这个问题过度使用格式化 潜在安全问题,例如伪造银行电子邮件用于网络钓鱼 在一些有缺陷的电子邮件程序显示HTML邮件时可能执行恶意代码因为这些原因,很多新闻组邮件列表要么截断信件的HTML部分,要么只接受纯文本版本部分的邮件,要么拒绝接收HTML邮件。

个人工具
名字空间

变换
查看
操作
导航
工具箱