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

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

Posted by LineXic on October 3, 2023
  • 再来几个网页必写标签
  • 解析
  • 什么是子标签
  • #前言

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

    标签

    我们先来认识一下标签

    标签是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>标签里的内容在网站打开页面中看不到的比如说网站的名称

    什么是子标签

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

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


    阅读量:
    ☛兄dei,请我喝杯茶☚
    %