HTML初学者必备:常用标签速查指南

需积分: 10 5 下载量 95 浏览量 更新于2024-12-25 1 收藏 8KB TXT 举报
"这篇资源是针对HTML初学者的常用标签大全,旨在提供一个简洁明了的参考指南,帮助学习者快速理解和使用HTML标签。" 在HTML(HyperText Markup Language)中,标签是用来构建网页结构和内容的主要工具。以下是一些常见的HTML标签及其用途: 1. `<html>`: 这是HTML文档的根元素,包含整个页面的代码。 2. `<head>`: 包含文档元数据,如标题、字符编码和引用外部样式表。 3. `<title>`: 定义浏览器标签页上的页面标题。 4. `<h1>` - `<h6>`: 表示不同级别的标题,`<h1>`是最高级别,`<h6>`是最小级别。 5. `<pre>`: 用于保留文本的原始格式,常用于显示代码块。 6. `<u>`: 创建下划线效果。 7. `<b>`: 使文本加粗,但不传达语义,现在更推荐使用`<strong>`。 8. `<i>`: 创建斜体效果,通常用于表示术语或引用。 9. `<tt>`: 显示等宽字体,现代HTML中通常使用`<code>`替代。 10. `<cite>`: 标识作品的名称,如书籍、电影或音乐专辑。 11. `<em>`: 强调文本,通常表现为斜体,与`<i>`不同的是它具有语义含义。 12. `<strong>`: 强调文本,通常表现为加粗,与`<b>`不同的是它具有语义含义。 13. `<font>`: 设置文本的字体、大小和颜色,但在HTML5中已不再推荐使用,建议使用CSS替代。 14. `<basefont>`: 设置页面的默认字体大小,同样在HTML5中不再推荐。 15. `<big>` 和 `<small>`: 分别增大和减小文本的尺寸,现在也应避免使用,推荐使用CSS。 16. `<strike>`: 删除线,表示文本已过期或被取消。 17. `<code>`: 用于表示代码片段。 18. `<kbd>`: 用于表示用户输入,通常显示为键盘输入的样式。 19. `<samp>`: 用于显示计算机程序的样本输出。 20. `<var>`: 标识变量名。 21. `<blockquote>`: 用于引用大段文本。 22. `<dfn>`: 标记一个术语的定义。 23. `<address>`: 显示联系信息,如作者或站点管理员的地址。 24. `<sup>` 和 `<sub>`: 分别表示上标和下标文本。 25. `<xmp>`: 用于呈现纯文本,无格式化,现在多用预格式化文本`<pre>`。 26. `<plaintext>`: 关闭所有HTML的解析,文本将按原样显示。 27. `<listing>`: 类似于`<plaintext>`,显示无格式化的文本。 28. `<fontcolor>` 和 `<fontsize>`: 用于设置文本颜色和大小,不推荐使用,应使用CSS替代。 29. `<p>`: 定义段落。 30. `<p align="">`: 设置段落对齐方式,如左对齐、居中或右对齐。 31. `<br>`: 强制换行。 32. `<blockquote>`: 用于长引述。 33. `<dl>`: 定义定义列表,`<dt>`表示定义项,`<dd>`表示定义描述。 34. `<ol>`: 有序列表,`<li>`表示列表项。 35. `<ul>`: 无序列表,`<li>`表示列表项。 36. `<div align="">`: 定义一个分组容器,并设置其对齐方式,现代HTML中更推荐使用CSS来实现布局。 37. `<MENU>`: 旧版HTML中的菜单,现在不推荐使用。 38. `<DIR>`: 旧版HTML中的目录列表,现在不推荐使用。 39. `<nobr>`: 阻止文本换行,常用于创建水平布局。 40. `<hr>`: 创建水平分割线,可设置宽度、颜色等属性。 41. `<center>`: 居中元素,现在推荐使用CSS的`text-align: center;`或`margin: auto;`。 42. `<a href="">`: 创建超链接,`href`属性指定链接的目标地址。 43. `<a name="">` 和 `<a id="">`: 用于创建书签,`id`在HTML5中更常用。 44. `<BASE>`: 设置文档的基本URL,影响所有相对链接。 45. `<LINK>`: 用于链接外部样式表、图标文件等。 以上就是HTML中的一些基本标签,理解并熟练使用它们是创建有效网页的基础。随着HTML5的普及,许多旧标签已被废弃,取而代之的是更语义化的标签,如`<header>`、`<footer>`、`<article>`和`<section>`等,这些新标签有助于提高页面的可读性和搜索引擎优化。