HTML基础

首页 > HTML实例讲解 > HTML基础

简单的HTML文档格式

下面是简单的HTML文档格式。“标题”部分写网页的标题,“正文”部分写想在网页中显示的内容。关于 <html><head><title><body> 请阅览各标签说明。

<html>
<head>
<title>标题</title>
</head>
<body>
正文
</body>
</html>

稍微复杂的HTML文档格式

下面是各类Web设计者、电脑技术人员用的HTML文档格式。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=gb2312">
<title>标题</title>
</head>
<body>
正文
</body>
</html>

先用 DOCTYPE 指定文档所使用 HTML 的版本。指定前请确切地了解各版本间的差异。

然后用 <meta> 标签指定文字编码。

更加复杂的HTML文档格式

下面是更加复杂的HTML文档格式。详细内容请参考 <meta> 标签和 <link> 标签各自的说明内容。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
<html lang="zh">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta name="generator" content="编辑器名">
<meta name="keywords" content="关键词1,关键词2">
<meta name="description" content="网页内容的说明">
<link rel="stylesheet" href="style.css">
<link rel="contents" href="index.html" title="目录">
<link rel="prev" href="page23.html" title="上一页标题">
<link rel="next" href="page25.html" title="下一页标题">
<link rev="made" href="mailto:foo@xxx.yyy.zzz">
<title>标题</title>
</head>
<body>
<p>正文</p>
</body>
</html>

HTML4.01 Strict 中规定 <body>~</body> 之间不能直接插入文字或图像,所以使用 <p>~</p> 标签。

HTML文档中的特殊符号(<、>、&)

在 HTML 代码中,AND符号(&)、小于号(<)、大于号(>)要分别写成 &amp;、&lt;、&gt; 的形式。另外,在标签的属性部分中,"..." 里面想写双引号的话,需要写成 &quot; ,'...' 里面想写单引号的话,需要写成 &#39; 。

&lt;b&gt; 可以设定粗体字。
<img src="xx.gif" alt="&quot;&#39 的说明">

下面是浏览器显示效果。

用は <b> 可以设定粗体字。
" 和 ' 的说明 ← 把鼠标移上去试试看。(IE有效)

HTML文档中的注释

写代码的时候顺便写注释是个好习惯。以后想回来修改的话,只要一看注释就知道这段代码是用来做什么的,而不用再去理解代码。写注释使用 <!-- -->

<!-- 横幅广告 -->
<img src="banner/marumaru.gif" width=88 height=31 alt="○○">
  :