打印

HTML基本语言介绍(转)

笨笨象

高级会员

Rank: 3 Rank: 3

UID: 2
精华: 0
积分: 1965
威望: 0
贡献: 0
性别: 男

发短消息
加为好友
当前离线

1^# 大中小发表于 2007-8-2 19:11 只看该作者

HTML基本语言介绍(转)

HTML英语意思是：Hypertext Marked Language，即超文本标记语言,是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台（如UNIX，WINDOWS等）。自1990年以来HTML就一直被用作World Wide Web 的信息表示语言，用于描述Homepage的格式设计和它与WWW上其它Homepage 的连结信息。使用HTML语言描述的文件，需要通过WWW浏览器显示出效果。　　所谓超文本，因为它可以加入图片、声音、动画、影视等内容，因为它可以从一个文件跳转到另一个文件，与世界各地主机的文件连接。 ☆通过HTML可以表现出丰富多彩的设计风格　　　　　图片调用：

　　　　　文字格式：文字 ☆通过HTML可以实现页面之间的跳转　　　　　页面跳转：〈A HREF="文件路径/文件名"> ☆通过HTML可以展现多媒体的效果　　　　　声频：

　　　　　视频：

上面我们在示例超文本特征的同时，采用了了一些我们在制作超文本文件时需要用到的一些标签。所谓标签，就是它采用了一系列的指令符号来控制输出的效果，这些指令符号用“<标签名字　属性>”来表示。

http://www.hzhe.com/images/default/logo.gif

您的支持是论坛的源动力

TOP

笨笨象

高级会员

Rank: 3 Rank: 3

UID: 2
精华: 0
积分: 1965
威望: 0
贡献: 0
性别: 男

发短消息
加为好友
当前离线

2^# 大中小发表于 2007-8-2 19:13 只看该作者

HTML的基本结构　超文本文档分文档头和文档体两部分，在文档头里，对这个文档进行了一些必要的定义，文档体中才是要显示的各种文档信息。　　　　　　　　　头部信息　　　　　　　　　　　文档主体，正文部分　　　　　其中在最外层，表示这对标记间的内容是HTML文档。我们还会看到一些Hompage省略标记，因为.html 或.htm 文件被Web浏览器默认为是HTML文档。之间包括文档的头部信息，如文档总标题等，若不需头部信息则可省略此标记。标记一般不省略，表示正文内容的开始。下面是一个最基本的超文本文档的源代码：显示结果如下一个简单的HTML示例

欢迎光临上班族论坛

　　这是我第一次介绍HTML语言，希望对您有帮助代码如下：：

复制内容到剪贴板

代码:

下面是一个最基本的超文本文档的源代码：



 
 
 <HTML>
<HEAD>
<TITLE>一个简单的HTML示例</TITLE>
</HEAD>

<BODY>
<CENTER>
<H3>欢迎光临上班族论坛</H3>
<BR>
<HR>
<FONT SIZE=2>
　　这是我第一次介绍HTML语言，希望对您有帮助
</FONT>
</CENTER>
</BODY>

</HTML>

http://www.hzhe.com/images/default/logo.gif

您的支持是论坛的源动力

TOP

笨笨象

高级会员

Rank: 3 Rank: 3

UID: 2
精华: 0
积分: 1965
威望: 0
贡献: 0
性别: 男

发短消息
加为好友
当前离线

3^# 大中小发表于 2007-8-2 19:18 只看该作者

