标签：

发布于：2023-10-03更新于：2025-01-26

本文字数：650字阅读时长：2分

【前端.3】编写你的第一个网页

#前言

本文基于尚硅谷Web前端基础教程发布，你也可以理解成这是一篇尚硅谷教程笔记

标签

我们先来认识一下标签

标签是HTML网页组成的根元素通常由<>组成，标签是组成网页的基本形式
我们上一篇内容写了一首诗，叫<<回乡偶书>>那个虽然也较网页但不规范，少了一些标签

这次我们加上了标签来让他更规范些

规范啦

别急我们来逐步解析一下图片中的标签

1
2
3

<h1>

</h1>

这个标签指标题，后面的是他的结束标签，<h1>一般都会被浏览器渲染的很大上文的“标签”就是一个<h1>题目

1
2
3

<h2>
	
</h2>

是一个二级标题，比上文<h1>略小一点，像这样的还有6个，在这里不一一赘述了

<h1>
	
</h1>

<h2>
	
</h2>

<h3>
	
</h3>

<h4>
	
</h4>

<h5>
	
</h5>

<h6>
	
</h6>

再来几个网页必写标签

<html>
	<head>
		<title></title>
	</head>
	<body>
		<！--网页内容-->
	</body>
</html>

解析

<html>是网页必写标签，整个网页有且能只有一个

<body>是<html>的子标签，body的中文翻译是身体，这也就意味着网页的所有内容都在这个标签里写，在它的里面还有更多的子标签什么<h1>``<p>标签都写在里面

body

<p>是比<h1>小的，它的意思是段落，我来介绍<p>的这一段就是个段落

<head>也是<html>的子标签，在它的标签内只能有一个子标签那就是<title>，<title>是整个网站的名称，比如我这个网站就叫LineXic|博客.blog，那么在这个title标签里就写<title>LineXic|博客.blog</title>

<head>标签里的内容在网站打开页面中看不到的比如说网站的名称

什么是子标签

前面有提到子标签，那么什么是子标签呢，简单来说就是爸爸的儿子，是可以包括在里面的

一个标签可以被另一个标签包括在里面，那么那个标签就是包括它的标签的子标签。我这么说可能有点乱，大家可以自行百度

本文采用署名-非商业性使用-相同方式共享 4.0 国际许可协议，转载请注明出处。