HTML(HyperText Markup Language,超文本标记语言)是用于创建网页的标准标记语言,它使用一系列标签来定义页面的结构和内容,以下是一些常用的HTML标签:
1. 文档结构标签
<!DOCTYPE html>
: 声明文档类型为HTML5。
<html>
: 包裹整个HTML文档。
<head>
: 包含文档的元信息,如标题、字符集、样式表链接等。
<title>
: 定义文档的标题,显示在浏览器的标题栏或标签页上。
<body>
: 包含文档的主体内容,如文本、图片、链接等。
2. 文本格式化标签
<h1>
到 <h6>
: 定义不同级别的标题。
<p>
: 定义段落。
<br>
: 插入换行符。
<span>
: 用于对文本进行分组,通常与CSS一起使用以应用样式。
<strong>
: 强调文本,通常显示为粗体。
<em>
: 强调文本,通常显示为斜体。
<u>
: 下划线文本。
<b>
: 不推荐使用的粗体文本标签。
<i>
: 不推荐使用的斜体文本标签。
<small>
: 定义小号文本。
<sub>
: 定义下标文本。
<sup>
: 定义上标文本。
<mark>
: 突出显示文本。
<del>
: 定义被删除的文本。
<ins>
: 定义被插入的文本。
<code>
: 定义计算机代码片段。
<samp>
: 定义计算机系统输出的样本。
<kbd>
: 定义键盘输入。
<var>
: 定义数学变量。
3. 链接和图像标签
<a>
: 定义超链接,可以链接到其他文档或页面内的某个部分。
<img>
: 插入图像,需要指定源文件的URL和图像的尺寸。
4. 列表标签
<ul>
: 无序列表。
<ol>
: 有序列表。
<li>
: 列表项。
<dl>
: 定义列表。
<dt>
: 定义列表项的名称。
<dd>
: 定义列表项的描述。
5. 表格标签
<table>
: 定义表格。
<caption>
: 定义表格的标题。
<thead>
: 定义表格的头部。
<tbody>
: 定义表格的主体。
<tfoot>
: 定义表格的底部。
<tr>
: 定义表格行。
<th>
: 定义表头单元格。
<td>
: 定义表格数据单元格。
<colgroup>
: 定义列组。
<col>
: 定义列的属性。
6. 表单标签
<form>
: 定义一个表单,用于用户输入。
<input>
: 接受用户输入的元素,有多种类型,如文本、密码、单选按钮、复选框等。
<label>
: 定义输入元素的标签。
<textarea>
: 定义多行文本输入区域。
<button>
: 定义按钮。
<select>
: 定义下拉选择列表。
<optgroup>
: 定义选项组。
<option>
: 定义下拉列表中的选项。
<fieldset>
: 定义一组相关的表单元素。
<legend>
: 定义字段集的标题。
7. HTML5 新增标签
<header>
: 通常包含一组介绍性或导航性的辅助工具。
<nav>
: 包含页面的主要导航链接。
<main>
: 包含文档的主要内容。
<article>
: 定义独立的文章内容,如博客文章或新闻故事。
<section>
: 定义文档中的一个独立区段。
<aside>
: 包含与周围内容间接相关的信息。
<figure>
和 <figcaption>
: 定义插图和插图的标题。
<time>
: 表示日期和时间。
<audio>
和 <video>
: 嵌入音频和视频内容。
8. 其他标签
<base>
: 为页面中的所有链接设置默认地址或目标框架。
<basefont>
: 不推荐使用的标签,用于设置文档的默认字体、颜色和大小。
<bgsound>
: 不推荐使用的标签,用于在页面加载时自动播放背景音乐。
<frameset>
: 不推荐使用的标签,用于创建带有多个框架的页面。
<frame>
: 不推荐使用的标签,用于定义框架中的单个框架。
<noframes>
: 不推荐使用的标签,用于在不支持框架的浏览器中显示替代内容。
<iframe>
: 嵌入另一个HTML文档。
FAQs
Q1: HTML标签和HTML元素有什么区别?
A1: HTML标签是用于描述的一种标记约定,而HTML元素是由开始标签、内容和结束标签组成的对象。<p>
是一个开始标签,</p>
是一个结束标签,它们之间的内容构成了一个段落元素。
Q2: HTML5有哪些新特性?
A2: HTML5引入了许多新特性,包括新的语义元素(如<header>
, <footer>
, <article>
, <section>
, <nav>
等),表单控件(如日期、时间、电话号码输入类型),以及新的APIs(如地理位置、拖放、本地存储等),HTML5还支持跨平台的视频和音频播放,以及更好的图形和动画功能。
还没有评论,来说两句吧...