HTML



简介

HTML代表超文本标记语言。它是一种格式化语言,用于定义网页的外观和内容。它允许我们组织网页上的文本、图形、音频和视频。

要点

  • “超文本”指的是充当链接的文本。

  • “标记”指的是用于定义文本结构的符号。标记符号告诉浏览器如何显示文本,通常被称为标签。

  • “语言”指的是类似于任何其他语言的语法。

HTML是由蒂姆·伯纳斯-李CERN创建的。

HTML版本

下表显示了HTML的各个版本

版本年份
HTML 1.01991
HTML 2.01995
HTML 3.21997
HTML 4.01999
XHTML2000
HTML52012

HTML标签

标签是命令,它告诉Web浏览器如何在网页上显示文本、音频、图形或视频。

要点

  • 标签用一对尖括号表示。

  • 它们以小于号(<)开头,以大于号(>)结尾。

  • 标签名称在尖括号之间指定。

  • 大多数标签通常成对出现:开始标签和结束标签。

  • 开始标签只是将标签名括在尖括号中,而结束标签则包含正斜杠(/)。

  • 有些标签是空的,即它们没有结束标签。

  • 标签不区分大小写。

  • 开始和结束标签名称必须相同。例如<b> hello </i>是无效的,因为两者不同。

  • 如果您没有为标签指定尖括号(<>),浏览器会将标签名视为普通文本。

  • 标签也可以具有属性,以便向浏览器提供有关标签的附加信息。

基本标签

下表显示了定义基本网页的基本HTML标签

标签描述
<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>

格式化标签

下表显示了用于格式化文本的HTML标签

标签描述
<b> </b>将文本指定为粗体。例如:这是粗体文本
<em> </em>这是一个短语文本。它指定强调的文本。例如:强调文本
<strong> </strong>这是一个短语标签。它指定重要的文本。例如:这是重要文本
<i> </i>斜体标签的内容以斜体显示。例如:斜体文本
<sub> </sub>指定下标文本。例如:X1
<sup> </sup>定义上标文本。例如:X2
<ins> </ins>指定插入的文本。例如:钢笔的价格现在是2015
<del> </del>指定删除的文本。例如:钢笔的价格现在是2015
<mark> </mark>指定标记的文本。例如:正在下雨

表格标签

下表描述了常用的表格标签

标签描述
<table> </table>指定一个表格。
<tr> </tr>指定表格中的一行。
<th> </th>指定表格中的表头单元格。
<td> </td>指定表格单元格中的数据。
<caption> </caption>指定表格标题。
<colgroup> </colgroup>指定表格中的一组列以进行格式化。

列表标签

下表描述了常用的列表标签

标签描述
<ul> </ul>指定一个无序列表。
<ol> </ol>指定一个有序列表。
<li> </li>指定一个列表项。
<dl> </dl>指定一个描述列表。
<dt> </dt>指定描述列表中的术语。
<dd> </dd>指定描述列表中术语的描述。

框架

框架帮助我们将浏览器窗口分成多个矩形区域。每个区域包含单独的HTML网页,并且它们各自独立工作。

整个浏览器中的一组框架称为框架集。它告诉浏览器如何将浏览器窗口分成框架以及每个框架要加载的网页。

下表描述了用于创建框架的各种标签

标签描述
<frameset> </frameset>它是<body>标签的替代。它不包含通常在<body>元素中使用的标签;而是包含用于添加每个框架的<frame>元素。
<frame> </frame>指定网页中不同框架的内容。
<base> </base>用于在任何包含链接的页面中设置默认目标框架,其内容显示在另一个框架中。

表单

表单用于输入值。这些值被发送到服务器进行处理。表单使用输入元素,例如文本字段、复选框、单选按钮、列表、提交按钮等来输入数据。

下表描述了创建表单时常用的标签

标签描述
<form> </form>用于创建HTML表单。
<input> </input>指定输入字段。
<textarea> </textarea>指定一个文本区域控件,允许输入多行文本。
<label> </label>指定输入元素的标签。
广告