超文本中的标签　　刚刚接触超文本，遇到的最大的障碍就是一些用“<”和“>”括起来的句子，我们称它为标签，是用来分割和标记文本的元素，以形成文本的布局、文字的格式及五彩缤纷的画面。 1. 单标签　　某些标记称为“单标签”，因为它只需单独使用就能完整地表达意思，这类标记的语法是：　　　　　　　　　　< 标签名称> 　　最常用的单标签是
, 它表示换行。 2.双标签　　另一类标记称为“双标签”，它由“始标签”和“尾标签”两部分构成，必须成对使用，其中始标签告诉Web浏览器从此处开始执行该标记所表示的功能，而尾标签告诉Web浏览器在这里结束该功能。始标签前加一个斜杠（/）即成为尾标记。这类标记的语法是：　　　　　　　　　　　　　<标签> 内容　　其中“内容” 部分就是要被这对标记施加作用的部分。例如你想突出对某段文字的显示，就将此段文字放在一标记中：　　　　　　　　　　　　　　第一： 3.标签属性　　许多单标记和双标记的始标记内可以包含一些属性，其语法是：　　　　　　　　< 标签名字属性1 属性2 属性3 … > 　　各属性之间无先后次序，属性也可省略（即取默认值），例如单标记

表示在文档当前位置画一条水平线（horizontal line），一般是从窗口中当前行的最左端一直画到最右端。带一些属性：

　　其中SIZE属性定义线的粗细，属性值取整数，缺为1；ALIGN属性表示对齐方式，可取LEFT（左对齐，缺省值），CENTER（居中），RIGHT（右对齐）；WIDTH 属性定义线的长度，可取相对值，（由一对 " " 号括起来的百分数，表示相对于充满整个窗口的百分比），也可取绝对值（用整数表示的屏幕像素点的个数，如WIDTH=300），缺省值是"100%"。

http://www.hzhe.com/images/default/logo.gif

您的支持是论坛的源动力

TOP

笨笨象

高级会员

Rank: 3 Rank: 3

UID: 2
精华: 0
积分: 1965
威望: 0
贡献: 0
性别: 男

发短消息
加为好友
当前离线

4^# 大中小发表于 2007-8-2 19:20 只看该作者

换行
　　在编写HTML文件时，我们不必考虑太细的设置，也不必理会段落过长的部分会被浏览器切掉。因为，在HTML语言规范里，每当浏览器窗口被缩小时，浏览器会自动将右边的文字转折至下一行。所以，编写者对于自己需要断行的地方，应加上
标签。

http://www.hzhe.com/images/default/logo.gif

您的支持是论坛的源动力

TOP

　定义标题　　定义表行　

笨笨象

高级会员

Rank: 3 Rank: 3

UID: 2
精华: 0
积分: 1965
威望: 0
贡献: 0
性别: 男

发短消息
加为好友
当前离线

5^# 大中小发表于 2007-8-2 19:23 只看该作者

表格的基本结构　...

　定义表格　

　定义表头　

　定义表元(表格的具体数据) -------------------------------------------------------------------------------- 以下是一个简单的例子：

复制内容到剪贴板

代码:

<table border=1>

<tr><th>姓名</th><th>性别</th><th>年龄</th>

<tr><td>汉人</td><td>男</td><td>00</td>      

</table>

姓名	性别	年龄
汉人	男	00

http://www.hzhe.com/images/default/logo.gif

您的支持是论坛的源动力

TOP

　　设置标题位于表格下方：　　　　　

复制内容到剪贴板

代码:

<table border>
　<caption align=top>旅游日程</caption> 
　<tr>
　　　<th>日期</th><td>9-11</td><td>11-13</td><td>13-14</td> 
　<tr>
　　　<th>旅游地点</th><td>青岛</td><td>黄山</td><td>杭州</td> 
</table>

显示结果：

...
笨笨象高级会员 UID 2 精华 0 积分 1965 威望 0 贡献 0 性别男发短消息加为好友当前离线	6^# 大中小发表于 2007-8-2 19:25 只看该作者表格的标题　　表格标题的位置，可由ALIGN属性来设置，其位置分别由表格上方和表格下方。下面为表格标题位置的设置格式。　　设置标题位于表格上方：

旅游日程
日期	9-11	11-13	13-14
旅游地点	青岛	黄山	杭州