HTML语言基础(一)-HTML的前世今生

张俊SEM 营销型网站建设评论316字数 1533阅读5分6秒阅读模式

一、前奏

  近两年来,许多公司开发出了图形化的HTML开发工具,使得网页的制作变得非常简单。如微软公司推出的 Microsoft FrontPage, Adobe公司推出的 Adobe Pagemill, Micromedia公司推出的Dreamweaver等编辑工具,都被称为“所见即所得”的工具。这些图形化的开发工具可以直接处理网页,而不用书写费劲的标记。这使得用户在没有HTML语言基础的情况下,照样可以编写网页。这时,编写HTML文档的任务由开发工具替你完成了。 这是网页图形编辑工具的*大成功之处,但也是它们的*大不足之处。受到图形编辑工具自身的约束,将产生大量的垃圾代码。原因很简单,我举一个简单的例子你就明白了。比如:在网页设计一个表格,若是每个单元格的宽度和高度让它根据其中的内容自动确定,HTML只要你告诉它是表格和单元格的排列顺序(也就是行列数)就行了,但因为图形化开发工具无法得知你的这种特殊要求,所以只能取一般要求,把每个单元格的宽度和高度都定义起来,从而增加了许多代码。所以一个明智的网页编写者应该在掌握图形编辑工具的基础上进一步学会HTML语言,从而知道那些是垃圾代码,这样,我们就可以利用图形化HTML开发工具快速成地做出网页,又会消除无用的代码,从而达到快速制作高质量网页的目的。

HTML语言基础(一)-HTML的前世今生

HTML

二、如何用HTML?

那么今天就首先来一下,如何使用HTML?

认识:HTML语言,又称*文本标记语言,是英文Hyper Text Markup Language的缩写。HTML语言作为一种标识性的语言,是由一些特定符号和语法组成的,所以理解和掌握都是十分容易的。可以说,HTML语言在所有的计算机编程语言中是*简单易学的。 组成HTML的文档都是ASCIlI档,所以创建HTML文件十分简单,只需一个普通的字符编辑器即可。如 Wndows中的记事本、写字板都可以使用。也可以采用专用的 HTML 编辑工具:如 CoffeeHTML、 Homesite、 HTMLedit Pro等工具,它们的特点是能够自动检查HTML文档中的语法错误并协助改正。由于有了图形化的HTML开发工具,使得我们更加容易,我们可以先用它制作好网页,再在它附带的HTML代码编辑器在删去那些无用的代码,利用它的所见即所得特性,从而使我们很快就能熟炼地掌握HTML。特别是 Micromedia 公司*近发布的Dreamweaver4,可以把源代码编辑器和网页编辑器放在同一个窗口中,真是方便极了。

三、HTML概念

1、标记

HTML用于描述功能的符号称为“标记”。如“HTML”、“BODY”、“TABLE”等。标记在使用是必须用方括号“<>”括起来,而且是成对出现,无斜杠的标记表示该标记的作用开始,有斜杠的标记表示该标记的作用结束。如

表示一个表格的开始,表标一个表格的结束。在HTML中,标记的大小写作用相同,如和都是表示一个表格的开始。

标记可以包含标记,如:表格中包含表格或其它标记,如下面这样的HTML代码结构是正确的:
但是标记不能交叉嵌套,如下面这样的代码是错误的:

这是不正确的代码

2、特殊字符

由于方括号和英文双引号被用来提示HTML的标记及参数值,那么在网页中要显示方括号和英文引号只能用其它的符号来代替,下面是常见特殊字符所代表的正常字符:

<或<对应字符 <
>或>对应字符 >
"或"——对应字符 "
à——对应字符 A

  3、语法

<!--锚文本-->
<a href="http://www.www.zhangjunsem.com/">
    学习XHTML
</a>吧!
<!--链接结束-->

声明:转载此文是出于传递更多学习交流目的。若有来源标注错误或侵犯了您的合法权益,请作者持权属证明与本网联系,我们将及时更正、删除,谢谢。本站部分图文来源于网络,仅供学习交流,发表作品观点仅代表作者本人,本站仅提供信息存储空间服务,不承担连带责任。如有侵权,请及时联系管理员删除。

weinxin
添加微信
微信扫一扫
张俊SEM
  • 本文由 发表于 2016年10月2日 17:22:32
  • 转载请务必保留本文链接:https://www.zhangjunsem.com/90.html
评论  0  访客  0
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: