学废HTML基础认识第三篇

语法规范

雷迪斯and the乡亲们  欢迎你们来到 奇幻的编程世界

先来一波前集回顾吧！

HTML初体验：

 (1）   HTML：超文本标记语言

 (2）   HTML骨架结构

 (3)     VS Code的使用

上一篇的你们都学废了嘛！接下来咱们这一篇咱们会学来点真东西，学波实操，想必你们已经迫不及待了吧！那么

废话不多说教学走一波！！!

一、HTML的注释

什么是HTML注释呐？

在这里首先举两个例子：

•      在之前上课学习时，哥哥姐姐们通常会在书本段落间记录内容的注解，方便下次看到此处理解。

•      程序员在写代码时也会添加注释，方便下次看到此处时方便想起功能和含义。

注释的作用是什么呐？

•      为代码添加的具有解释性、描述性的信息，主要用来帮助开发人员理解代码

•      浏览器执行代码时会忽略所有的注释

注释的快捷键

•      在VS Code中： ctrl + /

温馨提示： 浏览器不会执行注释，浏览器执行代码时会忽略所有的注释

二、HTML标签的结成

唉~先别慌，咱们开始上难度了哈，要开始实操了哟！很抱歉第三篇才带来实操课，但是贵在基础嘛。下面让我来为你一 一解答，其实也不难 放平心态，废话不多说，教学走一波！！！

结构说明：

1.    标签由<、 >、/、英文单词或字母组成。并且把标签中<>包括起来的英文单词或字母称为标签名

2.    常见标签由两部分组成，  我们称之为： 双标签。前部分叫开始标签，后部分叫结束标签，两部分之间包裹内容

3.    少数标签由一部分组成，  我们称之为： 单标签。自成一体， 无法包裹内容。

 这么一讲大家应该懂了吧？要是感觉还有迷糊的小伙伴们也别急，跟着我肯定让你们都学废HTML好吧！下面来一波小总结

 常见标签由几部分组成？称之为？

•      两部分，双标签       

少数标签由几部分组成？称之为？

•      一部分，单标签       

 以下标签按照结构划分，分别属于哪一类标签？（这几种标签咱们下一篇会用到，提前给大家普及一下，之后还会细讲。这样的话大家就可以开始练习咯）

•      <p>我是标签</p>双标签   段落标签                  

•      <h1>我是标签</h1>双标签    标题标签

•      <hr>单标签     水平线标签

•      <br>单标签     换行标签

 温馨提示：  双标签的属性需要写在开始标签中  ，标签上可以同时存在多个属性 ，标签名与属性之间属性与属性之间以空格隔开      

HTML标签的关系

HTML标签与标签之间的关系可分为：

哈哈哈哈哈！这样应该通俗易懂了吧，你学废了嘛？

学了这么多了走一波小总结吧

1.    前端基础概念铺垫：

（1）  网页的基本组成元素：文字、图片、音频、视频、超链接等

（2）  五大浏览器

（3)    Web标准

2.      HTML初体验：

 (1）   HTML：超文本标记语言

 (2）   HTML骨架结构

 (3)     VS Code的使用

3.    语法规范： 

  (1）    HTML的注释

（2）    标签的构成：双标签 / 单标签

（3）    标签的属性：   属性名 =“属性值”

（4）    标签的关系：父子 + 兄弟

欧克了老铁们，咱们的基础认识就已经完结了，下一篇咱们接着学习    HTML标签学习

首先呐感谢大家的支持！！！

接下来呢，我也会不断滴更新下去的， 如果我有什么不对的地方还请各位大佬多多理解、多多关照。

我也会不断的提升自己，让每一位跟着我教学一起走的哥哥姐姐们都可以学废编程

百敲高薪，学废编程。