<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML中常用的普通标签</title>
</head>
<body>
<h1>H1</h1>
<h2>H2</h2>
<h3>H3</h3>
<h4>H4</h4>
<h5>H5</h5>
<h6>H6</h6>
<p>p标签对，独占一行</p>
hr单标签，width属性可以口控制分割线的宽度
<hr width="500px">
br单标签
<br>
换行
<br>
<b>b加粗</b>
<i>i倾斜</i>
<u>u下划线</u>
<strong>strong重要标识</strong>
<em>em强调</em>
<ins>ins下划线</ins>
<del>del删除线</del>
<a href="https://www.teamczyx.com" target="_blank">a链接</a>
img图片<img src="./img/12.jpg" alt="图片描述" alt="鼠标悬浮显示文字">
<pre>
预排版标签，支持
换行
</pre>
1<sup>3</sup>--sup上标
<br>
2<sub>3</sub>--sub上标
<br>
<div>div盒子容器，无实际含义，用来排版</div>
<span>span块标记，无实际含义，用来排版</span>
</body>
</html>
解释如下：
h1~h6标签对，h1最大h6最小，独占一行 在SEO中比重较大
p标签对，独占一行
hr单标签，width属性可以口控制分割线的宽度
br单标签 换行
b、i、u标签对，分别是文字加粗、文字倾斜、文字下划线 类似于word文档中的文字修饰
strong（重要）、em（强调）、ins（下划线）del（删除线）标签对 和文本标记起到的作用一样：
a标签对，关键是href属性，属性的值是目标文件的路径/目标网址(内部链接、外部链接、锚点链接、下载链接、空白链接)
img，src属性值为图片源文件的路径
title：鼠标悬浮到图片上的时候出现的提示文字
alt：图片无法显示的时候出现的图示文字
pre标签，可以识别换行和空格，在PHP打印结果的时候会用到
sup标签对 上标
sub标签对 下标
doctype 告知浏览器以html的规范解析当前文档
实体 空格 <小于号 > 大于号 " 引号 ￥ 人民币符号
div 用作盒子
span 文字块标记
<button></button>按钮
|
窥视卡
雷达卡
发表于 2023-1-30 20:35:58
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡
发表于 2023-2-15 04:10:18
