HTML语言的格式

知道的速度进啊

2025-01-22 23:39:11

推荐回答（1个）

回答1：

一、基本标志

1.

2.

3.

4.

Html是英文 HyperText Markup Language 的缩写，中文意思是“超文本标志语言”，用它编写的文件(文档)的扩展名是.html或.htm，它们是可供浏览器解释浏览的文件格式。
您可以使用记事本、写字板或 FrontPage Editor等编辑工具来编写Html文件。Html语言使用标志对的方法编写文件，既简单又方便，它通常使用<标志名>来表示标志的
开始和结束(例如标志对)，因此在Html文档中这样的标志对都必须是成对使用的。在此教程中，我先讲一下Html的基本标志：

1.

标志用于Html文档的最前边，用来标识Html文档的开始。而标志恰恰相反，它放在Html文档的最后边，用来标识Html文档的结束，两个标志必须一块使用。

2.

和构成Html文档的开头部分，在此标志对之间可以使用、等等标志对，这些标志对都是描述Html文档相关信息的标志对，

标志对之间的内容是不会在浏览器的框内显示出来的。两个标志必须一块使用。

3.

是Html文档的主体部分，在此标志对之间可包含

、

、
、

等等众多的标志，它们所定义的文本、图像等将会在浏览器的框

内显示出来。两个标志必须一块使用。标志中还可以有以下属性：

属性

用途

示例

设置背景颜色。
红色背景

设置文本颜色。
蓝色文本

设置链接颜色。
链接为蓝色

设置已使用的链接的颜色。

设置正在被击中的链接的颜色。

说明:以上各个属性可以结合使用，如。引号内的rrggbb是用六个十六进制数表示的RGB(即红、绿、蓝三色的组合)颜色，如#ff0000对
应的是红色。此外，还可以使用Html语言所给定的常量名来表示颜色：Black、White、Green、Maroon、Olive、Navy、Purple、Gray、Yellow、Lime、Agua、Fuchsia、Silver、
Red、Blue和Teal，如表示标志对中的文本使用蓝色显示在浏览器的框内。

4.

使用过浏览器的人可能都会注意到浏览器窗口最上边蓝色部分显示的文本信息，那些信息一般是网页的“主题”，要将您的网页的主题显示到浏览器的顶部其实很简单，

只要在标志对之间加入您要显示的文本即可。注意：标志对只能放在标志对之间。

下面是一个综合的例子，仔细阅读，您便可以了解以上各个标志对在一个Html文档中的布局或所使用的位置。

例1 Html文档中基本标志的使用

显示在浏览器最上边蓝色条中的文本

红色背景、蓝色文本

二、格式标志

1.

2.

3.

上一个教程中我们讲了Html文档的基本标志，但我们还不知道怎样在浏览器中显示文本之类的东西，这正是我们在教程二中将要谈到的。在学习之前，

必须强调一下，我们这个教程中所讲的格式标志统统都是用于标志对之间的。

1.

标志对是用来创建一个段落，在此标志对之间加入的文本将按照段落的格式显示在浏览器上。另外，

标志还可以使用align属性，它用

来说明对齐方式，语法是：

。Align可以是Left(左对齐)、Center(居中)和Right(右对齐)三个值中的任何一个。如

表

示标志对中的文本使用居中的对齐方式。

2.

是一个很简单的标志，它没有结束标志，因为它用来创建一个回车换行，这么一说我想您该会使用了吧。在
的使用上还有一定的技巧，如果您

把
加在

标志对的外边，将创建一个大的回车换行，即
前边和后边的文本的行与行之间的距离比较大，若放在

的里边则
前边和后

边的文本的行与行之间的距离将比较小，您不妨试试看。

3.

在

标志对之间加入的文本将会在浏览器中按两边缩进的方式显示出来。

4.

用来创建一个普通的列表，

用来创建列表中的上层项目，

用来创建列表中最下层项目，

和

都必须放在

标志对之间。看一下下边的例子您就会明白了：

例2 创建一个普通列表

一个普通列表

中国城市: 北京; 上海; 广州
美国城市: 华盛顿; 芝加哥; 纽约

此例在浏览器中的显示如下:

中国城市

北京

上海

广州

美国城市

华盛顿

芝加哥

纽约

5.

标志对用来创建一个标有数字的列表；

标志对用来创建一个标有圆点的列表；

标志对只能在

或

标志对之间使

用，此标志对用来创建一个列表项，若

放在

之间则每个列表项加上一个数字，若在

之间则每个列表项加上一个圆点。请看下边的例子：

例3 标有数字或圆点的列表

