预览加载中,请您耐心等待几秒...
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

亲,该文档总共12页,到这已经超出免费预览范围,如果喜欢就直接下载吧~

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

HTML语言 wangkf05@163.com 文件标记 ◆ 排版标记 ◆ 清单标记◆ 字体标记 表格标记 ◆ 表单标记 ◆ 图形标记 ◆ 链接标记 多媒体标记 ◆ 其他标记 ◆ 特殊字符 ◆ 调色原理 附录所有标记 HTML(为HyperTextMark-upLanguage缩写,译为“超文本标注式语言”)是一种为普通文件中某些字句加上标示的语言,其目的在于运用标记使文件达到预期的显示效果。可以用它编写扩展名为“.html”或“.htm”的文件,您可以使用FrontPage、记事本等编辑工具来编写Html文件。 在讲述HTML语言之前让我们首先了解下HTML语言标记的写法: ①任何标记皆由一对尖括号“<>”所围住,如<BR> ②标记名与尖括号之间不能留有空白字符。 ③在起始标记之标记名前加上符号“/”便是其终结标记,如</title> ④参数只可加于起始标记中,如<fontface=”Arial”>HTML</font> ⑤标记字母大小写皆可。 围堵标记与空标记: 围堵标记顾名思义,它以起始标记及终结标记将文字围住,令其达到预期显示效果。 例如HTMLSource:<b>HTML</b>是一种超文本标注式语言。.显示成:HTML是一种超文本标注式语言。 其中<b></b>便称为围堵标记。它以起始标记<b>及终结标记</b>标示文字Creationofwebpage,令它显示成粗体,两者失其一都会发生错误显示。 空标记是指标记单独出现,只有起始标记没有终结标记。 例如HTMLSource:IloveCreationofWebpage.<br>It'sawonderfulplace.显示成: IloveCreationofWebpage.It'sawonderfulplace. 其中换行标记<br>便属空标记。它的作用便是将标记后所有东西显示于下一行,可见终结标记于它是没意义的,但有些人会为空标记加上终结标记,这是为方便记认而己,对HTML没有影响 下面让我们来分块学习HTML语言(如果读者已经十分熟悉HTML语言,可以略过这一章进行下一章的学习) 2.1文件标记 2.1.1HTML基本架构 用到的标记有:<HTML>;<HEAD>;<TITLE>;<BODY> 下用以一个简单的便子来说明其基本架构,源码如下: <THML> <HEAD> <TITLE>HTML基本架构</TITLE> </HEAD> <BODY> 网页的主体部分,多数标记都写在此处 </BODY> </HTML> ※说明: 整个文件处于标记<HTML>与</HTML>之间 <HTML>的作用是声明这是HTML文件,让Web认出并处理此文件。 基本架构分两部分,从<HEAD>到</HEAD>间称为开头,<BODY>到</BODY>间称为本文。 各有适用于开头和本文的标记,如<TITLE>只适用于开头。只有<BODY>具有参数设定,这是需要特别注意的。 2.1.2BODY的参数设定 <BODYtext="#000000"link="#0000FF"alink="#FF0000"vlink="#0000FF"background="bg1.gif"bgcolor="#FFFFFF"leftmargin=2topmargin=2bgproperties="fixed"> text="#000000"用以设定文字颜色。#000000代表黑色,亦可以采用颜色的名称,即text="black"。 link="#0000FF"设定一般文字连结颜色。 alink="#FF0000"设定刚按下时文字连结颜色。 vlink="#0000FF"设定连结后的颜色。(被按过)。 background="bg1.gif"设定背景墙纸。GIF或JPEG皆可,可以是绝对途径或相对途径。 bgcolor="#FFFFFF"设定背景颜色。当己设定背景墙纸时会失去作用,除非墙纸有透明部分。 leftmargin=2设定整份文件显示画面的左方边沿空间,单位为像素。『只适用于IE』 topmargin=2设定整份文件显示画面的上方边沿空间。『只适用于IE』 bgproperties="fixed"固定背景墙纸,当卷动文字时墙纸不会跟著卷动。『只适用于IE』 ※注意:标记及参数之字母大小都可以。 2.2 排版标记 这一节我们将分别向读者讲解下面这9种重要的排版标记: <!--注解-->,<P>,<BR>,<HR>,<CENTER>,<PRE>,<DIV>,<NOBR>,<WBR> ◆<!--注解-->: 正像许多其它语言一样(如C,C++,java等),HTML语言也提供了注解功能。浏览器会忽略此标记中的文字(可以是很多行)而不作显示,一般