HTML标签大全:初学者必备
需积分: 9 134 浏览量
更新于2024-10-24
收藏 24KB TXT 举报
"这份资源包含了HTML的常用标签和它们的用法,对于初学者来说是一份非常实用的参考资料。"
HTML(HyperText Markup Language)是一种用于创建网页的标准标记语言,它定义了网页的结构和内容。这个资源全面地列举了一些基本的HTML标签,帮助学习者了解如何构建一个基本的HTML文档。
1. **HTML文档结构**: 一个标准的HTML文档通常由`<html>`标签开始,然后包含`<head>`和`<body>`两个主要部分。
- `<html>`:整个HTML文档的根元素。
- `<head>`:存放元数据,如文档标题`<title>`,样式表链接`<link>`,脚本`<script>`等。
- `<body>`:实际的网页内容,用户在浏览器中看到的主体部分。
2. **标题标签 `<h1>` 到 `<h6>`**:用于创建不同级别的标题,`<h1>`是最高级别,`<h6>`是最小级别。通过设置`ALIGN`属性,可以调整标题的对齐方式。
3. **段落与分隔符**:
- `<p>`:创建段落。
- `<br>`:换行,用于在文本中添加一行空隙。
- `<div>`:定义一个块级元素,用于组织和布局页面内容,可以通过`ALIGN`属性控制其对齐方式。
4. **引用与引用块**:
- `<blockquote>`:用于引用一段外部文本。
- `<q>`:表示短引语,通常用于内嵌引用。
5. **强调和特殊样式**:
- `<em>`:表示强调,浏览器通常以斜体显示。
- `<strong>`:表示重要性,通常以粗体显示。
- `<cite>`:引用作品的名称。
- `<code>`:显示代码或计算机指令。
- `<samp>`:用于展示示例计算机输出。
- `<kbd>`:表示用户输入,常用于表示键盘快捷键。
- `<var>`:用于表示变量。
- `<dfn>`:定义一个术语或概念。
6. **地址和文本修饰**:
- `<address>`:显示联系信息或作者信息。
- `<big>`(非标准):使文本变大,HTML5中不推荐使用。
- `<small>`:使文本变小。
- `<b>`:加粗文本。
- `<i>`:斜体文本。
- `<u>`:下划线文本。
- `<s>`:删除线文本。
- `<sub>`:下标文本。
- `<sup>`:上标文本。
- `<tt>`:固定宽度字体,常用于编程代码。
7. **预格式化文本**:
- `<pre>`:保留文本中的空白字符,用于显示代码块或其他需要保留原始格式的文本。
8. **文本对齐与尺寸**:
- `<center>`:将内容居中对齐(HTML5中不推荐使用)。
- `<blink>`:闪烁效果(非标准,现代浏览器不支持)。
- `<font>`:定义字体大小、颜色等属性,但在HTML5中已被弃用,建议使用CSS替代。
- `<size>`:设置字体大小,可以是绝对值或相对值。
9. **颜色**:
- `<font color>`:设置文本颜色,使用十六进制颜色代码`#RRGGBB`。
这些只是HTML中一部分基础标签,实际上还有许多其他标签用于创建更复杂的网页,如表格、列表、图像、链接、表单等。随着HTML的发展,新的标签如`<section>`、`<article>`和`<header>`等被引入,以更好地描述文档结构。掌握这些基础知识后,可以通过学习CSS来进一步控制页面的样式和布局,从而创建出美观且功能丰富的网页。
2019-09-04 上传
2013-03-16 上传
2019-07-04 上传
2019-05-25 上传
2009-01-14 上传
2009-01-18 上传
527 浏览量
2010-09-16 上传
2021-06-25 上传
纳兰狂少
- 粉丝: 0
- 资源: 22
最新资源
- 俄罗斯RTSD数据集实现交通标志实时检测
- 易语言开发的文件批量改名工具使用Ex_Dui美化界面
- 爱心援助动态网页教程:前端开发实战指南
- 复旦微电子数字电路课件4章同步时序电路详解
- Dylan Manley的编程投资组合登录页面设计介绍
- Python实现H3K4me3与H3K27ac表观遗传标记域长度分析
- 易语言开源播放器项目:简易界面与强大的音频支持
- 介绍rxtx2.2全系统环境下的Java版本使用
- ZStack-CC2530 半开源协议栈使用与安装指南
- 易语言实现的八斗平台与淘宝评论采集软件开发
- Christiano响应式网站项目设计与技术特点
- QT图形框架中QGraphicRectItem的插入与缩放技术
- 组合逻辑电路深入解析与习题教程
- Vue+ECharts实现中国地图3D展示与交互功能
- MiSTer_MAME_SCRIPTS:自动下载MAME与HBMAME脚本指南
- 前端技术精髓:构建响应式盆栽展示网站