html基础

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

class 属性用于为 HTML 元素指定一个或多个样式类。样式类是一组样式规则的集合，可以在 CSS 中定义。多个元素可以共享相同的样式类，以应用相同的样式。这对于一致性和可维护性非常重要，因为你可以在一个地方定义样式规则，然后在多个元素上应用它们。