1、有些标签说明页面如何被格式化(例如,开始一个新段落),其他则说明这些词如何显示(&b&使文字变粗)还有一些其他标签提供在页面上不显示的信息例如标题。关于标签,需要记住的是,它们是成双出现的。每当使用一个标签如&,则必须以另一个标签&/blockquote&将它关闭。注意“blockquote”前的斜杠,那就是关闭标签与打开标签的区别。 但是也有一些标签例外。比如,&input&标签就不需要。基本HTML页面以DOCTYPE开始,它声明文档的类型,且它之前不能有任何内容(包括换行符和空格),否则将使文档声明无效,接着是&html&标签,以&/html&结束。在它们之间,整个页面有两部分标题和正文
2、。标题词夹在&head&和&/head&标签之间这个词语在打开页面时出现在屏幕底部最小化的窗口。正文则夹在&body&/body&之间即所有页面的内容所在。页面上显示的任何东西都包含在这两个标签之中。那么让我们建立一个简单的范例吧,非常容易的。第一步,当然是要建立一个新的文本文件(记住,如果你在使用比较复杂的文字处理器,就应该用“纯文本”或“普通文本”来保存),将它命名为“xxxx.html”。(随便你起一个什么名字,扩展名也可是HTM)。然后你可以用浏览器将它打开,你会看见最简单的自己做的页面。编辑本段HTML有什么特点和好处?HTML文档制作不是很复杂,且功能强大,支持不同数据格式的文件镶
3、入,这也是WWW盛行的原因之一,其主要特点如下:1 简易性,HTML版本升级采用超集方式,从而更加灵活方便。2 可扩展性,HTML语言的广泛应用带来了加强功能,增加标识符等要求,HTML采取子类元素的方式,为系统扩展带来保证。3 平台无关性。虽然PC机大行其道,但使用MAC等其他机器的大有人在,HTML可以使用在广泛的平台上,这也是WWW盛行的另一个原因。用什么可以编辑HTML?HTML其实是文本,它需要浏览器的解释,HTML的编辑器大体可以分为三种,1 基本编辑软件,使用WINDOWS自带的记事本或写字版都可以编写,当然,如果你用WPS来编写,也可以。不过存盘时请使用.htm或.html作为
4、扩展名,这样浏览器就可以解释执行了。2 半所见即所得软件,这种软件能大大提高开发效率,它可以使你在很短的时间内做出Homepage,且可以学习HTML,这种类型的软件主要有HOTDOG,还有国产的软件网页作坊。3 所见即所得软件,使用最广泛的编辑器,完全可以一点不懂HTML的知识就可以做出网页,这类软件主要有Frontpage98,DREAMWEAVER。更先进难懂的技术XHTML?XHTML中的X是可扩展的意思,XHTML就是可扩展的超文本标记语言,它比HTML有更严格的要求。如果说HTML是汉语,那么XHTML就是标准普通话。对于现在才刚刚开始学习网页设计的朋友,直接学习XHTML是最佳的
5、选择。事实上它也属于HTML家族,并且它是基于XML的,对比以前各个版本的HTML,它具有更严格的书写标准、更好的跨平台能力。由于某些需要,XHTML将以前版本的HTML能够实现的一些功能交给了CSS,这意味着你将需要学习两种技术。但是这确实是Web未来发展的潮流。编辑本段HTML标准的版本历史超文本置标语言(第一版)在1993年6月发为互联网工程工作小组 (IETF)工作草案发布(并非标准).HTML 2.01995年11月作为RFC 1866发布,在RFC 2854于2000年6月发布之后被宣布已经过时HTML 3.21996年1月14日,W3C推荐标准HTML 4.01997年12月18
6、日,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+的后续版的开发工作于199
7、3年开始,最初是被设计成为“HTML的一个超集”。第一个正式规范在为了和当时的各种HTML标准区分开来,使用了2.0作为其版本号。HTML+的发展继续下去,但是它从未成为标准。HTML3.0规范是由当时刚成立的W3C于1995年3月提出,提供了很多新的特性,例如表格、文字绕排和复杂数学元素的显示。虽然它是被设计用来兼容2.0版本的,但是实现这个标准的工作在当时过于复杂,在草案于1995年9月过期时,标准开发也因为缺乏浏览器支持而中止了。3.1版从未被正式提出,而下一个被提出的版本是开发代号为Wilbur的HTML 3.2,去掉了大部分3.0中的新特性,但是加入了很多特定浏览器,例如Netsca
8、pe和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
9、月,W3C网络标准化组织推出改进版的HTML4.01,该语言相当成熟可靠,一直沿用至今。HTML4.01相比先前的版本在国际化设置,提高兼容性,样式表支持,以及脚本,打印方面都有所提高。HTML 4 的新特性之一是可以使 HTML 事件触发浏览器中的行为,比方说当用户点击某个 HTML 元素时启动一段 JavaScript。 在现代浏览器中都内置有大量的事件处理器。这些处理器会监视特定的条件或用户行为,例如鼠标单击或浏览器窗口中完成加载某个图像。通过使用客户端的 JavaScript,可以将某些特定的事件处理器作为属性添加给特定的标签,并可以在事件发生时执行一个或多个 JavaScript 命
10、令或函数。事件处理器的值是一个或一系列以分号隔开的 Javascript 表达式、方法和函数调用,并用引号引起来。当事件发生时,浏览器会执行这些代码。例如,当您把鼠标移动到一个超链接时,会启动一个 JavaScript 函数。支持 JavaScript 的浏览器支持 &a& 标签中的一个特殊的 mouse over事件处理器 - 被称为 onmouseover 来完成这项工作:HTML 5 的改进2007年HTML 5草案被W3C接纳,并成立了新的HTML工作团队。2008年1月22日第一份正式HTML 5草案发布。HTML 5增加了更多样化的API,提供了嵌入音频、视频、图片的函数、客户端数
11、据存储,以及交互式文档。其他特性包括新的页面元素,比如 &header&, §ion&footer&, 以及 &figure&HTML 5 通过制定如何处理所有 HTML 元素以及如何从错误中恢复的精确规则,改进了互操作性,并减少了开发成本。一些新的元素和属性,反映典型的现代用法网站。其中有些是技术上类似&div&span&标签,但有一个含义,例如&nav&(网站导航块)和&这种标签将有利於搜索引擎的索引整理、小萤幕装置和视障人士使用。同时为其他浏览要素提供了新的功能,通过一个标准介面,如&audio&video&标记。一些过时的HTML 4标记将取消。其中包括纯粹显示效果的标记,如&
12、font¢er&,因为它们已经被CSS取代。HTML 5草案的前身名为Web Applications 1.0,是在2004年由WHATWG提出,再于2007年获W3C接纳,并成立了新的HTML工作团队。在2008年1月22日,第一份正式草案发布。1WHATWG表示该规范是目前仍在进行的工作,仍须多年的努力。2目前Firefox、Chrome、Opera、Safari(版本4以上)及Internet Explorer 9(Platform Preview)已支援HTML5技术。HTML 5的标准草案目前已进入W3C制定标准5大程序的第1步。负责编纂标准格式文件的Google代表Ian
13、Hickson预期,可能得等到2012年才会推出建议候选版(W3C Candidate Recommendation)。目前IE 9开始支持HTML5,火狐firefox,Chrome内核都已经支持HTML的渲染。编辑本段HTML规范HTML结构&HTML& 文件类型标记开始,HTML文件HEAD& 文件头开始TITLE&页面标题&/TITLE& 页面标题标记/HEAD& 文件头结束BODY& 主题标记开始正文内容 主题内容/BODY& 主题内容结束/HTML&文件类型标记结束一、 HTML 头:1、针对日文环境:!DOCTYPE html PUBLIC -/W3C/DTD HTML 4.01
14、Transitional/EN&html lang=jameta http-equiv=Content-Type content=text/html; charset=EUC-JPContent-Script-Typetext/javascriptContent-Style-Typetext/csstitle&yourtitle&/title&2、针对中文环境: charset=GB2312我们建议的编码格式是utf-8,它支持多语种,并且可以避免出现乱码的情况。二、html中javascript的书写:.script type=.-&/script&当然我们不希望你是这样内嵌脚本,而是从一个
15、外部文件进行引用,并且只把它放在文档的头部。script src=path/to/script.js language=javascript type=三、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.
16、gif border=0 alt=Select”&4、 head与&之间必须有title;your title &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”;-
17、&8、 onclick 属性必须和 onkeypress 成对写( onmousedown + onkeydown、onmouseup + onkeyup)mm9、 用URL传值时直接写&是不可以的,可用&替换:四、缩近规则:中,等必须保持严格的缩近规则,以Tab键为准:五、为了检验您的HTML代码是否合法,您可以到W3的HTML Validator工具中进行检验,支持URI输入,上传文件和直接输入代码三种方式进行检验编辑本段HTML元素参考手册(HTML Elements Referencea)表示超链接的起始或目的位置。acronym表示取首字母的缩写词。address表示特定信息
18、,如地址、签名、作者、文档信息。applet在页面上放置可执行内容。area定义一个客户端图像映射中一个超级链接区域的形状、坐标和关联 URL。b指定文本应以粗体显示。(不建议使用)base指定一个显式 URL 用于解析对于外部源的链接和引用,如图像和样式表。basefont设置显示文本时作为默认字体的基础字体值。bdo允许作者为选定文本片断禁用双向法则。bgsound使页面能够带有背景声音或配音。big指定所含文本要以比当前字体稍大的字体显示。blockquote表示文本中的一段引用语。body指明文档主体的开始和结束。br插入一个换行符。button指定一个容器,其中所含的 HTML 会被
19、显示为一个按钮。caption表格的标题,对表格的简单描述。center将指定文本和图像居中显示。cite用斜体显示标明引文。code表示代码范例。col说明基于列的表格缺省属性。colgroup说明表格中一列或一组列的缺省属性。comment表示不可见的注释。防止所包含的文本或者HTML源代码被浏览器解析和显示。dd在定义列表中表示定义。定义通常在定义列表中缩进显示。del表示文本已经从文档中删除。dfn表示术语的定义。dir表示目录列表。div表示一块可显示 HTML 的区域dl表示定义列表。dt在定义列表中表示定义术语。em强调文本,通常以斜体显示。embed允许嵌入任何类型的文档。fi
20、eldset在字段集包含的文本和其它元素外面画一个方框。font用于说明所包含文本的新字体、大小和颜色。form说明所包含的控件是某个表单的组成部分。frame在 FRAMESET 元素内表示单个框架。frameset表示一个框架集,用于组织多个框架和嵌套框架集。head提供了关于文档的无序信息集合。h1-h6这实际上是6个标签,他们以标题样式显示文本,h1最大,h6最小。hr水平线。html表明文档包含 HTML 元素。i指定文本应以斜体显示。iframe创建内嵌漂浮框架。img在文档中嵌入图像或视频片断。input创建各种表单输入控件。input type=button创建按钮控件。inp
21、ut 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创建一个按
22、钮,点击该按钮后,即提交表单。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表示一段。par
copyright@ 2008-2022 冰豆网网站版权所有
经营许可证编号:鄂ICP备2022015515号-1