前端_HTML_03：标签

最新推荐文章于 2022-08-11 19:56:51 发布

耳东er

最新推荐文章于 2022-08-11 19:56:51 发布

阅读量385

点赞数

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

本文链接：https://blog.csdn.net/q734044429/article/details/117778099

版权

一、标签介绍

标签——Tag
- 标签（标记）是HTML语言的基本部分
- 根标签是 HTML，包含两个子标签 head 和 body
- 标签一般分为单标签和双标签
- 标签是分层次的；多数标签是成对出现的，包括开始标签和结束标签
- 标签不区分大小写
属性和属性值——Attribute
- 属性是写在开始标签中的，附属于标签，对标签的特征进行设置
- 属性的值可以用双引号也可以用单引号，不区分
- 属性和属性值不区分大小写，属性之间也无先后次序
  ——例
```
<hr/ width="50%" align="right" size="5" color="red"> 
```
文本——Text
- 标签的内容可以是子标签或者普通文本
- 标签内的内容都可以统称为文本（包括空格和换行）
元素——Element
- 元素结构：<开始标签> 中间内容 </结束标签>
```
<p align="center"> HTML 文档包括头部和主体部分组成 </p>
```
- 一个完整的标签我们可以称之为网页上的一个元素

二、标签分类

——⭐标题标签< h >

<html>
	<head>
		<meta charset="utf-8">
		<title>标题标签</title>
	</head>
	<body>
		<!-- <h1~6>——1到6级标签 -->
		<h1>耳东Dr沙雕一世</h1>
		<h2>耳东Dr沙雕一世</h2>
		<h3>耳东Dr沙雕一世</h3>
		<h4>耳东Dr沙雕一世</h4>
		<h5>耳东Dr沙雕一世</h5>
		<h6>耳东Dr沙雕一世</h6>
	</body>
</html>

——⭐段落标签< p >

<html>
	<head>
		<meta charset="utf-8">
		<title>段落标签</title>
	</head>
	<body>
		<!-- 
		<p> 段落标签：被段落标签包裹的文字就是独立的一个段落，段落与段落之间是自动换行的
		<br/> 换行标签：放在哪里就在哪里换行
		 -->
		<p><h3>段落标签</h3>被段落标签包裹的文字就是独立的一个段落<br>
		段落与段落之间是自动换行的</p>
		
		<p><h3>换行标签</h3>放在哪里<br>就在哪里<br>换行</p>		
	</body>
</html>

——⭐格式化标签

👀格式化标签查询地址

<html>
	<head>
		<meta charset="utf-8">
		<title>格式化标签</title>
	</head>
	<body>
		<p>我们不一样，我是本尊</p>
		<p>我们<b>不一样</b>，我是加粗</p>
		<p>我们<strong>不一样</strong>，我是加粗</p>
		<p>我们<big>不一样</big>，我是变大</p>
		<p>我们<small>不一样</small>，我是变小</p>
		<p>我们<i>不一样</i>，我是变斜</p>
		<p>我们<em>不一样</em>，我是变斜</p>

最低0.47元/天解锁文章

耳东er

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端_HTML_03：标签

一、标签介绍标签——Tag标签（标记）是HTML语言的基本部分根标签是 HTML，包含两个子标签 head 和 body标签一般分为单标签和双标签标签是分层次的；多数标签是成对出现的，包括开始标签和结束标签标签不区分大小写属性和属性值——Attribute属性是写在开始标签中的，附属于标签，对标签的特征进行设置属性的值可以用双引号也可以用单引号，不区分属性和属性值不区分大小写，属性之间也无先后次序——例<hr/ width="50%" align="ri
复制链接

扫一扫