HTML的基础知识

一、标签语法

                开始标签         内容         结束标签

格式举例：<strong>需要加粗的文字</strong>

总结：1、标签成对出现，中间包裹内容

           2、<>里面放英语字母（标签名）

           3、结束标签比开始标签多/

           4、拓展：双标签：成对出现；单标签：只有开始标签，没有结束标签（例如：<br>换行、<hr>水平线）

二、基本骨架

HTML基本骨架是网页模板

1、HTML：整个网页

2、head：网页头部，存放给浏览器看的代码，例如CSS

3、body:网页主体，存放给用户看的代码，例如图片、文字

4、title：网页标题

注：VScode快速生成骨架

    在HTML文件(.html)中，！(英文)配合Enter/Tab键

三、标签的关系

作用：明确代码的书写位置

1、父子关系（嵌套关系）

2、兄弟关系（并列关系）

四、注释

       注释就是对代码的解释和说明，其目的是让人们能够更加轻松地了解代码。<!--...-->注释标签用来在源文档中插入注释，注释不会在浏览器中显示。

五、CSS结构伪类选择器

    选择符                                                         简介

E：first-child                               匹配父元素中的第一个子元素E

E：last-child                               匹配父元素中最后一个E元素

E：nth-child(n)                           匹配父元素中的第n个子元素E

E：first-of-type                            制定类型E的第一个

E:last-of-type                              制定类型E的最后一个

E：nth-of-type(n)                        制定类型E的第n个

例如：

代码：

结果：