温县网站建设|网页设计|制作|网站优化_中国高端网站构建者
欢迎您来到豫温王朝科技
The dynasty Technology network service
首页 Home 关于我们 About Us网站建设 Site building广告宣传 advertising案例展示 Case联系我们 Contact Us

信息检索

网页的html(自动生成静态页面)

来源:豫温王朝科技 www.wangchaokeji.net 中国顶尖的品牌导向型高端网站构建者

  设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起,形成有机的整体,人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。我们只需使用鼠标在某一文档中点取一个图标,Internet就会马上转到与此图标相关的内容上去,而这些信息可能存放在网络的另一台电脑中。

 

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

 

  也许你听说过许多可以编辑网页的软件,事实上,你不需要用任何专门的软件来建立HTML页面;你所需要的只是一个文本编辑器(或字处理器)(如Office Word\记事本\写字板\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)工作草案发布(并非标准).

 

  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结合会更好。

 

  HTML4.01的新突破

 

  1997年 HTML 3.2版已经极大丰富了HTML功能。

 

  1997年12月推出HTML 4.0版将HTML语言推向一个新高度,该版本倡导了两个理念。

 

  (1)将文档结构和显示样式分离;

 

  (2)更广泛的文档兼容性。

 

  由于同期CSS层叠样式表的配套推出,更使得HTML和CSS对于网页制作的能力达到前所未有的高度。

 

  1999年12月,W3C网络标准化组织推出改进版的HTML4.01,该语言相当成熟可靠,一直沿用至今。

 

  HTML4.01相比先前的版本在国际化设置,提高兼容性,样式表支持,以及脚本,打印方面都有所提高。

 

  HTML 5 的改进 2007年HTML 5草案被W3C接纳,并成立了新的HTML工作团队。

 

  

 

  2008年1月22日第一份正式HTML 5草案发布。

 

  HTML 5增加了更多样化的API,提供了嵌入音频、视频、图片的函数、客户端数据存储,以及交互式文档。其他特性包括新的页面元素,比如 <header>, <section>, <footer>, 以及 <figure>。

 

  HTML 5 通过制定如何处理所有 HTML 元素以及如何从错误中恢复的精确规则,改进了互操作性,并减少了开发成本。一些新的元素和属性,反映典型的现代用法网站。其中有些是技术上类似<div>和<span>标签,但有一个含义,例如<nav>(网站导航块)和<footer>。这种标签将有利於搜索引擎的索引整理、小萤幕装置和视障人士使用。同时为其他浏览要素提供了新的功能,通过一个标准介面,如<audio>和<video>标记。

 

  一些过时的HTML 4标记将取消。其中包括纯粹显示效果的标记,如<font>和<center>,因为它们已经被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>

 

  我们建议的编码格式是utf-8,它支持多语种,并且可以避免出现乱码的情况。

 

  二、html中javascript的书写:

 

  <head>…..

 

  <script type="text/javascript">

 

  <!—…..-->

 

  </script>

 

  </head>

 

  当然我们不希望你是这样内嵌教本,而是从一个外部文件进行引用,并且只把它放在文档的头部。

 

  <script src="path/to/script.js" language="javascript" type="text/javascript"></script>

 

  三、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之间;

 

  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传值时直接写&是不可以的,可用&替换:

 

  四、缩近规则:

 

  中,等必须保持严格的缩近规则,以"Tab"键为准:

 

  五、为了检验您的HTML代码是否合法,您可以到W3的HTML Validator工具中进行检验,支持URI输入,上传文件和直接输入代码三种方式进行检验

 

  http://validator.w3.org/

>相关资料,您还可以使用[百度一下] [谷歌一下] [SOSO一下 [搜狗一下] [360一下]
------分隔线----------------------------
哇塞!竟然被鼠标猛击了:
案例展示:
红色系曲线导航商业网站
红色系曲线导航商业网站
房地产招商企业网站内页商业人士手托笔记本电脑
房地产招商企业网站内页商业人士
红色系书本翻页商业网站
红色系书本翻页商业网站
粉色系女性美容美肤网站
粉色系女性美容美肤网站
红色系银白渐变质感商业网站
红色系银白渐变质感商业网站
红色系清新餐饮网站
红色系清新餐饮网站
灰色金属质感酒店闹钟明星代言沙发展示企业网站
灰色金属质感酒店闹钟明星代言沙
红色系白色小人儿商业网站
红色系白色小人儿商业网站