HTML初级教程

在本教程API中，你将第一次认识HTML并逐步学习如何使用 HTML 来构造一个网页页面。HTML在编程中是很容易学习的，对于初学者比较容易入门。

jesen

2020-03-20 09:20:25

文档目录

我的书签

请登录

HTML语法详解

HTML是超文本标记语言，那么对于语言来说，大家应该都很熟悉了，因为世界上存在很多种语言。

我们日常所说的语言是汉语，它属于自然语言，是人类进行沟通使用的语言；世界上存在的万物好多都是相通的，既然称HTML为一门语言，那么它必定有和我们说的汉语（自然语言）有一些相同的地方。

对于自然语言来说，我们想要掌握它，就要学习其组成符号（笔划、字母）、字词、发音、语法规则（将字词按照语法规则写成一句完整的话）、文法规则（将按照语法规则写成的句子，组合起来形成一遍完整的文章）等，对于HTML来说，没有那么多的东西需要学习，因为它的组成字符和发音是基于英语单词和自然语言文字的，我们只要认识26个英文字母和掌握汉语即可，因为我们只要学习它的字词、文法规则和语法规则即可，总结如下：

1. 基础符号（基础符号分为三大类；我们汉语的基础符号：笔划和拼音，都有几十种）：

左右尖括号和正斜杠：<、>、/
特殊名词（术语名为：标签名，也就是我们前文提到过的”特殊的文本指令“，教程后面会详细讲解每个标签）：p、html、img...
所有文字（汉字、英文等）及符号（除了左右尖括号和正斜杠以外）：感叹号、逗号等

2. 基础字词（（在自然语言中称作单词，是组成HTML文件的基础，在HTML种有专门的词来描述："HTML元素或者HTML标签"），由四部分组成）：

开始标记：也叫做起始标签（opening tag），HTML字词（HTML标签）以开始标记起始，比如：<html>，，<div>
结束标记：也叫做闭合标签（closing tag），HTML字词（HTML标签）以结束标记终止，比如；</html>，，</div>
标记内容：HTML字词（HTML标签）的内容是开始标记与结束标记之间的内容
标记属性：大多数 HTML字词（HTML标签）可拥有属性：属性名="属性值"，比如：width="100px"，表示设置标签的显示宽度为100像素（注释：这里的属性和属性值属于HTML中的特有的名词称谓，详见名词解析）

HTML基础字词（HTML标签）的书写格式：

<html>我是标记中内容，我可以是任何字符</html>
<html 属性1="属性值1" 属性2="属性值2" 属性n="属性值n" >我是标记中内容，我可以是任何字符</html>
<img />
<img 属性1="属性值1" 属性2="属性值2" 属性n="属性值n" />

3. 语法规则（语法规则指定了标签使用的规范，汉语和英语的语法规则没有这么简单吧？）

HTML 标签嵌套：大多数 HTML 标签可以嵌套（HTML 标签可以包含其他 HTML 标签），HTML 文档由相互嵌套的 HTML 标签构成
HTML 空标签：某些 HTML 标签具有空内容（empty content）：没有内容的 HTML 标签被称为空标签，空标签是在开始标签中关闭的，比如： 就是没有关闭标签的空元素（ 标签定义换行）
使用小写标签：HTML 标签对大小写不敏感： 等同于 ，因为万维网联盟（W3C）在 HTML 4 中推荐使用小写，而在未来 (X)HTML 版本中强制使用小写
标记成对编写：对于双标记应该成对书写，不要先写开始标记，再写内容，然后在线结束标记，应该先写开始标记和结束标记，然后再写内容

4. 文法规则（就是如何使用HTML语法来构建HTML文件，然后在浏览器中正确运行我们写好的HTML文件）如图所示：

HTML 文档结构实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>W3CAPI 在线文档教程</title>
</head>
<body>

<h1>我是标题h1</h1>
<p>我是段落p。</p>
 
</body>
</html>

执行一下

HTML 文档结构实例解析

<html> 标签：

<html> 元素定义了整个 HTML 文档。
这个元素拥有一个开始标签 <html> ，以及一个结束标签 </html>。
元素内容是另一个 HTML 元素（body 元素）。

<head> 标签

<head> 元素定义了整个文档的头部，也可以叫做HTML头部。
这个元素拥有一个开始标签 <head> ，以及一个结束标签 </head>。
元素内容是两个标签：文档编码声明标签和文档标题标签。

<body> 标签：

<body> 元素定义了 HTML 文档的主体。
这个元素拥有一个开始标签 <body> 以及一个结束标签 </body>。
元素内容是另一个 HTML 元素（p 元素）。

 标签：

实例中的这个 元素定义了 HTML 文档中的一个段落。
这个元素拥有一个开始标签 以及一个结束标签 。
元素内容是: 我是段落p。

HTML 文档结构总结

HTML文档结构是由多个HTML标记（HTML标签）组合嵌套、整体结构为头部+体部而形成的一个后缀为.html或者.htm的文件，这个文件说到底其实还是文本文件，因为里面的内容其实就是纯文本。

作者文档