<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>常见的文本标签</title>
</head>
<body>
<!-- 标题标签:h1~h6从大到小 会自动换行-->
<h1>扫黑风暴</h1>
<h2>扫黑风暴</h2>
<h3>扫黑风暴</h3>
<h4>扫黑风暴</h5>
<h6>扫黑风暴</h6>
<!-- 水平线标签 -->
<hr/>
<!-- 换行标签 -->
内容1<br />内容2<br />
<!-- 段落标签 p-->
<p>举头望明月</p>
<p>低头思故乡</p>
<p>第一章第一章第一章第一章</p>
<!-- 段落缩进标签:blockquote:针对上面内容进行强调 -->
<blockquote>
第一章内容社会背景
</blockquote>
<!-- 原样输出 pre -->
<pre>
举头望明月
低头思故乡
</pre>
<pre>
function checkUser(){
alter("user");
}
</pre>
<!-- 滚动标签:marquee
属性:
direction:滚动的方式:left(默认值:从右往左)
right,up,down
behivor:滚动的方式
slide:滚动一次
alternate:交替滚动
scroll:连续滚动(默认值)
scrollamount:固定的速度:默认值6(正整数)
wtidh和heigth:滚动区域大小
bgcolor:背景颜色:16进制RGB/或者颜色单词
-->
<marquee direction="right" behivor="alternate" scrollamount="20"
wtidh="400px" height="300px" bgcolor="#00FFFF">
张三
</marquee><br />
<!-- 上下标签sup和sub 注册商标/版权所有-->
X<sup>3</sup><br />
H<sub>2</sub>o<br />
<!-- 转义字符:©:版权所有
®:注册商标
 空格
-->
2022-8-19<sup>®</sup><br />
hello 家人们<br />
<!-- 列表标签
无序列表:ul li(子标签:列表项)
有序列表:ol li(子标签:列表项)
-->
你喜欢的球队?
<ul type="square">
<!-- ul 默认属性:type="disc实心圆点"-->
<li>巴萨</li>
<li>拜仁</li>
<li>曼联</li>
</ul>
<hr />
你喜欢的球队?
<!-- 默认属性 type="a"-->
<ol>
<li>巴萨</li>
<li>拜仁</li>
<li>曼联</li>
</ol>
<!-- div快标签 层级布局
默认有四个边框:上下左右
一般情况:通过div+css样式属性:做网页的布局
-->
<div>div1</div>
<div>div2</div>
<!-- 行内标签
应用场景:做原生js的表单验证
通过js正则表达式验证输入的表单是否符合规则
-->
<span>span1</span>
<span>span2</span><br />
<!-- 加粗标签 Strong b(带有一定的强调语义)-->
kkk
<strong>kkk</strong>
<b>kkk</b>
<!-- 斜体标签em i(带有一定强调语义)-->
hh
<em>hh</em>
<i>hh</i>
<!-- 字体标签 font
font
size:字体大小
color:颜色
center:居中标签
-->
<center>
<font size="20px" color="red">天气好</font>
</center>
</body>
</html>