Internet Technologies 简明教程
HTML
Introduction
HTML 代表 Hyper Text Markup Language. 。它是一种格式化语言,用于定义网页的外观和内容。它允许我们在网页上组织文本、图形、音频和视频。
Key Points:
-
超文本一词是指充当链接的文本。
-
标记一词是指用于定义文本结构的符号。标记符号告诉浏览器如何显示文本,通常称为标记。
-
语言一词是指类似于任何其他语言的语法。
HTML Tags
Tag 是命令,它告诉网络浏览器如何在网页上显示文本、音频、图形或视频。
Key Points:
-
标记用一对尖括号来指示。
-
它们以小于号 (<) 字符开头,以大于号 (>) 字符结尾。
-
标签名称指定在尖括号之间。
-
大多数标记通常成对出现:起始标记和结束标记。
-
起始标记只是用尖括号括起来的标签名称,而结束标记指定包括一个正斜杠 (/)。
-
部分标签为空,即没有结束标签。
-
标签不区分大小写。
-
开始和结束标签必须相同。例如,<b> hello </b> 是无效的,因为两者不同。
-
如果您未为标签指定尖括号 (<>),浏览器将把标签名视为普通文本。
-
标签还可以具有属性,以便向浏览器提供有关标签的其他信息。
Basic tags
下表显示了定义基本网页的基本 HTML 标签:
Tag |
Description |
<html> </html> |
将文档指定为网页。 |
<head> </head> |
指定有关 Web 文档的描述性信息。 |
<title> </title> |
指定网页的标题。 |
<body> </body> |
指定 Web 文档的主体。 |
以下代码显示了如何使用基本标签。
<html>
<head> Heading goes here…</head>
<title> Title goes here…</title>
<body> Body goes here…</body>
</html>
Formatting Tags
下表显示了用于设置文本格式的 HTML 标签:
Tag |
Description |
<b> </b> |
将文本指定为粗体。例如 this is bold text |
<em> </em> |
这是一个短语文本。指定带强调号的文本。例如带强调号的文本 |
<strong> </strong> |
这是一个短语标签。指定文本的重要性。例如 * 这段文字加上了重点 * |
<i> </i> |
斜体标签的内容显示为斜体。例如斜体文本 |
<sub> </sub> |
指定下标文本。例如 X1 |
<sup> </sup> |
定义上标文本。例如 X2 |
<ins> </ins> |
指定插入文本。例如钢笔的价格现在是 2015 年。 |
<del> </del> |
指定已删除的文本。例如:钢笔的价格现在是 2015。 |
<mark> </mark> |
指定已标记的文本。例如:正在下雨 |
Table Tags
下表描述了常用的表格标记:
Tag |
Description |
<table> </table> |
Specifies a table. |
<tr> </tr> |
指定表格中的行。 |
<th> </th> |
指定表格中的表头单元格。 |
<td> </td> |
指定表格单元格中的数据。 |
<caption> </caption> |
Specifies the table caption. |
<colgroup> </colgroup> |
指定用于格式化表格中一组列。 |
List tags
下表描述了常用的列表标记:
Tag |
Description |
<ul> </ul> |
Specifies an unordered list. |
<ol> </ol> |
Specifies an ordered list. |
<li> </li> |
Specifies a list item. |
<dl> </dl> |
Specifies a description list. |
<dt> </dt> |
指定描述列表中的术语。 |
<dd> </dd> |
指定描述列表中术语的描述。 |