HTML入门教程(一)

最新推荐文章于 2025-05-21 14:08:49 发布

被抛弃的人1

最新推荐文章于 2025-05-21 14:08:49 发布

阅读量571

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML教程文章标签： html 教程

本文链接：https://blog.youkuaiyun.com/weichongwei/article/details/22276063

HTML教程专栏收录该内容

9 篇文章

订阅专栏

本文介绍了HTML的基本标签，包括<html>、<head>、<body>和<title>的使用方法及注意事项。通过实例展示了如何设置文档标题、背景颜色、文本颜色等内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、基本标志

   1.<html></html>

   2.<head></head>

   3.<body></body>

   4.<title></title>

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

1.<html></html>


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

2.<head></head>


<head>和</head>构成Html文档的开头部分，在此标志对之间可以使用<title></title>、<script></script>等等标志对，这些标志对都是描述Html文档相关信息的标志对，<head></head>标志对之间的内容是不会在浏览器的框内显示出来的。两个标志必须一块使用。

3.<body></body>

    <body></body>是Html文档的主体部分，在此标志对之间可包含<p>、</p>、<h1>、</h1>、<br>、<hr>等等众多的标志，它们所定义的文本、图像等将会在浏览器的框内显示出来。两个标志必须一块使用。<body>标志中还可以有以下属性：

属性	用途	示例
<body bgcolor="#rrggbb">	设置背景颜色。	<body bgcolor="red">红色背景
<body text="#rrggbb">	设置文本颜色。	<body text="#0000ff">蓝色文本
<body link="#rrggbb">	设置链接颜色。	<body link="blue">链接为蓝色
<body vlink="#rrggbb">	设置已使用的链接的颜色。	<body vlink="#ff0000">
<body alink="#rrggbb">	设置正在被击中的链接的颜色。	<body alink="yellow">
说明:以上各个属性可以结合使用，如<body bgcolor="red" text="#0000ff">。引号内的rrggbb是用六个十六进制数表示的RGB(即红、绿、蓝三色的组合)颜色，如#ff0000对应的是红色。此外，还可以使用Html语言所给定的常量名来表示颜色：Black、White、Green、Maroon、Olive、Navy、Purple、Gray、Yellow、Lime、Agua、Fuchsia、Silver、Red、Blue和Teal，如<body text="Blue">表示<body></body>标志对中的文本使用蓝色显示在浏览器的框内。

4.<title></title>

使用过浏览器的人可能都会注意到浏览器窗口最上边蓝色部分显示的文本信息，那些信息一般是网页的“主题”，要将您的网页的主题显示到浏览器的顶部其实很简单，只要在<title></title>标志对之间加入您要显示的文本即可。注意：<title></title>标志对只能放在<head></head>标志对之间。

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

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

<html>

<head>

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

</head>

<body bgcolor="red" text="blue">

<p>红色背景、蓝色文本</p>

</body>

</html>