TechFlow的前端筆記之從Hello World開始
沒想到吧,我居然寫起前端來了。其實是我最近想要自己做一個博客網站放一下自己之前寫過的文章,順便剛好學習一下前端。所以這個專題也可以看成是我個人的一個學習筆記,首先申明前端我實在不是專業(yè)的。如果有什么地方出錯了或者是有問題,大家盡管指出,千萬不要不好意思。
前言
我個人學習的網站是freecodecamp這個網站,它當中有非常非常多的免費前端在線練習。我個人覺得非常非常適合新手,但有一點比較遺憾,就是當中所有的內容都是英文的。這也是我寫下本文的原因,為英語不好的小伙伴們做一點微小的翻譯工作。
在接下來的文章當中,我將會把其中的一個練習翻譯成中文,大家看完之后,可以在文末點擊閱讀原文去往原文做練習。這也是我第一次嘗試,希望大家會喜歡吧。
題目
歡迎來到freecodecamp HTML編程練習,這些練習會帶領著你一步一步地走入前端開發(fā)的大門。
首先,你需要使用最最最簡單的HTML語言來搭建一個web網頁,對就是除了Hello World什么也沒有的那種。你可以在右側的編輯欄編輯你的代碼,你會實時看到你編輯之后的結果。
有沒有看到編輯器里寫著<h1>Hello<h1>呢?這個就是HTML里的元素。
大多數HTML里的元素都會被<>這樣的標簽包裹起來,沒有斜線的叫做opening tag,比如<h1>,顧名思義它表示標簽的開始。有斜線的叫做closing tag如</h1>,表示一個標簽的結束。它們之間唯一的區(qū)別就是是否有斜線。
當你想要嘗試測試的時候,你可以點擊下方的“Run the Tests”按鈕,當你通過了所有的測試,那么你會被彈出提交你的解法以及前往下一題的窗口。
為了通過測試,你需要把你的h1元素中的內容改成"Hello World"。
解法
非常簡單,我們把h1中的標簽改成"Hello World"即可。
- <h1>Hello World</h1>
本文轉載自微信公眾號「TechFlow」,可以通過以下二維碼關注。轉載本文請聯系TechFlow公眾號。