浅谈HTML——Ⅰ.超文本和HTML标签的简介

289 阅读2分钟

一、HTML与超文本

HTML

HTML,全称为:Hyper Text Markup Language,中文译名:超文本标记语言。顾名思义,它是一种标记语言,它通过一系列的标签,来将网络文档以统一的格式展现。

1.超文本

可是,超文本是什么呢?我们不妨从字面来理解:超即“超级”,那么超文本就应当是超级文本的意思,则超文本必然是不同于且高级于一般文本的。

2.超文本的特点

1.超文本中可以存在超链接,让阅读者可以在本网页和其他网页之间便捷地浏览;

2.超文本可以记录图片、视频、动画、声音等高级于文字的媒介;

3.超文本便于扩充内容,也可以便捷地编辑、增删节点。

3.超文本与HTML

上面介绍了超文本的基本信息,而对于HTML这种超文本的“标记语言”,还没有揭其面纱探其貌。既然说HTML用一系列标签标记了标记了超文本,那么只要了解了这些标签是什么,又是如何标记的,不也就明白HTML究竟为何物了吗?

二、HTML标签

tips:看到文章开头的图片了吗?其中的“</>”,是接下来的重点

1.标签的结构

尖括号"<>"是HTML标签中最常见的符号之一,因为HTML标签是由尖括号“包装”起来的,比如a标签:<a>。但是大多数标签都需要一个闭合的结构才能够正常工作,比如:<head> </head><main> </main>,也就是说,一般的标签都需要有一个开始符号和一个结束符号来“括起”一个范围(也就是开始、结束符号中间的部分)。

写结束符号要用到"/",将它放在开始符号的尖括号"<>"内容中的起始位置,就是一个完整的结束符号。

在这个范围中,我们可以插入其他标签或者文字,比如:<div> <p> Hello World! </p> </div>(这种完全横向的书写格式不要效仿,在这里仅仅为方便展示而使用),在这个例子中,div标签中插入了一个p标签,而p标签中又插入了文字"Hello World!"。

2.标签的分类

按照上面的介绍,我们可以将标签分为两类:

将必须拥有完整的开始、闭合符号的标签称之为————非自闭合标签(大多数标签属于此类);

将无需写结束符号的标签成为————自闭和标签。

(在讲解完所有的HTML标签之后,将会对以上分类做出总结)

下一篇将详细讲解HTML的各类标签及用法