HTML(HyperTextMark-upLanguage)即 超文本标记语言
,是 WWW
的描述语言。html 是在 sgml 定义下的一个描述性语言,或可说 html 是 sgml 的一个应用程式,html 不是程式语言,它只是标示语言。
HTML一种为普通文件中某些字句加上标示的语言,其目的在于运用标记(tag)使文件达到预期的显示效果。
HTML只是标示语言,基本上你只要明白了各种标记的用法便算学懂了 html,html 的格式非常简单,只是由文字及标记组合而成,于 编辑方面,任何文字编辑器都可以,只要能将文件另存成 ascii 纯文字格式即可,当然 以专业的网页编辑软件为佳。[1]
设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起,形成有机的整体,人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。只需使用鼠标在某一文档中点取一个图标,Internet就会马上转到与此图标相关的内容上去,而这些信息可能存放在网络的另一台电脑中。 HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。
另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。神奇吗?一点都不神奇,因为现在你看到的就是这种语言写的页面。
也许你听说过许多可以编辑网页的软件,事实上,你不需要用任何专门的软件来建立HTML页面;你所需要的只是一个文字处理器(如McrosoftWord\记事本\写字板等等)以及HTML的工作常识。其实你很快就会发现,基础的HTML语言简直容易死了。
HTML只不过是组合成一个文本文件的一系列标签。它们很像乐队的指挥,告诉乐手们哪里需要停顿,哪里需要激昂。
[ 编辑本段
]
基本结构
一个HTML文档是由一系列的元素和标签组成.元素名不区分大小写.HTML用标签来规定元素的属性和它在文件中的位置,
HTML超文本文档分文档头和文档体两部分,在文档头里,对这个文档进行了一些必要的定义,文档体中才是要显示的各种文档信息。
下面是一个最基本的html文档的代码:1-1.html
<HTML> ---------------------------------------- 开始标签
<HEAD> --------------------------------------
<TITLE> 一个简单的HTML示例 </TITLE> | 头部标签
</HEAD> --------------------------------------
<BODY> ----------------------------------------
<CENTER> |
<H1>欢迎光临我的主页</H1> |
<BR> |
<HR> | 文件主体
<FONT SIZE= 7 COLOR= red> |
这是我第一次做主页 |
</FONT> |
</CENTER> |
</BODY> ---------------------------------------
</HTML> --------------------------------------- 结尾标签
<HTML></HTML>在文档的最外层, 文档中的所有文本和html标签都包含在其中,它表示该文档是以超文本标识语言(HTML)编写的。事实上,现在常用的Web浏览器都可以自动识别HTML文档,并不要求有 <html>标签,也不对该标签进行任何操作,但是为了使HTML文档能够适应不断变化的Web浏览器,还是应该养成不省略这对标签的良好习惯。
<HEAD></HEAD>是HTML文档的头部标签, 在浏览器窗口中,头部信息是不被显示在正文中的,在此标签中可以插入其它标记, 用以说明文件的标题和整个文件的一些公公属性。若不需头部信息则可省略此标记,良好的习惯是不省略。
<title>和</title>是嵌套在<HEAD>头部标签中的,标签之间的文本是文档标题,它被显示在浏览器窗口的标题栏。
<BODY> </BODY>标记一般不省略,标签之间的文本是正文,是在浏览器要显示的页面内容。
上面的这几对标签在文档中都是唯一的,HEAD标签和BODY标签是嵌套在HTML标签中的。
[ 编辑本段
]
语言剖析
html语言介绍一览表[1]
:
标记 |
类型 |
译名或意义 |
作 用 |
备注 |
文件标记 |
<html> |
● |
文件声明 |
让浏览器知道这是 html 文件 |
|
<head> |
● |
开头 |
提供文件整体资讯 |
|
<title> |
● |
标题 |
定义文件标题,将显示于浏览顶端 |
|
<body> |
● |
本文 |
设计文件格式及内文所在 |
|
排版标记 |
<!--注解--> |
○ |
说明标记 |
为文件加上说明,但不被显示 |
|
<p> |
○ |
段落标记 |
为字、画、表格等之间留一空白行 |
|
<br> |
○ |
换行标记 |
令字、画、表格等显示于下一行 |
|
<hr> |
○ |
水平线 |
插入一条水平线 |
|
<center> |
● |
居中 |
令字、画、表格等显示于中间 |
反对 |
<pre> |
● |
预设格式 |
令文件按照原始码的排列方式显示 |
|
<div> |
● |
区隔标记 |
设定字、画、表格等的摆放位置 |
|
<nobr> |
● |
不折行 |
令文字不因太长而绕行 |
|
<wbr> |
● |
建议折行 |
预设折行部位 |
|
字体标记 |
<strong> |
● |
加重语气 |
产生字体加粗 bold 的效果 |
|
<b> |
● |
粗体标记 |
产生字体加粗的效果 |
|
<em> |
● |
强调标记 |
字体出现斜体效果 |
|
<i> |
● |
斜体标记 |
字体出现斜体效果 |
|
<tt> |
● |
打字字体 |
courier字体,字母宽度相同 |
|
<u> |
● |
加上底线 |
加上底线 |
反对 |
<h1> |
● |
一级标题标记 |
变粗变大加宽,程度与级数反比 |
|
<h2> |
● |
二级标题标记 |
将字体变粗变大加宽 |
|
<h3> |
● |
三级标题标记 |
将字体变粗变大加宽 |
|
<h4> |
● |
四级标题标记 |
将字体变粗变大加宽 |
|
<h5> |
● |
五级标题标记 |
将字体变粗变大加宽 |
|
<h6> |
● |
六级标题标记 |
将字体变粗变大加宽 |
|
<font> |
● |
字形标记 |
设定字形、大小、颜色 |
反对 |
<basefont> |
○ |
基准字形标记 |
设定所有字形、大小、颜色 |
反对 |
<big> |
● |
字体加大 |
令字体稍为加大 |
|
<small> |
● |
字体缩细 |
令字体稍为缩细 |
|
<strike> |
● |
画线删除 |
为字体加一删除线 |
反对 |
<code> |
● |
程式码 |
字体稍为加宽如<tt> |
|
<kbd> |
● |
键盘字 |
字体稍为加宽,单一空白 |
|
<samp> |
● |
范例 |
字体稍为加宽如<tt> |
|
<var> |
● |
变数 |
斜体效果 |
|
<cite> |
● |
传记引述 |
斜体效果 |
|
<blockquote> |
● |
引述文字区块 |
缩排字体 |
|
<dfn> |
● |
述语定义 |
斜体效果 |
|
<address> |
● |
地址标记 |
斜体效果 |
|
<sub> |
● |
下标字 |
下标字 |
|
<sup> |
● |
上标字 |
指数(平方、立方等) |
|
清单标记 |
<ol> |
● |
顺序清单 |
清单项目将以数字、字母顺序排列 |
|
<ul> |
● |
无序清单 |
清单项目将以圆点排列 |
|
<li> |
○ |
清单项目 |
每一标记标示一项清单项目 |
|
<menu> |
● |
选单清单 |
清单项目将以圆点排列,如<ul> |
反对 |
<dir> |
● |
目录清单 |
清单项目将以圆点排列,如<ul> |
反对 |
<dl> |
● |
定义清单 |
清单分两层出现 |
|
<dt> |
○ |
定义条目 |
标示该项定义的标题 |
|
<dd> |
○ |
定义内容 |
标示定义内容 |
|
表格标记 |
<table> |
● |
表格标记 |
设定该表格的各项参数 |
|
<caption> |
● |
表格标题 |
做成一打通列以填入表格标题 |
|
<tr> |
● |
表格列 |
设定该表格的列 |
|
<td> |
● |
表格栏 |
设定该表格的栏 |
|
<th> |
● |
表格标头 |
相等于<td>,但其内之字体会变粗 |
|
表单标记 |
<form> |
● |
表单标记 |
决定单一表单的运作模式 |
|
<textarea> |
● |
文字区块 |
提供文字方盒以输入较大量文字 |
|
<input> |
○ |
输入标记 |
决定输入形式 |
|
<select> |
● |
选择标记 |
建立 pop-up 卷动清单 |
|
<option> |
○ |
选项 |
每一标记标示一个选项 |
|
图形标记 |
<img> |
○ |
图形标记 |
用以插入图形及设定图形属性 |
|
连结标记 |
<a> |
● |
连结标记 |
加入连结 |
|
<base> |
○ |
基准标记 |
可将相对 url 转绝对及指定连结目标 |
|
框架标记 |
<frameset> |
● |
框架设定 |
设定框架 |
|
<frame> |
○ |
框窗设定 |
设定框窗 |
|
<iframe> |
○ |
页内框架 |
于网页中间插入框架 |
ie |
<noframes> |
● |
不支援框架 |
设定当浏览器不支援框架时的提示 |
|
影像地图 |
<map> |
● |
影像地图名称 |
设定影像地图名称 |
|
<area> |
○ |
连结区域 |
设定各连结区域 |
|
多媒体 |
<bgsound> |
○ |
背景声音 |
于背景播放声音或音乐 |
ie |
<embed> |
○ |
多媒体 |
加入声音、音乐或影像 |
|
其他标记 |
<marquee> |
● |
走动文字 |
令文字左右走动 |
ie |
<blink> |
● |
闪烁文字 |
闪烁文字 |
nc |
<isindex> |
○ |
页内寻找器 |
可输入关键字寻找于该一页 |
反对 |
<meta> |
○ |
开头定义 |
让浏览器知道这是 html 文件 |
|
<link> |
○ |
关系定义 |
定义该文件与其他 url 的关系 |
|
stylesheet |
<style> |
● |
样式表 |
控制网页版面 |
|
<span> |
● |
自订标记 |
独立使用或与样式表同用 |