什么是HTML语言

操作方法

  • 01

    一、HTML语言发展背景 近两年来,许多公司开发出了图形化的HTML开发工具,使得网页的制作变得非常简单。如微软公司推出的 Microsoft FrontPage, Adobe公司推出的 Adobe Pagemill, Micromedia公司推出的Dreamweaver等编辑工具,都被称为“所见即所得”的工具。这些图形化的开发工具可以直接处理网页,而不用书写费劲的标记。这使得用户在没有HTML语言基础的情况下,照样可以编写网页。这时,编写HTML文档的任务由开发工具替你完成了。 这是网页图形编辑工具的最大成功之处,但也是它们的最大不足之处。受到图形编辑工具自身的约束,将产生大量的垃圾代码。原因很简单,我举一个简单的例子你就明白了。比如:在网页设计一个表格,若是每个单元格的宽度和高度让它根据其中的内容自动确定,HTML只要你告诉它是表格和单元格的排列顺序(也就是行列数)就行了,但因为图形化开发工具无法得知你的这种特殊要求,所以只能取一般要求,把每个单元格的宽度和高度都定义起来,从而增加了许多代码。所以一个明智的网页编写者应该在掌握图形编辑工具的基础上进一步学会HTML语言,从而知道那些是垃圾代码,这样,我们就可以利用图形化HTML开发工具快速成地做出网页,又会消除无用的代码,从而达到快速制作高质量网页的目的。 二、HTML基本概念 1、标记 HTML用于描述功能的符号称为“标记”。如“HTML”、“BODY”、“TABLE”等。标记在使用是必须用方括号“<>”括起来,而且是成对出现,无斜杠的标记表示该标记的作用开始,有斜杠的标记表示该标记的作用结束。如 表示一个表格的开始, 表标一个表格的结束。在HTML中,标记的大小写作用相同,如 和都是表示一个表格的开始。 标记可以包含标记,如:表格中包含表格或其它标记,如下面这样的HTML代码结构是正确的: hjk 但是标记不能交叉嵌套,如下面这样的代码是错误的: 这是不正确的代码 2、特殊字符 由于方括号和英文双引号被用来提示HTML的标记及参数值,那么在网页中要显示方括号和英文引号只能用其它的符号来代替,下面是常见特殊字符所代表的正常字符: <或<对应字符 < >或>对应字符 > "或"--对应字符 " à--对应字符 A 3、语法 一个标记,为了明确它的功能,往往用一些属性参数来描述,对这些属性参数的规定上就是所谓的语法,例如:段落标记 ,它的语法格式是: 这就说明 标记有两个属性参数,即“align”和“class”,其中“align”用于定义段的位置是靠左、靠右还是居中。默认值是靠左。而“class ”则是定义所属的类型。在实际应用时当然可以没有“align”和“class”参数,按照默认情况显示,这一点非常重要,这是我们判断无用代码的主要标准之一,假如在网页代码中有对默认值进行描述设置的语句代码,显然是无用的代码。另外,在设置标记的属性值时,若是取默认值不影响效果或影响很少,我们就尽量取默认值,这样可以不用设置,从而达到减少代码的目的。 三、如何用HTML? HTML语言,又称超文本标记语言,是英文Hyper Text Markup Language的缩写。HTML语言作为一种标识性的语言,是由一些特定符号和语法组成的,所以理解和掌握都是十分容易的。可以说,HTML语言在所有的计算机编程语言中是最简单易学的。 组成HTML的文档都是ASCIlI档,所以创建HTML文件十分简单,只需一个普通的字符编辑器即可。如 Wndows中的记事本、写字板都可以使用。也可以采用专用的 HTML 编辑工具:如 CoffeeHTML、 Homesite、 HTMLedit Pro等工具,它们的特点是能够自动检查HTML文档中的语法错误并协助改正。由于有了图形化的HTML开发工具,使得我们更加容易,我们可以先用它制作好网页,再在它附带的HTML代码编辑器在删去那些无用的代码,利用它的所见即所得特性,从而使我们很快就能熟炼地掌握HTML。特别是 Micromedia 公司最近发布的Dreamweaver4,可以把源代码编辑器和网页编辑器放在同一个窗口中,真是方便极了。

(0)

相关推荐

  • 如何启用Word2010中"自动切换键盘以匹配周围文字的语言"功能

    在Word2010文档中,用户可以启用“自动切换键盘以匹配周围文字的语言”功能。当用户将鼠标光标移动到西文字符的段落中时,键盘布局将自动更改为与光标位置相邻文本的语言相匹配的语言。该功能仅适用于西文字 ...

  • ASP.NET MVC实现功能:通过URL路由实现对多语言的支持

    对于一个需要支持多语言的Web应用,一个很常见的使用方式就是通过请求地址来控制界面呈现所基于的语言文化,比如我们在表示请求地址的URL中将 上语言文化代码(比如en或者en-US)来指导服务器应该采用 ...

  • 微信怎么更改语言设置?微信多语言设置

    想突出自己的个性吗?想让自己与别人雨中不同吗?从字体开始,繁体字、英语等语言可以体现一个人的文化程度哦。那么微信怎么更改语言设置?下面小编就为大家带来微信多语言设置方法,一起来看看吧! 1)首先打开【 ...

  • 微软Win8系统语言设置技巧如添加或更改输入法等等

    在Win8系统中,可以在电脑设置常规选项页面,点击“语言首选项”进入语言设置页面,可以进行添加或更改输入法、键盘布局和语言。 图1 电脑设置常规页面 在语言设置页面,更改语言首选项中,可以选择“添加语 ...

  • Win8系统语言设置技巧之如何添加输入法

    对于刚刚接触Win8系统的朋友,在使用上可能会有点不习惯,但是熟悉Win8系统之后,你会发现Win8系统中还有很多方便快捷的操作技巧。今天,主要介绍Win8系统中语言设置技巧。在Win8系统中,可以在 ...

  • windows7系统怎么添加多国语言包具体步骤

    首先我们在开始菜单中找到Windows Update 然后我们可以在可选更新处发现有34个更新可用,点击进入 这里就可以发现所有可以使用的语言包,然后勾选你需要的语言包,然后点击确定 现在我们点击安装 ...

  • win8.1update如何安装简体中文语言包

    win8.1update简体中文语言包安装教程: 一、在线下载安装语言包 1、登录Win8.1 Update系统,打开这台电脑(This PC),选择顶部工具栏的控制面板(Control Panel) ...

  • 轻松搞定Windows8系统中的多种语言的添加

    无论你是精通多种语言,还是只需要完成外语作业,都可以使用Windows 8以多种语言进行阅读和输入。在某些国家或地区,你可以购买已经预安装多种语言的电脑。如果你所需的语言没有预安装,你可以手动进行添加 ...

  • MYSQL-Front中文多语言版图文使用教程

    一款小巧的管理Mysql的应用程序.主要特性包括多文档界面,语法突出,拖拽方式的数据库和表格。 可编辑/可增加/删除的域,可编辑/可插入/删除的记录,可显示的成员,可执行的SQL 脚本,提供与外程序接 ...

  • 电脑任务栏中没有语言栏的解决方法

    问:我的电脑任务栏中没有语言栏,我在工具栏中的语言栏选项上已经选中显示语言栏,但问题依旧,除了使用搜狗外不能打字,用“Ctrl+Shift”无法切换输入法,应该怎么解决呢?谢谢! 答:这应该是“cft ...