Dotcpp  >  编程教程  >  HTML语法  >  HTML的元素与标签

HTML的元素与标签

点击打开在线编译器,边学边练

如果你要制作网站的话,学习HTML是不可避免的。即使你用Dreamweaver等工具来制作网站,了解基本的HTML知识也会令你在网站制作过程中倍感轻松,并有利于制作出更好的网站。

本篇我们将要学习HTML的重要成分——元素(element)。元素用于结构化HTML文档,并告知浏览器如何呈现网页。一般来说,元素由首标签(start tag)、内容(content)和尾标签(end tag)构成。


1. “标签”是什么?

标签(tag)指示元素的起始与结束。

所有标签都具有相同的格式:以小于号“<”开头,以大于号“>”结尾。 

一般说来,有两种标签——首标签(start tag)(如<html>)和尾标签(end tag)(如</html>)。它们唯一的区别在于,尾标签多一条斜杠“/。你通过把内容放在首标签和尾标签之间来对内容进行标记。

HTML主要就是各种各样的元素,所以,学习HTML,就是学习使用各种元素。

举个例子:比如,b元素的作用是,告诉浏览器介于标签<b>和</b>之间的文本应以粗体显示。(这里的“b”是“粗体(bold)”的意思。)

例1:

<b>这句话显示为粗体。</b>

该例在浏览器中将显示如下:

粗体

h1、h2、h3、h4、h5及h6元素的作用是显示标题(这里的h是“标题(heading)”的意思)。其中h1是一级标题,字体最大;h2是二级标题,字体比一级标题略小;而h6是六级标题,它是最后一级标题,字体也最小。

例2:

<h1>这是标题</h1>

<h2>这是子标题</h2>


该例在浏览器中将显示如下:

标题

常言道,凡事均有例外。在HTML中,也有例外的情况,即有些元素没有尾标签。这些没有尾标签的元素被称作空元素(empty element),它们与具体文本内容无关,比如像下面这个换行标签:<br />。


2. 标签中的字母应该大写还是小写?

大多数浏览器不介意标签是大写还是小写,或者混合大小写。所以<HTML>、<html>或<HtMl>在浏览器上的显示效果都一样。但是,正确的写法是采用小写字母来书写标签。所以,要养成用小写字母书写标签的习惯。


3. 把标签放在哪里?

你应该在HTML文档里书写标签。一个网站可能包含多个HTML文档。上网的过程,其实就是打开不同HTML文档的过程。


本文固定URL:https://www.dotcpp.com/course/1099

上一课:

HTML语法规范

下一课:

HTML常用标签

C语言网提供由在职研发工程师或ACM蓝桥杯竞赛优秀选手录制的视频教程,并配有习题和答疑,点击了解:

一点编程也不会写的:零基础C语言学练课程

解决困扰你多年的C语言疑难杂症特性的C语言进阶课程

从零到写出一个爬虫的Python编程课程

只会语法写不出代码?手把手带你写100个编程真题的编程百练课程

信息学奥赛或C++选手的 必学C++课程

蓝桥杯ACM、信息学奥赛的必学课程:算法竞赛课入门课程

手把手讲解近五年真题的蓝桥杯辅导课程

Dotcpp在线编译      (登录可减少运行等待时间)