二、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,可以把源代码编辑器和网页编辑器放在同一个窗口中,真是方便极了。
Dreamweaver(下面简称DW)的图形化界面的确可以不通过记忆和输入大量的HTML代码来制作网页。不过用DW的图形化界面做出来的页面用产生大量的冗余代码,包括大量可以合并的DIV标签和CSS类等。而且DW的图形化 *** 作是“所见非所得”的 *** 作模式,即在软件中看到的布局和在浏览器里浏览的真实情况可能是大相径庭。加之JS特效和一些细节的修改,比如要是框框套的太多了就不好点选其中的某一个了,因为DW不像PS那样可以放大16倍而对细节进行修改(至少我没有找到在DW中放大的 *** 作(以DW8为例))。所以说我个人觉得单纯用DW图形化界面只适合于制作很简单的页面,而我个人觉得DW的图形化设计做的并不好。如果你是新手,如果只想用图形化界面制作简单的页面。我个人还是比较推荐你使用微软出品的Expression Web网页设计软件,这款软件的图形化 *** 作比DW做的要好,基本趋近于“所见即所得”,在软件内对CSS的表现也很好。而且能自动检测到不规范的语法和拼写等错误。所以我建议新手和单纯使用图形化界面的人使用这款软件。
如果你想在网页设计上有所发展和深入的话,还是研究一下HTML代码吧。以上仅是个人看法,仅供参考。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)