`
terran_li2008
  • 浏览: 199808 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

HTML简介

阅读更多

HTML简介

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

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

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

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

  HTML标签通常是英文词汇的全称(如块引用:blockquote)或缩略语(如“p”代表Paragraph),但它们的与一般文本有区别,因为它们放在单书名号里。故Paragragh标签是<p>,块引用标签是<blockquote>。有些标签说明页面如何被格式化(例如,开始一个新段落),其他则说明这些词如何显示(<b>使文字变粗)还有一些其他标签提供在页面上不显示的信息--例如标题。

  关于标签,需要记住的是,它们是成双出现的。每当使用一个标签--如<blockquote>,则必须以另一个标签</blockquote>将它关闭。注意“blockquote”前的斜杠,那就是关闭标签与打开标签的区别。 但是也有一些标签例外。比如,<input>标签就不需要。

  基本HTML页面以<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?

  简单点说:X是吓唬人的,其实XHTML就是严谨而准确的HTML。如果说HTML是汉语,那么XHTML就是标准普通话。对于现在才刚刚开始学习网页设计的朋友,直接学习XHTML是最佳的选择。

  复杂点说:XHTML是HTML的“升级规范”产品,其中"X"代表可扩展的,是单词"extensible"的缩写。事实上它也属于HTML家族,对比以前各个版本的HTML,它具有更严格的书写标准、更好的跨平台能力。由于某些需要,XHTML将以前版本的HTML能够实现的一些功能交给了CSS,这意味着你将需要学习两种技术。但是这确实是Web未来发展的潮流。X代表“可以扩展的”。

HTML标准的版本历史

  超文本置标语言(第一版)——在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日发布,基于严格的HTML 4.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的HTML 3.2,去掉了大部分3.0中的新特性,但是加入了很多特定浏览器,例如Netscape和Mosaic的元素和属性。HTML对数学公式的支持最后成为另外一个标准MathML。

  HTML 4.0同样也加入了很多特定浏览器的元素和属性,但是同时也开始“清理”这个标准,把一些元素和属性标记为过时的,建议不再使用它们。HTML的未来和CSS结合会更好。

HTML规范

  一、 HTML 头:

  1、针对日文环境:

  <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01Transitional//EN">

  <html lang="ja">

  <head>

  <meta http-equiv="Content-Type" content="text/html; charset=EUC-JP">

  <meta http-equiv="Content-Script-Type" content="text/javascript">

  <meta http-equiv="Content-Style-Type" content="text/css">

  <title>yourtitle</title>

  </head>

  2、针对中文环境:

  <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01Transitional//EN">

  <head>

  <meta http-equiv="Content-Type" content="text/html; charset=GB2312">

  <meta http-equiv="Content-Script-Type" content="text/javascript">

  <meta http-equiv="Content-Style-Type" content="text/css">

  <title>yourtitle</title>

  </head>

  二、html中javascript的书写:

  <head>…..

  <script type="text/javascript">

  <!—…..-->

  </script>

  </head>

  三、html中元素的书写:

  1、 元素属性值必须包含在双引号中;

  <font color=”#000000” size=”3” face=”Arial”>

  2、 form 中必须加action属性,并且不能为空。

  <form action=”/r/add.cgi” method=”post”>

  如果不需要使用action属性,也必须定义:

  <form action=”no” >

  3、 img的alt属性不可以缺少;

  <img src="/q/img/btn_style.gif" border="0" alt="Select”>

  4、 head与</head>之间必须有title;

  <head>

  ……

  <title>your title </title>

  ……

  </head>

  5、 tr、td必须定义在table之间;

  [table]

  [tbody][tr]

  [td]……[/tr]

  ….

  [/tr]

  [/tbody][/table]

  6、 button按钮必须定义在form之间,否则netscape不支持;

  <form action=”……” method=”post”>

  <input type=”button” name=”but” value=”back”>

  </form>

  7、 在javascript中的字符串中出现的“/”前要用转义符“\”:

  <script type=”text/javascript”>

  <!—

  function check(str) {

  var str=”\/r\/add.cgi”;

  ……

  }

  -->

  </script>

  8、 onclick 属性必须和 onkeypress 成对写( onmousedown + onkeydown、onmouseup + onkeyup)

  mm

  9、 用URL传值时直接写&是不可以的,可用&替换:

  四、缩近规则:

  [table]中[tbody][tr][td][/tr],[tr][/tr]等必须保持严格的缩近规则,以"Tab"键为准:

  [/tbody][/table][table]

  [tbody][tr]

  [td]

  [table]

  [tbody][tr]

  [td]…[/tr]

  …

  [/tr]

  [/tbody][/table]

  [/tr]

  ….

  [/tr]

  [/tbody][/table]

  五、只有根据以上规则书写,并经过以下软件http://divhome.com (日文)检查。检查结果中,错误级别必须小于或者等于3级,总分超过80分的HTML才能提交给用户"

HTML元素参考手册

  (HTML Elements Referencea)

  表示超链接的起始或目的位置。

  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

  提供了关于文档的无序信息集合。

  hn

  以标题样式显示文本。

  hr

  画一条横线。

  html

  表明文档包含 HTML 元素。

  i

  指定文本应以斜体显示。

  iframe

  创建内嵌漂浮框架。

  img

  在文档中嵌入图像或视频片断。

  input

  创建各种表单输入控件。

  input type=button

  创建按钮控件。

  input type=checkbox

  创建复选框控件。

  input type=file

  创建文件上载控件,该控件带有一个文本框和一个浏览按钮。

  input type=hidden

  传输关于客户/服务器交互的状态信息。

  input type=image

  创建一个图像控件,该控件被点击后将导致表单立即被提交。

  input type=password

  创建与 INPUT type=text 控件类似的单行文本输入控件,不过并不显示用户输入的内容。

  input type=radio

  创建单选钮控件。

  input type=reset

  创建一个按钮,点击该按钮后,将重置表单控件回其初始值。

  input type=submit

  创建一个按钮,点击该按钮后,即提交表单。

  input type=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

  表示一段。

  param

  设置 APPLET、EMBED 或 OBJECT 元素的属性初始值。

  pre

  以固定宽度字体显示文本。

  q

  分离文本中的引语。

  s

  带删除线方式显示文本。

  samp

  表示代码范例。

  script

  指定由脚本引擎解释的页面中的脚本。

  select

  表示一个列表框或者一个下拉框。

  small

  指定内含文本要以比当前字体稍小的字体显示。

  span

  指定内嵌文本容器。

  strike

  带删除线显示文本。

  strong

  以粗体显示文本。

  style

  指定页面的样式表。

  sub

  说明内含文本要以下标的形式显示,比当前字体稍小。

  sup

  说明内含文本要以上标的形式显示,比当前字体稍小。

  table

  说明所含内容组织成含有行和列的表格形式。

  tbody

  指明哪些行作为表格的主体。

  td

  指定表格中的单元格。

  textarea

  多行文本输入控件。

  tfoot

  指明哪些行作为表尾。

  th

  指定标题列。标题列将在单元格中居中并以粗体显示。

  thead

  指定哪些行作为表头。

  title

  文档的标题。

  tr

  指定表格中的一行。

  tt

  以固定宽度字体显示文本。

  u

  带下划线显示文本。

  ul

  表示不排序的项目列表。

  var

  定义程序变量,通常以斜体显示。

  wbr

  向一块 NOBR 文本中插入软换行。

  文章来自:http://www.admin5.com/html/html_tag_ref/050_html_elements_ref.html

  XHTML的一些基础知识,以及和HTML的一些区别
  
HTML语言是我们建立网页的工具,从它出现发展到现在,规范不断完善,功能越来越强。但是依然有缺陷和不足,人们仍在不断的改进它,使它更加便于控制和有弹性,以适应网络上日新月异的应用需求。2000年底,国际W3C(World Wide Web Consortium)组织公布发行了XHTML 1.0版本,XHTML和HTML,XML有什么不同,它增加了什么新功能,今天就让我们来初步认识一下XHTML。

  XHTML 1.0是一种在HTML 4.0基础上优化和改进的的新语言,目的是基于XML应用。XHTML是一种增强了的HTML,它的可扩展性和灵活性将适应未来网络应用更多的需求。下面是W3C的HTML工作组主席Steven pemberton回答的关于XHTML的常见基础问题。

  问:什么是XHTML?

  答:XHTML是一种为适应XML而重新改造的HTML。当XML越来越成为一种趋势,就出现了这样一个问题:如果我们有了XML,我们是否依然需要HTML?为了回答这个问题,1998年5月我们在旧金山开了两天的工作会议,会议的结论是:需要。我们依然需要使用HTML。因为大量的人们已经习惯使用HTML来作为他们的设计语言,而且,已经有数以百万计的页面是采用HTML编写的。

  问:为什么XHTML 1.0相对HTML 4.0独立发展?

  答:并不是这样。XHTML恰恰就是HTML 4.0的重新组织,(确切的说它是HTML 4.01,是一个修正版本的HTML 4.0,只不过以XHTML 1.0命名发行。) 它们在XML里的解释会有一些必要的差别,但另一方面,它们依然非常相似,我们可以把XHTML的工作看作是HTML 4.0基础上的延续。

  问:XHTML 1.0如何实现XML标准?

  答:XHTML就是一种XML应用。它采用XML的DTD文件格式定义,并运行在支持XML的系统上。这里要感谢XML的Namespaces功能,浏览器制造商不需要再创造新的私有标签(tags),他们只需要在XHTML代码里包含XML代码片段,或者XML代码里包含XHTML代码片段。

  问:XHTML 1.0最主要的优势是什么?

  答:XML是web发展的趋势,所以人们急切的希望加入XML的潮流中。使用XHTML 1.0,只要你小心遵守一些简单规则,就可以设计出既适合XML系统,又适合当前大部分HTML浏览器的页面。这个意思就是说,你可以立刻设计使用XML,而不需要等到人们都使用支持XML的浏览器。这个指导方针可以使web平滑的过渡到XML。

  另一个使用XHTML的优势是:它非常严密。当前网络上的HTML的糟糕情况让人震惊,早期的浏览器接受私有的HTML标签,所以人们在页面设计完毕后必须使用各种浏览器来检测页面,看是否兼容,往往会有许多莫名其妙的差异,人们不得不修改设计以便适应不同的浏览器。

  用XML我们可以重新建立制度,浏览器制造商联合采用"严格的错误防御标准",如果XML代码不兼容,浏览器拒绝显示页面,这样设计工作在发布前必须修正每一个错误。

  问:用XHTML,网页设计师会遇到和HTML一样的浏览器兼容性问题吗?

  答:希望不会。"严格的错误防御标准"将帮助浏览器对代码作出相同的响应,XML的namespaces功能使你可以增加自己的新标签而不需要特别的浏览器支持。现在我们所需要得到保证的就是:所有浏览器开发商一致并且完全遵守我们制定的CSS。写信给你的浏览器制造商,告诉你需要的CSS规范,你甚至可以检测浏览器是否听从你的设计。

  问:学习XHTML是否很困难?

  答:一点也不!

  问:谁可以采用XHTML 1.0设计?

  答:因为XHTML非常简单易于实现,所以任何会用HTML的人都可以容易地使用XHTML。当使用XML浏览器的人们越来越多,更多的工作会被建议使用XML,那时候也许都将使用XHTML。

  问:什么时候XHTML网站会普及?

  答:好问题。我已经看到一些使用XHTML建立的网站,甚至在XHTML 1.0发布以前。我相信它将会有一个大发展,因为它太容易了。

  问:我们如何将现有的HTMl转换为XHTML?

  答:非常简单,因为它们非常相似。在W3C(www.w3c.org)网站上有一个开放原代码(open-source)的软件叫HTML Tidy,可以帮助你直接转换。

  问:XHTML未来会怎样?

  答:XHTML1.0仅仅是这个新HTML语言的第一步。新版本将没有向下兼容老浏览器的约束,可以有更多的发展空间。

  首先,我们将进行一次彻底的清理,删除HTML 4.0中不兼容的元素。

  其次,我们将XHTML模块化,允许人们在XML应用中使用XHTML模块(比如表格),减少重复开发。同时也允许开发特别用途的设计,比如电话应用,只要属于XHTML的子集就可以保持兼容,人们可以创造他们自己的HTML。

评论

相关推荐

Global site tag (gtag.js) - Google Analytics