没想到吧,我居然写起前端来了。其实是我最近想要自己做一个博客网站放一下自己之前写过的文章,顺便刚好学习一下前端。所以这个专题也可以看成是我个人的一个学习笔记,首先申明前端我实在不是专业的。如果有什么地方出错了或者是有问题,大家尽管指出,千万不要不好意思。
前言
我个人学习的网站是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公众号。
摘要 元旦期间 订单业务线 告知 推送系统 无法正常收发消息,作为推送系统维护者...
Docker生成新镜像版本的两种方式 There are two ways Docker can generate new m...
信息化2.0时代提出开展智慧教育创新发展行动。2019年2月,中共中央、国务院印发...
从 10.0.0 版开始,异步迭代器就出现在 Node 中了,在本文中,我们将讨论异步迭...
在Python语言中有如下3种方法: 成员方法 类方法(classmethod) 静态方法(staticm...
前提条件 请您在购买前确保已完成注册和充值。详细操作请参见 如何注册公有云管...
【51CTO.com快译】 数据可视化工具不断发展,提供更强大的功能,同时改善可访问...
建站 什么 虚拟主机 够用?这要看搭建的是什么类型的网站。比如个人博客类型的网...
2021年3月24日,主题为《数据的世界,世界的数据》的星环科技2021春季新品发布会...
本文整理自直播《Hologres 数据导入/导出实践-王华峰(继儒)》 视频链接: https:/...