HTML语言简介
- 格式:doc
- 大小:39.05 KB
- 文档页数:8
WWW的工作原理万维网有如此强大的功能,那WWW是如何运作的呢?WWW 中的信息资源主要由一篇篇的Web文档,或称Web页为基本元素构成。
这些Web页采用超级文本(Hyper Text)的格式,即可以含有指向其他Web页或其本身内部特定位置的超级链接,或简称链接。
可以将链接理解为指向其它Web 页的“指针”。
链接使得Web 页交织为网状。
这样,如果Internet上的Web页和链接非常多的话,就构成了一个巨大的信息网。
当用户从WWW 服务器取到一个文件后,用户需要在自己的屏幕上将它正确无误地显示出来。
由于将文件放入WWW 服务器的人并不知道将来阅读这个文件的人到底会使用哪一种类型的计算机或终端,要保证每个人在屏幕上都能读到正确显示的文件,必须以某种各类型的计算机或终端都能“看懂”的方式来描述文件,于是就产生了HTML --超文本语言。
HTML(Hyper Text Markup Language)的正式名称是超文本标记语言。
HTML 对Web 页的内容、格式及Web 页中的超级连接进行描述,而Web 浏览器的作用就在于读取Web 网点上的HTML 文档,再根据此类文档中的描述组织并显示相应的Web 页面。
HTML 文档本身是文本格式的,用任何一种文本编辑器都可以对它进行编辑。
HTML 语言有一套相当复杂的语法,专门提供给专业人员用来创建Web 文档,一般用户并不需要掌握它。
在UNIX 系统中,HTML文档的后缀为“.html”,而在DOS/WINDOWS 系统中则为“.htm”。
WWW的常用术语URL(Uniform Resource Locator 统一资源定位器)如::8080/huang/index.htmftp://210.34.0.222HTTP(HyperText Transport Protocol超文本传送协议)HTML(Hyper Text Markup Language超文本标记语言)主页(Homepage)HTML语言简介HTML语言是网页制作的基础,是初学者必学的内容。
虽然现在有许多所见即所得的网页制作工具,但是说到底,还是有必要了解一些HTML的语法。
这样,您可以更精确的控制页面的排版,可以实现更多的功能。
HTML语言可直接使用普通的文本编辑器进行编辑(例如:DOS下的EDIT,WPS;WINDOWS中的记事本等)。
在HTML中,标记是用来界定各种单元,如标题、段落、列表等。
HTML单元由三部分组成:起始标记、单元内容、结束标记。
起始标记由“< ”和“>”来界定,结束标记由“< /”和“>”来界定,单元名称和属性由起始标记给出。
如:“< TITLE >免费新天地< /TITLE >”,“< TITLE >”和“< /TITLE >”是起始标记和结束标记,“免费新天地”是单元的基本内容。
一、关于标记的有关约定1、超文本标记用带尖括号“< ”和“>”表示。
2、超文本标记一般是成对出现,用带斜杠的元素表示结束,如:< html >和< /html >。
但有些标记只有起始标记而没有结束标记,如:< BR >,它网页中表示引入一个换行动作;还有些标记可以省略,如:段落的结束标记< /P >就可以省略。
3、超文本标记忽略大小写,如:< HTML >和< html >是等效的,但其中实体内容的名称是要区分大小写,如"&NAME"和"&name"是表示不同的实体。
4、一个标记元素可写在多行,参数位置不受限制。
二、主要标记的用法HTML文档的标记在该语言中占有重要的地位,可以说,整个HTML文档都是它的标记构成的,HTML文档的标记为编写该文档建立了固定的框架,我们只要在这个框架中填充内容就行了。
但你可能会对下图的HTML,而感到一头雾水吧?其实您可以将HTML文档分成两部分:首部信息和正文主体。
其具体的结构如下:< HTML >< HEAD >首部元素、元素属性及基本内容。
< /HEAD >< BOBY >主体元素、元素属性及基本内容。
< /BOBY >< /HTML >首部元素中的内容在浏览器中是不被显示出来,它主要是浏览器使用首部来收集有关页面的各种信息。
我们在浏览器中看到的是< BOBY >和< /BOBY >之间的内容。
因篇幅原因,在此就不再对各元素的应用进行详细说明,下面主要介绍一些元素的含义。
1、主窗体元素含义< HTML >和< /HTML >:超文本的开始和结束。
< HEAD >和< /HEAD >:超文本文档头的开始和结束。
< TITLE >和< /TITLE >:超文本窗口标题的开始和结束,它被显示在浏览器顶端的标题栏中。
< META >:是用来描述HTML文档的元信息,即文档自身的信息。
< BODY >和< /BODY >:正文的开始和结束,它被显示在浏览器中。
其中可以包含许多元素,是HTML语言的核心部分。
主要属性:BACKGROUND=url:指定背景图片,由属性URL指定位置。
BGCOLOR=color:指定文档中的背景颜色TEXT=color:指定文档中的文本颜色LINK=color:指定尚未访问的超链接的颜色ALINK=color:指定活动的超链接的颜色VLINK=color:指定访问过的超链接的颜色HTML使用的颜色可用颜色十六进制的RGB值来表示,也可以用颜色英文名来表示,例如颜色RGB值"#000000"和颜色英文名"Black"都表示黑色。
附常见颜色对照表,如下表。
颜色英文名十六进制RGB值黑色Black #000000银灰色Silver #C0C0C0灰色Gray #808080白色White #FFFFFF绛紫色Maroon #800000红色Red #FF0000紫色Purple #800080紫红色Fuchsia #FF00FF绿色Green #008000草绿色Lime #00FF00橄榄色Olive #808000黄色Yellow #FFFF00藏蓝色Navy #000080蓝色Blue #0000FF黑绿色Teal #008080海蓝色Cyan #00FFFF2、字符风格控制元素含义< H1 >< /H1 >到< H6 >< /H6 >:定义字体的大小。
< B >和< /B >:字体加粗。
< I >和< /I >:字体变斜体。
< U >和< /U >:字体加下划线。
< S >和< /S >:字体加中划线。
< SUP >和< /SUP >:字体为上标。
< SUB >和< /SUB >:字体为下标。
< FONT >和< /FONT >:定义字体属性。
FONT的主要参数:size定义字体的大小。
color定义字体的颜色。
center对齐方式。
3、版面控制元素含义< PRE >到< /PRE >:空格、回车有效。
< ALIGN >和< /ALIGN >:对齐方式,主要参数有左对齐:LEFT;右对齐:RIGHT;居中对齐:CENTER。
< P >和< /P >:段落的开始和结束。
< HR >:加划线。
< IMG SRC="…" ALT= "…">:插入图片。
4、标题分级控制元素含义< UL >和< OL >:标题分级方式。
< LI >:子标题。
5、锚元素含义< a href="链接地址" >和< /a >:锚元素的开始和结束。
例如:"/",是表示http链接。
"mailto:dizen@",是表示邮件链接。
"file://c:/dizen/index.html",是表示本地文件链接。
"ftp:///",是表示FTP文件下载链接。
6、表格元素含义< TABLE >和< /TABLE >:表格的开始和结束。
< TR >和< /TR >:行的开始和结束。
< TH >和< /TH >:栏标题的开始和结束。
< TD >和< /TD >:栏的开始和结束。
主要参数:ALIGN:横向定位V ALIGN:纵向定位BORDER:表格边宽COLSPAN:单元所占栏数ROWSPAN:单元所占行数7、交互元素含义交互元素包括:文本框,密码输入,单选框,收音机按钮,图象,提交按钮,清除按钮,隐藏区,下拉式菜单,文字输入区等。
交互元素通常集中在页面的一部分,称为:FORM。
因此在使用之前必须定义:< FORM NAME="" ACTION="URL" METHOD=GET/POST >< INPUT TYPE="TEXT" >:文本框。
< INPUT TYPE="PASSWORD" >:密码输入。
< INPUT TYPE="CHECKBOX" >:复选框。
< INPUT TYPE="RADIO" >:单选按钮。
< INPUT TYPE="IMAGE" >:图象。
< SELECT >和< /SELECT >:下拉式选单。
< TEXTAREA COLS=N ROS=N >和< /TEXTAREA >:文字输入区。
< INPUT TYPE="SUBMIT" >:提交传送到服务器。