HTML入门之HTML标签含义

本人自学

做不到面面俱到,只能尽量做到通俗易懂

如有不对,欢迎纠正

1. 文档结构标签

<!DOCTYPE html>: 声明文档类型,告知浏览器该文档使用 HTML5 标准。

<html>: 根元素,表示整个 HTML 文档。

<head>: 文档的头部,包含元数据、标题和链接到样式表或脚本等。

<title>: 设置网页的标题,显示在浏览器的标题栏或标签页上。

<body>: 网页的主体,包含可见的内容,如文本、图片和其他元素。

2. 元数据标签

<meta>: 提供关于文档的元数据,如字符集、描述、关键字、作者等。

<link>: 用于链接外部资源,如 CSS 样式表。

<style>: 内嵌 CSS 样式,用于定义文档的样式。

3. 文本内容标签

<h1> - <h6>: 标题标签,<h1> 表示最高级别的标题,<h6> 为最低级别。

<p>: 段落标签,表示文本段落。

<br>: 换行标签,插入换行符。

<hr>: 水平线标签,用于分隔内容。

<strong>: 表示重要性,通常以粗体显示。

<em>: 表示强调,通常以斜体显示。

<span>: 行内元素,用于对文本的特定部分进行样式应用。

4. 列表标签

<ul>: 无序列表,包含用 <li> 标签定义的列表项。

<ol>: 有序列表,类似于无序列表,但项目有序。

<li>: 列表项,用于定义 <ul> 或 <ol> 中的每一项。

5. 链接与媒体标签

<a>: 超链接标签,用于创建链接。

<img>: 图像标签,用于在页面中嵌入图片。

<video>: 视频标签,用于在网页中嵌入视频。

<audio>: 音频标签,用于嵌入音频文件。

6. 表格标签

<table>: 表格标签,用于定义一个表格。

<tr>: 表格行标签,表示表格中的一行。

<th>: 表格头单元格,通常表示表头,内容加粗居中。

<td>: 表格数据单元格,表示表格中的普通单元格。

7. 交互标签

<form>: 表单标签,用于收集用户输入。

<input>: 输入字段标签,用户可以在其中输入数据。

<button>: 按钮标签,表示可点击的按钮。

<select>: 下拉列表标签,允许用户从选项中选择。

<textarea>: 多行文本输入字段。

8. 脚本标签

<script>: 用于嵌入或链接 JavaScript 代码。

<noscript>: 提供替代内容,当浏览器禁用 JavaScript 时显示。

9. 其他标签

<div>: 通用块元素,用于分组其他元素,便于样式应用和布局。

<section>: 表示文档的一个独立部分。

<article>: 表示独立的自包含内容。

<footer>: 页脚标签,通常包含版权信息、联系信息等。

<header>: 页眉标签,通常包含网站的标志和导航链接。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

久孤2024

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值