中国城市

北京

上海

广州

美国城市

华盛顿

芝加哥

纽约

此例在浏览器中的显示如下:

中国城市

北京

上海

广州

美国城市

华盛顿

芝加哥

纽约

6.

标志对用来排版大块Html段落，也用于格式化表，此标志对的用法与

标志对非常相似，同样有align对齐方式属性，读者可以自己试试看。

三、文本标志

1.

……

3.

4.

5.

上一个教程中我们已经讲了如何在浏览器中输出文本，以及文本输出的格式，这个教程中我们将谈一谈文本输出的字体，如斜体、黑体字、下加一划线

等等。在本教程的最后给出了一个文本标志的综合示例，希望读者能认真阅读。

1.

标志对用来对文本进行预处理操作。

2.

……

Html语言提供了一系列对文本中的标题进行操作的标志对：

……

，即一共有六对标题的标志对。

是最大的标题，而

则是最小的标题，也即是标志中
h
后面的数字越大标题文本就越小。如果您的Html文档中需要输出标题文本的话，便可以使用这六对标题标志对中的任何一对。

3.

经常使用 WORD 的人对这三对标志对一定很快就能掌握。用来使文本以黑体字的形式输出；用来使文本以斜体字的形式输出；用来使文本以下加一划线的形式输出。后边将会有一个综合的例子，所以此处就不再作详细讲解了。

4.

这些标志对的用法和上边的一样，差别只是在于输出的文本字体不太一样而已。用来输出打字机风格字体的文本；用来输出引用方式的字体，通常是斜体；用来输出需要强调的文本(通常是斜体加黑体)；则用来输出加重文本(通常也是斜体加黑体)。这些标志对的示例也将在后边综合的例子中出现。

5.

是一对很有用的标志对，它可以对输出文本的字体大小、颜色进行随意地改变，这些改变主要是通过对它的两个属性
size 和 color 的控制来实现的。size属性用来改变字体的大小，它可以取值：-1、1和+1；而color属性则用来改变文本的颜色，颜色的取值是我们在教程一中讲过的十六进制RGB颜色码或Html语言给定的颜色常量名。具体用法请看下边综合的例子。

例4 文本标志的综合示例

文本标志的综合示例

最大的标题

使用h3的标题

最大的标题

黑体字文本

斜体字文本

下加一划线文本

打字机风格的文本

引用方式的文本

强调的文本

加重的文本

color="red">size取值“+1”、color取值“red”时的文本

本例在浏览器中显示的结果如下：

最大的标题

使用h3的标题

最大的标题

黑体字文本

斜体字文本

下加一划线文本

打字机风格的文本

引用方式的文本

强调的文本

加重的文本

size取值“+1”、color取值“red”时的文本

四、图像标志

1.

2.

再简单朴素的网页如果只有文字而没有图像的话将失去许多活力，图像在网页制作中是非常重要的一个方面，Html语言也专门提供了标志来处理图像的输出。

1.

标志并不是真正地把图像给加入到Html文档中，而是将标志对的src属性赋值，这个值是图形文件的文件名，当然包括路径，这个路径可以是相对路径，也可
以是网址。实际上就是通过路径将图形文件嵌入到您的文档中。您可能并不知道什么是相对路径，我现在就来讲一讲相对路径。所谓相对路径是指您所要链接或嵌入到
当前Html文档的文件与当前文件的相对位置所形成的路径。假如您的Html文件与图形文件(文件名假设是logo.gif)在同一个目录下，则可以将代码写成src="logo.gif">；假如您的图形文件放在当前的Html文档所在目录的一个子目录(子目录名假设是images)下，则代码应为src="images/logo.gif">；假如您的图形文件放在当前的Html文档所在目录的上层目录(目录名假设是home)下，则相对路径就必须是准网址了，即用“../”表示您的网
站，然后在后边紧跟文件在您的网站中的路径，假设home是您的网站下的一个目录，则代码应为src="../home/logo.gif">，若home是您的网站下的目录king下边的一个子目录，则代码应该变为

了。现在您对相对路径应该有所了解了吧！

必须强调一下，src属性在标志中是必须赋值的，是标志中不可缺少的一部分。除此之外，标志还有alt、align、border、width和height属性。align是
图像的对齐方式，在前边的教程中已经讲了很多了，这里就不再提了。border属性是图像的边框，可以取大于或者等于0的整数，默认单位是像素。width和Height属性是
图像的宽和高，默认单位也是象素。alt属性是当鼠标移动到图像上时显示的文本。

2.

