HTML教程
HTML入门 HTML英语意思是:Hypertext Marked Language,即超文本标记语言,是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档,它能独立于各种操作系统平台(如UNIX,WINDOWS等)。自1990年以来HTML就一直被用作World Wide Web 的信息表示语言,用于描述Homepage的格式设计和它与WWW上其它Homepage 的连结信息。使用HTML语言描述的文件,需要通过WWW浏览器显示出效果。 接下来,我们就结合几个实例来观看一下HTML的全貌,以便于我们首先对它有一个整体上的认识,并且体会一下超文本与标记究竟是什么意思。 【实例一】 【实例二】 【实例三】 通过HTML可以表现出丰富多彩的设计风格 图片调用:<IMG SRC="文件名">
文字格式:<FONT SIZE="+5 " COLOR="00FFFF">文字</FONT> 通过HTML可以实现页面之间的跳转 页面跳转:〈A HREF="文件路径/文件名"></A> 通过HTML可以展现多媒体的效果 声频:<EMBED SRC="音乐文件名" AUTOSTART=true>
视频:<EMBED SRC="视频文件名" AUTOSTART=true> 从以上的例子,我们就可以理解超文本与标记的含义了。所谓超文本,因为它可以加入图片、声音、动画、影视等内容,因为它可以从一个文件跳转到另一个文件,与世界各地主机的文件连接。所谓标记,就是它采用了一系列的指令符号来控制输出的效果,这些指令符号用“<标签名字 属性>”来表示。
HTML教程
HTML的基本结构 超文本文档分文档头和文档体两部分,在文档头里,对这个文档进行了一些必要的定义,文档体中才是要显示的各种文档信息。
<HTML> <HEAD>
头 部 信 息
</HEAD> <BODY>
文 档 主 体, 正 文 部 分
</BODY> </HTML> 其中<HTML>在最外层, 表示这对标记间的内容是HTML文 档。我们还会看到一些Hompage省略<HTML>标记, 因为.html 或.htm 文件被Web浏览器默认为是HTML文档。<HEAD> 之间包括文档的头部信息,如文档总标题等,若不需头部信息则可省略此标记。<BODY> 标记一般不省略, 表示正文内容的开始。
下面是一个最基本的超文本文档的源代码:
<HTML>
<HEAD>
<TITLE>一个简单的HTML示例</TITLE>
</HEAD>
<BODY>
<CENTER>
<H3>欢迎光临</H3>
<BR>
<HR>
<FONT SIZE=2>
这是我第一次做,无论怎么样,我都会努力做好!
</FONT>
</CENTER>
</BODY>
</HTML> |
━┓
┃文件头
━┛
━┓
┃
┃
┃
┃文件体
┃
┃
┃
┃
━┛
|
超文本中的标签 刚刚接触超文本,遇到的最大的障碍就是一些用“<”和“>”括起来的句子,我们称它为标签,是用来分割和标记文本的元素,以形成文本的布局、文字的格式及五彩缤纷的画面。 1. 单标签
某些标记称为“单标签”,因为它只需单独使用就能完整地表达意思,这类标记的语法是:
< 标签名称> 最常用的单标签是<BR>, 它表示换行。 2.双标签
另一类标记称为“双标签”,它由“始标签”和“尾标签”两部分构成,必须成对使用, 其中始标签告诉Web浏览器从此处开始执行该标记所表示的功能,而尾标签告诉Web浏览器在这 里结束该功能。始标签前加一个斜杠(/)即成为尾标记。这类标记的语法是: <标签> 内 容</ 标签> 其中“内容” 部分就是要被这对标记施加作用的部分。例如你想突出对某段文字的显示,就将此段文字放在一<EM> </EM>标记中: <EM>第一:</EM> 3.标签属性
许多单标记和双标记的始标记内可以包含一些属性, 其语法是: < 标签名字 属性1 属性2 属性3 … > 各属性之间无先后次序,属性也可省略(即取默认值),例如单标记<HR>表示在文档当前位置画一条
水平线(horizontal line),一般是从窗口中当前行的最左端一直画到最右端。 带一些属性: <HR SIZE=3 ALIGN=LEFT WIDTH="75%"> 其中SIZE属性定义线的粗细,属性值取整数,缺为1;ALIGN属性表示对齐方式,可取LEFT(左对齐, 缺省值),CENTER(居中),RIGHT(右对齐);WIDTH 属性定义线的长度,可取相对值,(由一对 " " 号括起来的百分数,表示相对于充满整个窗口的百分比),也可取绝对值(用整数表示的屏幕像素点的 个数,如WIDTH=300),缺省值是"100%"。
HTML教程
标题
一般文章都有标题、副标题、章和节等结构,HTML中也提供了相应的标题标签<Hn>,其中n为标题的等HTML总共提供六个等级的标题,n越小,标题字号就越大,以下列出所有等级的标题:
〈H1>…</H1> 第一级标题 〈H2>…</H2> 第二级标题 〈H3>…</H3> 第三级标题 〈H4>…</H4> 第四级标题 〈H5>…</H5> 第五级标题 〈H6>…</H6> 第六级标题
请看下面的例子: <html>
<head>
<title>标题示例</title>
</head> <body> 这是一行普通文字<P>
〈H1>一级标题</H1>
〈H2>二级标题</H2>
〈H3>三级标题</H3>
〈H4>四级标题</H4>
〈H5>五级标题</H5>
〈H6>六级标题</H6>
</body> </html> 标题示例
这是一行普通文字
一级标题
二级标题
三级标题
四级标题
五级标题
六级标题
从结果可以看出,每一个标题的字体为黑体字,内容文字前后都插入空行。
|