HTML保姆级教程（一）标题，段落，滚动，列表标签

📒博客主页：悟空的博客主页
🎉欢迎关注🔎点赞👍收藏⭐️留言📝
🙉作者简介：一只还在学本领的石猴 🐵
👀关注公众号【悟空信条】，简历模板、学习资料、面试题库等通通分享🎁
🙏作者水平很有限，如果发现错误，一定要及时告知作者哦！感谢感谢！🚤

已完结：《HTML看这一篇就够了》

如果说HTML是肉身、CSS就是皮相、Javascript就是灵魂。

对于一个网页，HTML定义网页的结构，CSS描述网页的样子，JavaScript是用来实现网页上的特效效果

一个很经典的例子是说HTML就像一个人的骨骼、器官，而CSS就是人的皮肤，有了这两样也就构成了一个植物人了，加javascript这个植物人就可以对外界刺激做出反应，可以思考、运动、可以给自己整容化妆（改变CSS）等等，成为一个活生生的人。

0 写在前面

本篇文章不会面面俱到，但可以深度的快速入门，看完即可实战，如果还要一些细枝末节的东西，用到的时候再去充电即可，本篇文章将会通过代码分析，效果图演示，让我们很快的掌握此方面的内容。建议边看边实现一遍，上手会非常快。

1 HTML的文件结构

＜html＞…＜/html＞：表示HTML文件开始和结束的位置，里面包括＜head＞和＜body＞等标记。HTML文件中所有的内容都应该在这两个标记之间。

＜head＞…＜/head＞：HTML文件的头部标记，习惯将这两个标记之间的内容统称为HTML的头部。

＜body＞…＜/body＞：用来指明文档的主体区域，网页所要显示的内容都要放置在这个标记内。习惯将这两个标记之间的内容统称为HTML的主体。

2 编写工具

可以使用系统自带的记事本编写，也可以用集成开发环境编写，这里推荐使用几款常用的编辑器（建议先用vs code，后续如果进行web开发再用其他集成开发环境）

VS Code：https://code.visualstudio.com/
idea：https://www.jetbrains.com/zh-cn/idea/download/#section=windows

拓展：HTML、CSS与JavaScript并不需要特殊的开发环境，它们都是由客户端的浏览器执行的。HTML文件的扩展名为.html或.htm，CSS文件的扩展名为.css，JavaScript文件的扩展名为.js。

3 常用标签

常用HTML标签简单划分为以下4种格式。

• ＜标记名称＞单一型，无设置值。例如：换行符＜br＞。
• ＜标记名称属性＝＂属性值＂＞单一型，有设置值。例如：＜hr color＝＂red＂＞。
• ＜标记名