重头开始学HTML-Day1

htw今天AC了吗？

已于 2023-03-22 20:15:10 修改

阅读量127

点赞数

分类专栏：前端文章标签： html 前端

于 2023-03-22 16:21:01 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_52952269/article/details/129710391

版权

前端专栏收录该内容

2 篇文章

订阅专栏

本文是作者根据bilibili上Pink老师的前端讲解视频编写的个人学习笔记，介绍了HTML作为超文本语言的特性，Web的三大标准（HTML、CSS、JavaScript），HTML的语法规范，基本结构标签以及如何在VScode中快速编写HTML。此外，还提及了字符集、注释和特殊字符的使用，并分享了Pink老师的参考资料链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

说在开头，这个仅仅只是作者个人的学习笔记！！！！！其中知识点不保证完全的正确！！

是结合bilibili当中的Pink老师的前端讲解视频进行学习，如果有需要的读者，可以自行前往学习。

谢谢大家理解~

1、HTML是超文本语言，比起其他语言会简单很多很多。

2、web的三大标准——结构（HTML）、表现（CSS）、行为（JavaScript）

3、HTML的语法规范：

1、所有的标签都要包含在<>中，基本上都是成对出现，有分为开始标签和结束标签，又叫做双标签，但是也有一些特殊的单标签（例如，<br/>）。

2、标签是有关系的，有分为包含关系和并列关系。

4、HTML的基本结构标签

第一个页面演示代码：

<html>
    <head>
        <title>第一个页面 </title>
    </head>
    
    <body>
        键盘敲烂，工资过万！！
    </body>

</html>

（VScode）代码运行结果：

5、HTML的开发工具——VScode （作者使用的是VScode哈哈）

vscode 的一个小技巧，可以是直接输入英文状态下的 ! ，可以直接弹出基本的HTML的骨架。对于该骨架的一些标签，做简单说明如下图：


<!DOCTYPE html> 
<!-- 文档类型的说明标签 -->
<html lang="en"> 
<!-- 当前文档的显示语言，
 en定义为英文，zh-CN定义为中文等，但其实都是可以相互显示 -->
<head>
    <meta charset="UTF-8">
    <!-- 字符集，能够识别和存储各种文字
        其中UTF-8是万国码，需要注意大小写 -->