1. 结构标签(Structural Tags):
<html>
:定义HTML文档的根元素。<head>
:包含文档的元信息。<title>
:设置网页标题,显示在浏览器标签页上。<meta>
:定义元数据,如字符集、描述、作者等。<link>
:引入外部资源,通常用于样式表和图标。<style>
:内部样式表。<script>
:内部脚本。<body>
:包含网页的主要内容。
2. 文本标签(Text Tags):
<h1> - <h6>
:定义标题,级别从1到6逐渐减小。<p>
:定义段落。<a>
:创建超链接。<span>
:内联元素的容器,用于样式化文本的部分内容。<strong>
:表示文本的强调重点。<em>
:表示文本的强调斜体样式。<br>
:插入换行。<hr>
:插入水平线分隔符。<blockquote>
:引用长段落的内容。
3. 列表标签(List Tags):
<ul>
:无序列表。<ol>
:有序列表。<li>
:列表项。
4. 表格标签(Table Tags):
<table>
:定义表格。<tr>
:表格行。<th>
:表头单元格。<td>
:数据单元格。<caption>
:定义表格标题。
5. 表单标签(Form Tags):
<form>
:定义表单。<input>
:各种输入字段,如文本框、密码框、单选按钮等。<textarea>
:多行文本输入框。<select>
:下拉菜单。<option>
:下拉菜单选项。<button>
:按钮,如提交按钮和重置按钮。<label>
:表单元素标签。<fieldset>
:创建表单组。<legend>
:定义<fieldset>
的标题。
6. 多媒体标签(Multimedia Tags):
<img>
:插入图像。<audio>
:嵌入音频。<video>
:嵌入视频。
7. 分区标签(Section Tags):
<header>
:定义页眉部分。<nav>
:定义导航链接部分。<main>
:定义主要内容部分。<article>
:定义独立的文章内容。<section>
:定义文档中的节或区域。<aside>
:定义侧边栏内容。<footer>
:定义页脚部分。
8. 其他常用标签:
<div>
:通用容器,用于组织内容和应用样式。<iframe>
:嵌入其他网页或文档。<meta>
:定义页面元数据,如字符集、关键词等。
常用属性:
id
:为元素指定唯一的标识符。class
:为元素指定一个或多个样式类。style
:为元素指定内联样式。src
:指定外部资源的URL,如图片、音频和视频。href
:指定链接的目标URL。alt
:为图像指定替代文本。width
、height
:设置元素的宽度和高度。colspan
、rowspan
:跨列或跨行合并单元格。placeholder
:输入字段的提示性占位符。required
:设置输入字段为必填项。disabled
:禁用元素,如输入字段或按钮。checked
:选中复选框或单选按钮。selected
:选中下拉菜单中的选项。autofocus
:页面加载时自动聚焦元素。readonly
:设置输入字段为只读。
这只是HTML标签和属性的一小部分,HTML有许多其他标签和属性可用于创建丰富和交互性的网页。根据您的需要,选择适当的标签和属性来实现您的设计和功能目标。