02.html 基本标签

html 基本标签

  1. 标签分类
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>标签分类</title>
</head>
<body>
	<!-- 
		单标签和双标签 
			单标签(没有闭合标签的)
				<img src="" alt="">
			双标签(有闭合标签)
				<p></p>
	-->
	<!-- 
		块级元素与行内元素
			块级元素(独占一行的)
				<p></p>
				<h></h>
			行内元素
				<a href=""></a>
	 -->
</body>
</html>
  1. 标题标签 h1 - h6
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>标题标签</title>
</head>
<body>
	<h1>一级标题</h1>
	<h2>二级标题</h2>
	<h3>三级标题</h3>
	<h4>四级标题</h4>
	<h5>五级标题</h5>
	<h6>六级标题</h6>
	<!-- 
		h标题标签
			块级标签 - 独占一行的标签
			自带样式 
				- margin
				- font-weight
				- font-size
				
	 -->
	<h1>woshibiato</h1>
</body>
</html>

页面标题样式
3. 段落标签

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>段落标签</title>
</head>
<body>
	<p>我是一个段落</p>
	<p>我也是一个段落</p>
	<!-- 
		p段落标签
			块级标签
			自带样式
				- margin
	 -->
</body>
</html>

在这里插入图片描述
4. 水平线标签


<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>水平线标签</title>
</head>
<body>
	<p>我是段落1</p>
	<hr>
	<p>我是段落2</p>

	 <!-- 
		hr水平线标签
			自带样式
				- margin
	  -->
</body>
</html>

在这里插入图片描述
5. 换行标签

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>换行标签</title>
</head>
<body>
	<p>我是段落1</p>
	<br>
	<br>
	<p>我是段落2</p>
</body>
</html>
  1. 文本标签
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>文本标签</title>
</head>
<body>
	<!-- 加粗文本 -->
	<strong>加粗文本</strong>
	<b>加粗文本</b>
	<br>	
	<!-- 斜体文本 -->
	<em>斜体文本</em>
	<i>斜体文本</i>
	<br>
	<!-- 下划线文本 -->
	<ins>下划线文本</ins>
	<u>下划线文本</u>
	<br>
	<!-- 中划线文本 -->
	<del>中划线文本</del>
	<s>中划线文本</s>
</body>
</html>

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值