html常见的文本标签

最新推荐文章于 2024-04-13 17:02:31 发布

Camellia——

最新推荐文章于 2024-04-13 17:02:31 发布

阅读量782

点赞数

分类专栏：前端文章标签： html servlet 前端

本文链接：https://blog.csdn.net/weixin_57219176/article/details/126436061

版权

前端专栏收录该内容

40 篇文章 0 订阅

订阅专栏

<!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 />
		<!-- 转义字符：&copy:版权所有
					  &reg:注册商标
					  &nbsp空格
		 -->
		 2022-8-19<sup>&reg;</sup><br />
		 hello&nbsp;&nbsp;家人们<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>