[[377096]]

成都創(chuàng)新互聯(lián)不只是一家網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司；我們對(duì)營(yíng)銷、技術(shù)、服務(wù)都有自己獨(dú)特見(jiàn)解，公司采取“創(chuàng)意+綜合+營(yíng)銷”一體化的方式為您提供更專業(yè)的服務(wù)！我們經(jīng)歷的每一步也許不一定是最完美的，但每一步都有值得深思的意義。我們珍視每一份信任，關(guān)注我們的成都做網(wǎng)站、網(wǎng)站設(shè)計(jì)質(zhì)量和服務(wù)品質(zhì)，在得到用戶滿意的同時(shí)，也能得到同行業(yè)的專業(yè)認(rèn)可，能夠?yàn)樾袠I(yè)創(chuàng)新發(fā)展助力。未來(lái)將繼續(xù)專注于技術(shù)創(chuàng)新，服務(wù)升級(jí)，滿足企業(yè)一站式全網(wǎng)營(yíng)銷推廣需求，讓再小的成都品牌網(wǎng)站建設(shè)也能產(chǎn)生價(jià)值！

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

前言

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

 

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

題目

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

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

 

有沒(méi)有看到編輯器里寫著

Hello

呢?這個(gè)就是HTML里的元素。

大多數(shù)HTML里的元素都會(huì)被<>這樣的標(biāo)簽包裹起來(lái)，沒(méi)有斜線的叫做opening tag，比如

，顧名思義它表示標(biāo)簽的開(kāi)始。有斜線的叫做closing tag如

，表示一個(gè)標(biāo)簽的結(jié)束。它們之間唯一的區(qū)別就是是否有斜線。

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

 

 

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

解法

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

 
 
 
 

  
  
  
  
Hello World
 
 
 
 
 

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

 

當(dāng)前題目：TechFlow的前端筆記之從HelloWorld開(kāi)始
網(wǎng)頁(yè)鏈接：http://m.5511xx.com/article/djohdhh.html