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

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

Posted by LineXic on October 3, 2023

#前言

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

Page Views Count

标签

我们先来认识一下标签

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

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

别急我们来逐步解析一下图片中的标签
1
2
3
<h1>

</h1>

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

1
2
3
<h2>
	
</h2>

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<h1>
	
</h1>

<h2>
	
</h2>

<h3>
	
</h3>

<h4>
	
</h4>

<h5>
	
</h5>

<h6>
	
</h6>

再来几个网页必写标签

1
2
3
4
5
6
7
8
<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>标签里的内容在网站打开页面中看不到的比如说网站的名称

什么是子标签

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

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


%