标志是在Html文档中加入一条水平线，它可以直接使用，具有size、color、width和noshade属性。size是设置水平线的厚度，而width是设定水平线的宽度，默
认单位是像素。想必大家对color属性已经很熟悉了，在此就不再用多讲。noshade属性不用赋值，而是直接加入标志即可使用，它是用来加入一条没有阴影的水平线(不加
入此属性水平线将有阴影)。

下面是本教程的一个综合例子。

例5 图像标志举例

图像标志的综合示例

target="_blank">alt="网页制作" WIDTH="468" HEIGHT="60"
border="0">

本例在浏览其中的显示结果如下：

七、帧标志

1.

2.

3.

帧是由英文Frame翻译过来的，它可以用来向浏览器窗口中装载多个Html文件。即每个Html文件占据一个帧，而多个帧可以同时显示在同一个浏览器窗口中，它

们组成了一个最大的帧，也即是一个包含多个Html文档的Html文件(我称它为主文档)。帧通常的使用方法是在一个帧中放置目录(即可供选择的链接)，然后将Html

文件显示在另一个帧中。

1.

标志对放在帧的主文档的标志对的外边，也可以嵌在其他帧文档中，并且可以嵌套使用。此标志对用来定义主文档中有

几个帧并且各个帧是如何排列的。它具有rows和cols属性，使用标志时这两个属性至少必须选择一个，否则浏览器只显示第一个定义的帧，剩下的一概

不管，标志对也就没有起到任何作用了。rows用来规定主文档中各个帧的行定位，而cols用来规定主文档中各个帧的列定位。这两个属性的

取值可以是百分数、绝对像素值或星号(“*”)，其中星号代表那些未被说明的空间，如果同一个属性中出现多个星号则将剩下的未被说明的空间平均分配。同时，

所有的帧按照rows和cols的值从左到右，然后从上到下排列。示例如下：

总共有三个按列排列的帧,每个帧占整个浏览器窗口的1/3

总共有三个按行排列的帧,第一个帧占整个浏览器窗口的40%,剩下的空间平均分配给另外两个帧

总共有六个帧,先是在第一行中从左到右排列三个帧,然后在第二行中从左到右再排列三个帧,即两行三列,所占空间依据rows和cols属性的值,其中200的单位是像素

2.

标志放在之间，用来定义某一个具体的帧。标志具有src和name属性，这两个属性都是必须赋值的。src是此帧的源Html

文件名(包括网络路径,即相对路径或网址)，浏览器将会在此帧中显示src指定的Html文件；name是此帧的名字，这个名字是用来供超文本链接标志href=""
target="">中的target属性用来指定链接的Html文件将显示在哪一个帧中。例如定义了一个帧，名字是main，在帧中显示的Html文件名是jc.htm，则代码是src="jc.htm" name="main">，当您有一个链接，在点击了这个链接后，文件new.htm将要显示在名为main的帧中，则代码为 href="new.htm"
target="main">需要链接的文本。这样一来，就可以在一个帧中建立网站的目录，加入一系列链接，当点击链接以后在另一个帧中显示被链接的Html文件。

此外，标志还有scrolling和noresize属性，scrolling用来指定是否显示滚动轴，取值可以是“yes”(显示)、“no”(不显示)或“auto”(若需要则会自动

显示,不需要则自动不显示)。noresize属性直接加入标志中即可使用，不需赋值，它用来禁止用户调整一个帧的大小。

3.

标志对也是放在标志对之间，用来在那些不支持帧的浏览器中显示文本或图像信息。在此标志对之间先紧跟

标志对，然后才可以使用我们在教程七以前讲过的任何标志。

下边是一个综合示例：

例8 帧标志的综合示例

主文档：

帧标志的综合示例

 <body> 对不起，您的浏览器不支持“帧”！ </body> 

menu.htm

目录

链接到第一页

链接到第二页

page1.htm

第一页

这是第一页！

page2.htm

第二页

这是第二页！

若想看此例在浏览器中显示的结果请自己动手试试吧。

八、表单标志

1.

2.

3.

最新问答

拉手网商家是几天结帐

为什么说中国队是2019年女排世界杯上最大的赢家？

请问这手链里的绿色珠子是什么材质？是真的吗？总觉得这个颜色很假……

出轨女人离婚再复婚能幸福吗

腿上偶尔会出现一块块紫色的斑是怎么回事？

城市规划甲、乙、丙级资质分别承接的业务范围有哪些？

hard 和 tough 、difficult 的区别（详细一点）

台湾小学中学高中都学什么科目

沈阳公交车224路线？停车站

环氧地坪漆一般可以用多久？