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。
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、针对日文环境:
<!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”
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、 _disibledevent="font-size: 12pt">属性必须和 _disibledevent="font-size: 12pt">成对写( _disibledevent="font-size: 12pt">、onmouseup + _disibledevent="font-size: 12pt"> mm
9、用URL传值时直接写&是不可以的,可用&替换:
四、缩近规则:
必须保持严格的缩近规则,以"Tab"键为准:
五、为了检验您的HTML代码是否合法,您可以到W3的HTML Validator工具中进行检验,支持URI输入,上传文件和直接输入代码三种方式进行检验
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 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,网页设计师会遇到和HTML一样的浏览器兼容性问题吗?
答:希望不会。"严格的错误防御标准"将帮助浏览器对代码作出相同的响应,XML的 namespaces功能使你可以增加自己的新标签而不需要特别的浏览器支持。现在我们所需要得到保证的就是:所有浏览器开发商一致并且完全遵守我们制定的CSS。写信给你的浏览器制造商,告诉你需要的CSS规范,你甚至可以检测浏览器是否听从你的设计。
问:谁可以采用XHTML 1.0设计?
答:因为XHTML非常简单易于实现,所以任何会用HTML的人都可以容易地使用XHTML。当使用XML浏览器的人们越来越多,更多的工作会被建议使用XML,那时候也许都将使用XHTML。
问:什么时候XHTML网站会普及?
答:好问题。我已经看到一些使用XHTML建立的网站,甚至在XHTML 1.0发布以前。我相信它将会有一个大发展,因为它太容易了。但是现在的用户代理(浏览器)对XHTML都不是完全支持,而是部分支持,所以XHTML的普及还需要用户代理的进一步支持。
问:我们如何将现有的HTMl转换为XHTML?
答:非常简单,因为它们非常相似。在W3C(www.w3c. org)网站上有一个开放原代码(open-source)的软件叫HTML Tidy,可以帮助你直接转换。
问:XHTML未来会怎样?
答:XHTML1.0仅仅是这个新HTML语言的第一步。新版本将没有向下兼容老浏览器的约束,可以有更多的发展空间。
首先,我们将进行一次彻底的清理,删除HTML 4.0中不兼容的元素。
其次,我们将XHTML模块化,允许人们在XML应用中使用XHTML模块(比如表格),减少重复开发。同时也允许开发特别用途的设计,比如电话应用,只要属于XHTML的子集就可以保持兼容,人们可以创造他们自己的HTML。