HTML标签分类
【1】双标签
双标签是有头有尾的
内容写在标签中间
【2】单标签
但标签也称自闭标签
不需要写另一半标签
文档结构标签
【1】html
定义html文档的根元素
【2】head
包含文档的元信息,如标题、字符集、样式表等。
【3】title
标题标签
标签内容会显示在浏览器的标签页上
<title>Title</title>
【4】meta
提供有关文档的元信息,如字符集、关键词、描述等。
【5】style
这部分用来写css代码
<style></style>
【6】script
这部分用来写JavaScript代码
可以引用外部的js文件
<script></script>
【7】link
用来引用外部css文件
<link rel="stylesheet" href="">
meta
【1】介绍
'meta'是一个html元素,用于提供网页的元信息,如字符集,关键字,作者,描述,视口设置。
他对于搜索引擎优化以及浏览器渲染非常重要
【2】常见的meta元素
:这个 meta 标签指定了网页的字符集,通常设置为 UTF-8,以确保支持多种语言的正确显示
:这个 meta 标签用于控制网页在移动设备上的视口(viewport)设置,使网页能够适应不同屏幕尺寸和分辨率。它还可以控制初始缩放级别。
:这个 meta 标签用于指定网页的关键词,有助于搜索引擎了解网页内容
:这个 meta 标签用于提供网页的简短描述,通常在搜索结果中显示,有助于吸引用户点击
:这个 meta 标签用于指定网页的作者。
:这个 meta 标签可以用于设置页面自动刷新或重定向到另一个 URL
:这个 meta 标签用于指定搜索引擎是否应该索引和跟踪网页。例如,"noindex" 和 "nofollow" 可以用来防止搜索引擎检索和跟踪页面内容。
和 :这些 meta 标签用于定义在社交媒体上分享链接时显示的标题和描述,通常与社交分享功能一起使用。
文本内容标签
【1】<h1>
这是级别标签
用于显示网页内容标题的级数
一共分为六级
<h1>我是一级标题</h1>
<h2>我是二级标题</h2>
<h3>我是三级标题</h3>
<h4>我是四级标题</h4>
<h5>我是五级标题</h5>
<h6>我是六级标题</h6>
【2】<b>
这是加粗文字标签
<b>我是加粗的文字</b>
【3】<i>
这是斜体文字标签
<i>我是斜体文字</i>
【4】<u>
这是下划线标签
<u>我是有下划线的文字</u>
【5】<s>
这是删除线标签
<s>我是有删除线的文字</s>
【6】<p>
这是段落标签
一个段落标签占有一行
<p>我是一段文字</p>
【7】<br>
这是换行标签
<u>我是有下划线的文字</u><br>
<s>我是有删除线的文字</s><br>
【8】<hr>
这是水平分割线标签
【9】<a>
这是超链接标签,用于导航到其他网页或者资源
<a href="https://fanyi.baidu.com/">百度翻译</a>
列表标签
【1】<ul>
这是无序列表
<ul>
<li>我是列表项</li>
<li>我是列表项</li>
<li>我是列表项</li>
<li>我是列表项</li>
<li>我是列表项</li>
</ul>
【2】<ol>
这是有序列表
<ol>
<li>我是列表项</li>
<li>我是列表项</li>
<li>我是列表项</li>
<li>我是列表项</li>
<li>我是列表项</li>
</ol>
【3】<li>
这是用来定义列表项的
表格标签
【1】<table>
这是用来定义表格的
【2】<tr>
这是用来定义表格行的
【3】<td>
这是用来定义表格数据单元格的
【4】<th>
这是用来定义表格标题单元格的
表单标签
【1】form
这是用来创建表单的
【2】<input>
这是用来定义表单输入字段的
【3】<textarea>
这是用来定义多行文本输入字段的
【4】<select>
这是用来定义下拉列表框的
【5】<button>
这是用来定义按钮的
【6】<label>
这是为表单元创建标签的
媒体标签
【1】<img>
这是用来插入图像的
【2】<audio>
这是用来插曲音频的
【3】<video>
这是用来插入视频的
其他标签
【1】<div>
用于创建块级容器,用于组织和布局内容。
【2】<span>
<span>
:用于创建内联容器,通常用于样式和脚本操作。
标签的两个重要属性
【1】id
id
属性:id
属性用于为 HTML 元素指定唯一的标识符。每个页面上的元素都应该有唯一的id
,这个标识符在 JavaScript 和 CSS 中非常有用
【2】class
标签:定义,这是,标签,基础,html,列表,meta,用来 From: https://www.cnblogs.com/Hqqqq/p/18092666
class
属性用于为 HTML 元素指定一个或多个样式类。样式类是一组样式规则的集合,可以在 CSS 中定义。多个元素可以共享相同的样式类,以应用相同的样式。这对于一致性和可维护性非常重要,因为你可以在一个地方定义样式规则,然后在多个元素上应用它们。