当前位置: 首页 > 科技观察

TechFlow的前端笔记从HelloWorld开始

时间:2023-03-12 04:54:14 科技观察

没想到,我居然写了前端。其实最近想自己做一个博客站,把之前写的文章贴出来,顺便学习一下前端。所以这个题目也可以算是我的个人学习笔记。首先声明,我不是前端专业的。如果有不对的地方或者有问题,欢迎大家指出,不要不好意思。前言我个人学习的网站是freecodecamp,里面有很多免费的前端在线练习。个人觉得非常非常适合新手,可惜全部内容都是英文的。这就是我写这篇文章的原因,为那些英语不好的人做一点翻译工作。在下一篇文章中,我会将其中一个练习翻译成中文。阅读后可点击文末阅读原文前往原文进行习题。这也是我的第一次尝试,希望大家喜欢。Topic欢迎来到freecodecampHTML编程练习,这些练习将带领你一步步走进前端开发的大门。首先,你要用最简单最简单的HTML语言来搭建一个网页,也就是那种除了HelloWorld什么都没有的。您可以在右侧的编辑栏中编辑您的代码,您将实时看到您的编辑结果。看到编辑器里写的

Hello

了吗?这是HTML中的元素。HTML中的大部分元素都会被<>这样的标签包裹起来,没有斜杠的被称为开始标签,比如

,顾名思义,表示标签的开始。斜杠称为结束标记,例如

,表示标记的结束。它们之间的唯一区别是斜杠的存在与否。当您想尝试测试时,可以单击下面的“运行测试”按钮。当您通过所有测试后,系统将提示您提交答案并转到下一个问题。为了通过测试,您需要将h1元素的内容更改为“HelloWorld”。解决方法很简单,我们只要将h1中的label改成“HelloWorld”即可。

HelloWorld

本文转载自微信公众号「TechFlow」,可通过以下二维码关注。转载请联系TechFlow公众号。