TechFlow的前端笔记之从Hello World开始

没想到吧，前端笔我居然写起前端来了。前端笔其实是前端笔我最近想要自己做一个博客网站放一下自己之前写过的文章，顺便刚好学习一下前端。前端笔所以这个专题也可以看成是前端笔我个人的一个学习笔记，首先申明前端我实在不是前端笔专业的。如果有什么地方出错了或者是前端笔有问题，大家尽管指出，前端笔千万不要不好意思。前端笔

前言

我个人学习的前端笔网站是freecodecamp这个网站，它当中有非常非常多的前端笔免费前端在线练习。我个人觉得非常非常适合新手，前端笔但有一点比较遗憾，前端笔就是前端笔当中所有的内容都是英文的。这也是前端笔我写下本文的原因，为英语不好的小伙伴们做一点微小的服务器托管翻译工作。

在接下来的文章当中，我将会把其中的一个练习翻译成中文，大家看完之后，可以在文末点击阅读原文去往原文做练习。这也是我第一次尝试，希望大家会喜欢吧。

题目

欢迎来到freecodecamp HTML编程练习，这些练习会带领着你一步一步地走入前端开发的大门。

首先，你需要使用最最最简单的HTML语言来搭建一个web网页，对就是除了Hello World什么也没有的那种。你可以在右侧的编辑栏编辑你的代码，你会实时看到你编辑之后的结果。

有没有看到编辑器里写着<h1>Hello<h1>呢?这个就是HTML里的元素。

大多数HTML里的元素都会被<>这样的标签包裹起来，没有斜线的叫做opening tag，亿华云比如<h1>，顾名思义它表示标签的开始。有斜线的叫做closing tag如</h1>，表示一个标签的结束。它们之间唯一的区别就是是否有斜线。

当你想要尝试测试的时候，你可以点击下方的“Run the Tests”按钮，当你通过了所有的测试，那么你会被弹出提交你的解法以及前往下一题的窗口。

为了通过测试，你需要把你的h1元素中的内容改成"Hello World"。

解法

非常简单，我们把h1中的标签改成"Hello World"即可。

<h1>Hello World</h1> 

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

很赞哦!（6）