本文记录了一位初学者跟随尚硅谷李立超老师的课程学习Web前端的经历，重点介绍了HTML的基础知识，包括如何创建"HelloWorld"网页和基本框架。学习内容包括文档声明、HTML标签结构，如html、head、body、meta和title等。作者还分享了对Web前端的理解，将其比喻为人的骨架（HTML）、衣服（CSS）和肢体动作（JavaScript），并概述了后续学习路径。
最近想要学习一下Web前端，就从b站上找了下相关课程，找到了 尚硅谷 里面 李立超 老师讲的课程，就跟着学习了一下，最近看了一些HTML和CSS的一些入门的知识，打算用博客的方式记录下来，一方面可以巩固学习的知识，另外还可以做个笔记，等后面用到的时候可以拿来复习复习！
接下来，就要开始我的学习之旅了！（请注意听讲，下面的知识非常重要【手动狗头】）
基础知识学习
1、Html入门
当然，最重要的知识当然是从"Hello World"开始啦，刚开始学习一门语言，入门就是写一个“Hello World”
<html>
<head>
<title> 第一个网页 </title>
</head>
<body>
<!--
标签一般成对出现，自结束标签可以自己结束
-->
<h1>我是myh</h1>
<h2>这是我的第一个网页</h2>
</body>
</html>
以上就是我的第一个网页代码，包含了Html最基本的框架，根标签html，头部标签head和身体标签head，我们所有想要在网页中显示的东西都要写在body里面。
2、Html基本框架
在写完第一个"Hello World"网页之后，接下来对基本的Html网页框架进行熟悉：
<!-- 文档声明，声明当前的网页版本 -->
<!doctype html>
<!-- html的根标签（元素） -->
<html>
<!-- head是网页的头部，head中的内容不会在网页中直接出现，主要用来帮助浏览器或搜索引擎解析网页 -->
<head>
<!-- meta标签用来设置网页的元数据，这里用来设置网页的字符集，避免乱码问题 -->
<meta charset="utf-8">
<!-- title中的内容会显示在浏览器的标题栏，搜索引擎主要根据title中的内容来判断网页的主要内容 -->
<title>网页的标题</title>
</head>
<!-- body是html的一个子元素，表示网页的主体，网页中可见的内容都写在body里 -->
<body>
<!-- h1网页的一级标题 -->
<h1>网页的一级标题</h1>
</body>
</html>
<!-- 帮助文档：html标签列表可以看w3cschool官网 -->
总结
通过观看视频，并结合上机自己跟着操作，对Web前端有了一些简单的了解。
我们可以将Web前端的学习分为3个阶段：
1、Html 用来负责网页的结构
2、CSS 用来负责网页的表现（设置元素的样式）
3、Javascript 用来实则网页的行为（响应用户的需求）
可以形象的比喻为：将一个人看作为一个网页的话，Html相当于人的骨架，CSS是人的衣服或者妆容，而Javascript相当于人的肢体动作和语言，只有这三者都具备，才能形成一个完美的网页！
在后续的学习中也就是按照这个路线进行学习，首先学习的就是Html中一些重要的标签和元素，然后对这些元素进行设置不同的样式，最后给网页添加各种响应。
7454
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
