W3School HTML参考手册 - 飞龙整理2014
4星 · 超过85%的资源 需积分: 9 61 浏览量
更新于2024-07-22
收藏 2.6MB PDF 举报 "w3school HTML参考手册 飞龙整理 20141002"
这篇资源是关于HTML的参考手册，由W3School提供，并由飞龙在2014年10月2日进行整理。手册涵盖了HTML的各种标签、属性和元素，旨在帮助用户理解和学习HTML语言。
HTML（HyperText Markup Language）是一种用于创建网页的标准标记语言。它通过一系列标签来描述网页的结构和内容。以下是一些HTML标签的简要介绍：
1. `<!---->`: 定义HTML注释，用于添加对代码的解释性文本，这些注释不会显示在浏览器中。
2. `<!DOCTYPE>`: 声明文档类型，如HTML5、XHTML1.0等，告知浏览器应如何解析页面。
3. `<a>`: 用于创建超链接，链接到其他网页或同一页面内的位置。
4. `<abbr>`: 表示缩写词，可以提供完整的词汇形式。
5. `<acronym>`: 用于表示首字母缩略词，但HTML5不再推荐使用，建议使用`<abbr>`替代。
6. `<address>`: 用来表示作者或文档所有者的联系信息，通常用于页脚。
7. `<applet>`: 已废弃的标签，用于插入Java小应用程序。
8. `<area>`: 在图像映射中定义点击区域，与`<map>`配合使用。
9. `<article>`: 定义独立的、自包含的内容，如博客文章、新闻报道等。
10. `<aside>`: 包含与当前内容相关但又相对独立的信息，例如侧边栏。
11. `<audio>`: 用于嵌入音频内容，支持多种音频格式。
12. `<b>`: 创建加粗文本，HTML5中主要用来表示语义上的强调。
13. `<base>`: 设置页面所有链接的默认URL和目标框架。
14. `<basefont>`: 不推荐使用，用于设置页面的默认字体、颜色和大小。
15. `<bdi>`: 用于将文本隔离，使其不受周围文本方向的影响，常用于双向文本环境。
16. `<bdo>`: 定义文字方向，用于在文本方向上覆盖默认设置。
17. `<big>`: 不推荐使用，创建较大的文本，HTML5中用CSS来调整字体大小。
18. `<blockquote>`: 用于引用较长的文本段落。
19. `<body>`: 标签定义HTML文档的主体部分，包含可见内容。
20. `<br>`: 创建单行中断，使文本换行。
21. `<button>`: 创建可点击的按钮，常用于表单提交或功能触发。
22. `<canvas>`: 提供画布，用于在网页上动态绘制图形。
23. `<caption>`: 为表格添加标题。
24. `<center>`: 不推荐使用，用于居中文本，HTML5中使用CSS实现。
25. `<cite>`: 标记引用或作品的名称。
26. `<code>`: 用于展示计算机代码或程序片段。
27. `<col>`: 设置表格列的样式属性。
28. `<colgroup>`: 用于设置表格中一组列的样式属性。
29. `<command>`: 定义命令按钮，如菜单项、工具栏按钮等。
30. `<datalist>`: 定义下拉列表，与`<input>`配合使用，提供预定义的选项。
31. `<dd>`: 定义定义列表`<dl>`中的描述部分。
32. `<del>`: 用于标记被删除的文本。
33. `<details>`: 定义可展开/折叠的详细信息。
34. `<dir>`: 不推荐使用，用于创建目录列表，现在可以用`<ul>`代替。
35. `<div>`: 定义文档中的一个区段或容器，常用于布局和样式应用。
36. `<dfn>`: 用于表示定义项目，如术语首次出现的地方。
37. `<dialog>`: 用于创建对话框或窗口。
38. `<dl>`: 定义定义列表，包含术语和它们的解释。
39. `<dt>`: 定义定义列表`<dl>`中的术语。
40. `<em>`: 用于表示强调的文本，HTML5中主要用于语义强调。
41. `<embed>`: 插入外部内容，如视频、音频或Flash动画。
42. `<fieldset>`: 用于组织表单中的相关元素。
43. `<figcaption>`: 给`<figure>`元素添加标题。
44. `<figure>`: 用于组合媒体内容和相关的`<figcaption>`。
45. `<font>`: 不推荐使用，用于设置文本的字体、大小和颜色，现在用CSS替代。
46. `<footer>`: 定义页面或区段的底部信息，如版权和页脚链接。
47. `<form>`: 用于创建表单，收集用户输入。
48. `<h1> - <h6>`: 定义六级标题，`<h1>`是最高级标题，`<h6>`是最小的标题。
49. `<head>`: 包含文档元信息，如标题、CSS样式和JavaScript。
50. `<header>`: 定义页面或区段的顶部，通常包含导航元素。
51. `<hr>`: 创建水平线，用于分隔内容。
52. `<html>`: HTML文档的根元素。
53. `<i>`: 创建斜体文本，HTML5中更多用于表示语义上的旁注或术语。
54. `<iframe>`: 用于在页面中嵌入另一个文档或框架。
55. `<img>`: 插入图像。
56. `<input>`: 创建各种类型的输入控件，如文本框、复选框、按钮等。
57. `<ins>`: 标记插入的文本。
58. `<kbd>`: 用于表示用户输入，如键盘快捷键。
59. `<label>`: 为表单输入元素提供关联文本。
60. `<legend>`: 为`<fieldset>`提供标题。
61. `<li>`: 定义列表`<ul>`或有序列表`<ol>`中的项目。
62. `<link>`: 用于链接外部资源，如CSS样式表或图标。
63. `<main>`: 定义主要内容，与页面的辅助内容区分开。
64. `<map>`: 定义图像映射，配合`<area>`创建可点击的图像区域。
65. `<mark>`: 用于高亮文本，表示重要的或需查找的文本。
66. `<menu>`: 创建菜单列表，HTML5中更常用于上下文菜单。
67. `<meta>`: 提供文档的元信息，如字符编码、关键词等。
68. `<meter>`: 显示度量范围内的值，如评分、进度条等。
69. `<nav>`: 定义主要导航链接。
70. `<noscript>`: 当浏览器不支持JavaScript时显示的内容。
71. `<object>`: 插入各种类型的内容，如图像、音频、视频等。
72. `<ol>`: 创建有序列表。
73. `<optgroup>`: 用于定义下拉列表中的分组。
74. `<option>`: 定义下拉列表中的选项。
75. `<output>`: 显示计算结果或用户操作的结果。
76. `<p>`: 定义段落。
77. `<param>`: 为`<object>`元素定义参数。
78. `<pre>`: 保留空白字符，用于显示代码或格式化文本。
79. `<progress>`: 显示进度条，表示任务的进度。
80. `<q>`: 用于短引语。
81. `<rp>`: 在不支持ruby注释的浏览器中显示的内容。
82. `<rt>`: 解释`<ruby>`中的音标或注释。
83. `<ruby>`: 用于东亚文字的音标或注释。
84. `<s>`: 标记过时或不准确的文本。
85. `<samp>`: 表示计算机程序的样本输出。
86. `<script>`: 用于引入JavaScript代码。
87. `<section>`: 定义文档中的节或区域。
88. `<select>`: 创建下拉选择列表。
89. `<small>`: 创建小号文本，HTML5中用于表示次要信息。
90. `<source>`: 用于多媒体元素（`<audio>`和`<video>`），定义不同的源文件。
91. `<span>`: 用于组合或分组元素，以便应用样式或脚本。
92. `<strike>`: 不推荐使用，用于划线文本，HTML5中用`<s>`替代。
93. `<strong>`: 用于表示重要的文本，HTML5中强调语义。
94. `<style>`: 添加内联CSS样式。
95. `<
hreflang language_code 规定被链接文档的语言。
media media_query 规定被链接文档是为何种媒介/设备优化的。
name section_name HTML5 中不支持。规定锚的名称。
rel text 规定当前文档与被链接文档之间的关系。
rev text
HTML5 中不支持。规定被链接文档与当前文档
之间的关系。
shape
default
rect
circle
poly
HTML5 中不支持。规定链接的形状。
target
_blank
_parent
_self
_top
framename
规定在何处打开链接文档。
type MIME type 规定被链接文档的的 MIME 类型。
全局属性
<a> 标签支持 HTML 中的全局属性。
事件属性
<a> 标签支持 HTML 中的事件属性。
亲自试一试 - 实例
创建超级链接
本例演示如何在 HTML 文档中创建链接。
将图像作为链接
本例演示如何使用图像作为链接。
链接到同一个页面的不同位置
本例演示如何使用链接跳转至文档的另一个部分
在新的浏览器窗口打开链接
本例演示如何在新窗口打开一个页面，这样的话访问者就无需离开你的站点了。
跳出框架
剩余272页未读，继续阅读
187 浏览量
2014-10-02 上传
236 浏览量
421 浏览量
2014-10-03 上传
2014-10-29 上传
378 浏览量
248 浏览量
2015-01-23 上传
绝不原创的飞龙
- 粉丝: 4w+
- 资源: 1083
我的内容管理
展开
最新资源
- 高清艺术文字图标资源，PNG和ICO格式免费下载
- mui框架HTML5应用界面组件使用示例教程
- Vue.js开发利器：chrome-vue-devtools插件解析
- 掌握ElectronBrowserJS：打造跨平台电子应用
- 前端导师教程：构建与部署社交证明页面
- Java多线程与线程安全在断点续传中的实现
- 免Root一键卸载安卓预装应用教程
- 易语言实现高级表格滚动条完美控制技巧
- 超声波测距尺的源码实现
- 数据可视化与交互：构建易用的数据界面
- 实现Discourse外聘回复自动标记的简易插件
- 链表的头插法与尾插法实现及长度计算
- Playwright与Typescript及Mocha集成：自动化UI测试实践指南
- 128x128像素线性工具图标下载集合
- 易语言安装包程序增强版：智能导入与重复库过滤
- 利用AJAX与Spotify API在Google地图中探索世界音乐排行榜
