html基础

最新推荐文章于 2024-10-18 14:58:16 发布

易水侠客

最新推荐文章于 2024-10-18 14:58:16 发布

阅读量483

点赞数

文章标签： html dreamweaver javascript 浏览器网页开发工具 xhtml

本文链接：https://blog.csdn.net/lining199/article/details/6554020

版权

html简介

HTML（Hyper Text Mark-up Language）即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。

　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。

常用工具简介

　　Dreamweaver

　　Dreamweaver是美国Adobe(原Macromedia，2005年被Adobe收购)公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。它不仅是优秀的WYSIWYG编辑器，更是优秀的代码编辑器，有代码加亮，代码提示等丰富功能，提供各种示例代码，并支持Javascript,PHP,ASP,JSP等多种脚本语言。最新版本为CS5，发布于2010年4月。

　　Frontpage

　　Microsoft公司出品的FrontPage是制作表单式网页的常用工具。 FrontPage 2000是微软公司最新推出的面向21世纪网络办公自动化时代的大型套装软件Office 2000中新增的一个重要组件，也是Office 2000注重网络与Internet应用的一个重要体现。FrontPage 2000是目前最常用的中文版网页制作工具之一，简单易学。FrontPage 2000相对于前面的版本在网页向导、网页编辑、表单与框架页技术、音频与视频插件、动态HTML技术（DHTML，上世纪末兴起的一种web技术，现在已经过时）、数据库连接等方面进行了重大的改进，从而增强了网页制作的功能。如果服务器安装了Frontpage扩展组件，还可以支持Frontpage 的站点计数器等功能。它从2007版的Office开始更名为Sharepoint Designer。

　　UltraEdit UltraEdit 是能够满足你一切编辑需要的编辑器。UltraEdit 是一套功能强大的文本编辑器，可以编辑文本、十六进制、ASCII 码，完全可以取代记事本(如果你的电脑足够强大)，内建英文单字检查、C++ 及 VB 指令突显，可同时编辑多个文件，而且即使开启很大的文件速度也不会慢。软件附有 HTML 标签颜色显示、搜寻替换以及无限制的还原功能，一般大家喜欢用其来修改EXE 或 DLL 文件。

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 4 的新特性之一是可以使 HTML 事件触发浏览器中的行为，比方说当用户点击某个 HTML 元素时启动一段 JavaScript。在现代浏览器中都内置有大量的事件处理器。这些处理器会监视特定的条件或用户行为，例如鼠标单击或浏览器窗口中完成加载某个图像。通过使用客户端的 JavaScript，可以将某些特定的事件处理器作为属性添加给特定的标签，并可以在事件发生时执行一个或多个 JavaScript 命令或函数。

　　事件处理器的值是一个或一系列以分号隔开的 Javascript 表达式、方法和函数调用，并用引号引起来。当事件发生时，浏览器会执行这些代码。例如，当您把鼠标移动到一个超链接时，会启动一个 JavaScript 函数。支持 JavaScript的浏览器支持 <a> 标签中的一个特殊的 "mouse over"事件处理器 - 被称为 onmouseover 来完成这项工作：

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 5草案的前身名为Web Applications 1.0，是在2004年由WHATWG提出，再于2007年获W3C接纳，并成立了新的HTML工作团队。在2008年1月22日，第一份正式草案发布。 [1]WHATWG表示该规范是目前仍在进行的工作，仍须多年的努力。[2]目前Firefox、Chrome、Opera、Safari（版本4以上）及Internet Explorer 9（Platform Preview）已支援HTML5技术。HTML 5的标准草案目前已进入W3C制定标准5大程序的第1步。负责编纂标准格式文件的Google代表Ian Hickson预期，可能得等到2012年才会推出建议候选版（W3C Candidate Recommendation）。

　　目前IE 9开始支持HTML5，火狐firefox,Chrome内核都已经支持HTML的渲染。