幼儿园前端开发0-1

本期详细的视频教程bilibili：幼儿园前端 #12：HTML 完结篇！Head 里的秘密 —— 怎样让百度搜到你？ 一、 必须背诵的一行代码：Viewport（视口） 还记得我们在第 04 集生成

本期详细的视频教程bilibili：幼儿园前端 #11：表格标签 table —— 别拿它做布局，但展示数据它是的神！ 一、 表格三剑客：Table / TR / TD 在 Excel 里，我们说“第

本期详细的视频教程bilibili：幼儿园前端 #10：表单进阶(下) —— 必填？邮箱？勾选？一行代码立规矩！ 一、 最强保安：required (必填) 这是表单里最实用的属性，没有之一。 它的作

本期详细的视频教程bilibili：幼儿园前端 #09：表单入门(上) —— 3个标签，手写一个登录框 一、 主角：万能输入框 <input> 在 HTML 里，想让用户打字，就用 <input> 标

本期详细的视频教程bilibili：幼儿园前端 #07：超链接 —— 网页的“任意门”，想去哪就去哪！ 一、 为什么叫 <a>？ 链接Link，为什么标签不叫<a>? <a> = Anchor（船锚）

一、 为什么要用列表？ 假如你家人要你去买东西，然后他是这样你说的：“去买点苹果然后买点香蕉对了还要买一瓶酱油别忘了买个西瓜……” （看着头晕，容易漏买） 如果他给你发的是这样呢？ 苹果 香蕉 酱油

本期详细的视频教程bilibili：幼儿园前端 #02：VS Code 安装 + 4个必备插件（新手环境配置） 下载与安装 Visual Studio Code 开发工具 Visual Studio

本期详细的视频教程bilibili：幼儿园前端 #03：标签像积木？手把手教你“嵌套”与“父子关系” 一、标签的“开关”逻辑 绝大多数 HTML 标签都是成对出现的，就像一个盒子的盖子和底。 开始标签

本期详细的视频教程bilibili：幼儿园前端 #04：网页也有“脑子”？5分钟看懂 HTML 标准骨架 一、不需要背代码，只需要一个感叹号！ 在vscode编辑器中输入感叹号!然后按下 Tab 键就

1）一句话结论（先背住） HTML：负责“放东西 + 说明这是什么” （内容与结构，像房子的骨架） CSS：负责“变好看 + 摆整齐” （样式与布局，像房子的装修） 你可以用这两句话记： HTML 问

本期详细的视频教程bilibili：幼儿园前端 #05：别再用 div 也就是盒子堆一切了！教你写出“有教养”的代码 。 一、div和语义化区别 1. div = 没有任何感情的纸箱子 📦 <div

本期详细的视频教程bilibili：幼儿园前端 #08：图片标签 img —— 为什么你的图片裂了？（含懒加载秘籍） 一、 特立独行的“单标签” 我们之前学的标签大多是成双成对的（比如 <div>..