30天自学前端——引子

最新推荐文章于 2024-05-10 15:47:34 发布

m0_74758366

最新推荐文章于 2024-05-10 15:47:34 发布

阅读量82

点赞数

分类专栏：自学前端文章标签：前端 html html5 chrome

本文链接：https://blog.csdn.net/m0_74758366/article/details/128545858

版权

15 篇文章 0 订阅

订阅专栏

本文实际上是依据如上视频结合个人体悟所写的前端自学笔记。侵删。

以下是对P12以前的知识做一个回顾。

回顾 / 预备知识

一、HTML语法规范

1.1 单个标签的书写

html是一门由很多标签组成的语言，正如其他所有语言，html语言的书写存在其特定的标准。

首先，一个标签是被包含在一对<>中的，

其次，标签往往是成对出现的，包括开始标签和结束标签，而结束标签之前(尖括号之内)要加上" / "。

例如html的根标签书写如下：

<html>
    其他内容
</html>

但是也存在例外，也有一些单独出现的标签，例如<br />(具体功能很快会介绍到)。

观察可知，无论是双标签还是单标签，其都存在一个结束符号：" / "，这点需要格外注意，如果忽略很可能导致后面许多文本、图片输出的格式和自己所想的不同。

1.2 多个标签的书写

<html>
    其他内容
</html>

从1.1中提到的<html>标签的写法，可以看出，某个标签的开始标签和结束标签之间可以存放其他内容，这些内容可以是文本、图片、标签等等。

位于<html>标签内部的标签，称为<html>的子标签，与之相应，<html>是其包含的标签的父标签。因此，标签之间的包含与被包含关系称为父子关系或者包含关系。

<html>
    <head></head>
    <body></body>
</html>

除了包含关系之外，标签之间还存在并列关系。如上图，<head></head>和<body></body>这两个标签就是并列关系。

二、HTML基本结构

2.1基本结构标签及其定义

<html></html>定义： HTML标签，称为根标签；

<head></head>定义：文档的头部，在head标签中必须存在title标签；

<title></title>定义：文档的标题，可以让页面拥有一个自己的标题；

<body></body>定义：文档的主体，内部存放网页主体内容；

2.2基本结构

<html>
    <head>
        <title>标题</title>
    </head>
    <body>
        主体内容
    </body>
</html>

运行以上程序可以得到下图：

关注

专栏目录