HTML标签全览：从基础到高级

需积分: 9 115 浏览量更新于2024-09-15 2 收藏 2KB TXT 举报

"HTML标签大全" HTML（HyperText Markup Language）是用于创建网页的标准标记语言。这个摘要提供了HTML中常用的一些标签，它们是构建网页结构和样式的基础。 1. **文档声明**: `<!DOCTYPE>` 用于指定文档使用的HTML版本，如<!DOCTYPE html>表示遵循HTML5规范。 2. **文档结构**: `<html>` 是HTML文档的根元素，包裹整个文档；`<body>` 包含了页面可见的内容。 3. **标题标签**: `<h1>` 至 `<h6>` 用于设置页面的标题，数字越大，级别越低，通常 `<h1>` 代表主要标题。 4. **段落与换行**: `<p>` 标签定义段落，`<br>` 用于插入单行换行。 5. **水平线**: `<hr>` 创建一条水平分隔线，常用于分隔内容。 6. **注释**: `` 用于在HTML代码中添加注释，这些注释不会显示在浏览器中。 7. **文本格式化**: - `<b>` 用于加粗文本，但现代HTML更倾向于使用 `<strong>` 来表示强调。 - `<font>` 用来设置字体、大小和颜色，但在HTML5中不推荐使用。 - `<i>` 斜体，通常用于表示术语或引用。 - `<em>` 强调，现代HTML推荐使用，浏览器默认会呈现斜体效果。 - `<big>` 增大文本，不推荐使用。 - `<small>` 缩小文本。 - `<sup>` 上标，常用于科学公式中的指数。 - `<sub>` 下标，例如化学式中的原子符号。 - `<bdo>` 用于改变文本方向，多用于右到左的语言如阿拉伯语或希伯来语。 - `<u>` 下划线，通常用于链接，但不推荐用作样式。 8. **预格式化文本和代码相关**: - `<pre>` 保留文本的空格和换行，常用于代码展示。 - `<code>` 用于表示代码片段。 - `<tt>` 表示打字机文本，不推荐使用。 - `<kbd>` 用于表示键盘输入。 - `<var>` 用于表示变量。 - `<dfn>` 用于定义一个项目的文本。 - `<samp>` 显示代码样本。 9. **列表**: - `<ul>` 无序列表。 - `<ol>` 有序列表。 - `<li>` 列表项。 - `<dir>`（不常用）目录列表。 - `<dl>` 定义列表，用于术语解释。 - `<dt>` 定义术语。 - `<dd>` 定义术语的描述。 10. **图像和多媒体**: - `<img>` 用于插入图像，通过`src`属性指定图片路径。 - `<map>` 和 `<area>` 配合创建图像映射，用于定义图像上的可点击区域。 11. **表格**: - `<table>` 创建表格。 - `<caption>` 表格标题。 - `<th>` 表头单元格。 - `<tr>` 表格行。 - `<td>` 单元格。 - `<thead>` 表头部分。 - `<tbody>` 表体部分。 - `<tfoot>` 表脚部分。 - `<col>` 定义列的样式。 - `<colgroup>` 用于对列进行分组。 12. **样式与脚本**: - `<style>` 内联样式表，用于定义页面样式。 - `<div>` 通用容器，用于布局和样式控制。 - `<span>` 用于内联元素的分组和样式应用。 - `<head>` 包含文档元数据，如样式表、脚本等。 - `<title>` 设置页面标题，显示在浏览器标签页上。 - `<meta>` 提供元信息，如字符集、描述等。 - `<base>` 设置页面基础URL。 - `<basefont>`（不推荐）设置文档的基础字体和大小，HTML5中已被废弃。 13. **交互元素**: - `<form>` 创建表单。 - `<input>` 处理用户输入，有多种类型如文本、密码、提交按钮等。 - `<textarea>` 多行文本输入框。 - `<button>` 创建自定义按钮。 - `<select>` 下拉列表。 - `<optgroup>` 在下拉列表中创建分组。 - `<option>` 下拉列表的选项。 - `<label>` 与输入控件关联，用于描述其功能。 - `<fieldset>` 分割表单为逻辑区域。 - `<legend>` 为`<fieldset>`提供标题。 14. **框架和嵌入内容**: - `<frameset>` 用于创建多个框架的布局。 - `<frame>` 每个框架元素。 - `<noframes>` 当浏览器不支持框架时显示的内容。 - `<iframe>` 内嵌框架，可以加载另一个完整的HTML文档。 15. **其他元素**: - `<a>` 创建超链接。 - `<link>` 用于引入外部资源，如CSS样式表。 - `<script>` 添加JavaScript代码或引入外部脚本文件。 - `<noscript>` 当JavaScript被禁用时显示的内容。 - `<applet>`（已废弃）嵌入Java小应用程序。 - `<object>` 用于嵌入各种类型的内容，如插件、视频等。 - `<param>` 为`<object>`提供参数。这些HTML标签构成了网页的基本骨架，它们结合CSS和JavaScript可以创建出丰富多彩、交互性强的网页。理解和熟练掌握这些标签是网页开发的基础。

--文档
<!DOCTYPE> 文档类型
<html>文档
<body>文档主体
<h1> to <h6> HTML 标题
<p>段落
<br>换行
<hr>水平线
注释
--文本
<b>粗体文本
<font>不赞成用。文本字体、尺寸和颜色
<i>斜体文本
<em>强调文本
<big>大文本
<strong>强烈强调文本
<small>小文本
<sup>上标文本
<sub>下标文本
<bdo>文本方向
<u>不赞成用。下划线文本
--文本1
<pre>格式文本
<code>代码文本
<tt>打字机文本
<kbd>键盘文本
<var>变量文本
<dfn>项目文本
<samp>代码样本
<xmp>不赞成用。格式文本。

下载后可阅读完整内容，剩余3页未读，立即下载

fygyx6

粉丝: 0
资源: 2

HTML标签全览：从基础到高级

css+jquery实现简单标签页效果html代码

html标签大全（转载）

html标签大全网站

word里的html标签,完整word版html标签大全推荐文档

html标签大全及用法

html标签大全

html标签大全意思及作用

html基础标签大全

python HTML字符转换成HTML标签和HTML标签转换成HTML字符

HTML标签和属性大全

最新资源