[[377096]]

沒想到吧，我居然寫起前端來了。其實是我最近想要自己做一個博客網(wǎng)站放一下自己之前寫過的文章，順便剛好學(xué)習(xí)一下前端。所以這個專題也可以看成是我個人的一個學(xué)習(xí)筆記，首先申明前端我實在不是專業(yè)的。如果有什么地方出錯了或者是有問題，大家盡管指出，千萬不要不好意思。

前言

我個人學(xué)習(xí)的網(wǎng)站是freecodecamp這個網(wǎng)站，它當(dāng)中有非常非常多的免費前端在線練習(xí)。我個人覺得非常非常適合新手，但有一點比較遺憾，就是當(dāng)中所有的內(nèi)容都是英文的。這也是我寫下本文的原因，為英語不好的小伙伴們做一點微小的翻譯工作。

在接下來的文章當(dāng)中，我將會把其中的一個練習(xí)翻譯成中文，大家看完之后，可以在文末點擊閱讀原文去往原文做練習(xí)。這也是我第一次嘗試，希望大家會喜歡吧。

題目

歡迎來到freecodecamp HTML編程練習(xí)，這些練習(xí)會帶領(lǐng)著你一步一步地走入前端開發(fā)的大門。

首先，你需要使用最最最簡單的HTML語言來搭建一個web網(wǎng)頁，對就是除了Hello World什么也沒有的那種。你可以在右側(cè)的編輯欄編輯你的代碼，你會實時看到你編輯之后的結(jié)果。

有沒有看到編輯器里寫著<h1>Hello<h1>呢?這個就是HTML里的元素。

大多數(shù)HTML里的元素都會被<>這樣的標(biāo)簽包裹起來，沒有斜線的叫做opening tag，比如<h1>，顧名思義它表示標(biāo)簽的開始。有斜線的叫做closing tag如</h1>，表示一個標(biāo)簽的結(jié)束。它們之間唯一的區(qū)別就是是否有斜線。

當(dāng)你想要嘗試測試的時候，你可以點擊下方的“Run the Tests”按鈕，當(dāng)你通過了所有的測試，那么你會被彈出提交你的解法以及前往下一題的窗口。

為了通過測試，你需要把你的h1元素中的內(nèi)容改成"Hello World"。

解法

非常簡單，我們把h1中的標(biāo)簽改成"Hello World"即可。

<h1>Hello World</h1> 

本文轉(zhuǎn)載自微信公眾號「TechFlow」，可以通過以下二維碼關(guān)注。轉(zhuǎn)載本文請聯(lián)系TechFlow公眾號。