HTML CSS JAVASCRIPT BOOTSTRAP JQUERY PHP SQL PYTHON PYTHON2 JAVA C C++ C# Linux AI 教程库 参考手册 技术文章 测验 练习 HOWTO FAQ
❮ 上一节 下一节 ❯

HTML

简介

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

要点:

  • "超文本"一词是指充当链接的文本。

  • "标记"一词是指用于定义文本结构的符号。 标记符号告诉浏览器如何显示文本，通常称为标签。

  • "语言"一词指的是与任何其他语言类似的语法。

HTML 由 Tim Berners-Lee 在 CERN 创建。

HTML 版本

下表显示了 HTML 的各种版本:

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

HTML 标签

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

要点:

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

  • 它们以小于 (<) 字符开头，以大于 (>) 字符结束。

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

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

  • 开始标记只是将标记名称括在尖括号中，而结束标记则指定为包含正斜杠 (/)。

  • 有些标签是空的，即没有结束标签。

  • 标签不区分大小写。

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

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

  • 标记还可以具有向浏览器提供有关标记的附加信息的属性。

基本标签

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

标签描述
<html> </html>将文档指定为网页。
<head> </head>指定有关网络文档的描述信息。
<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>指定网页中不同框架的内容。
<base> </base>用于设置任何包含其内容显示在另一个框架中的链接的页面中的默认目标框架。

表单

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

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

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