[[378591]]

大家好，歡迎來(lái)到前端專(zhuān)題。

今天是freecodecamp中HTML專(zhuān)題訓(xùn)練的第二篇。

背景知識(shí)

在接下來(lái)的幾個(gè)課程當(dāng)中，我們將會(huì)一步一步使用HTML5創(chuàng)建一個(gè)簡(jiǎn)單的貓照片的網(wǎng)站。

今天將要學(xué)習(xí)的是h2這個(gè)標(biāo)簽，使用它可以在網(wǎng)頁(yè)上添加一個(gè)二級(jí)標(biāo)題。

這個(gè)元素告訴瀏覽器網(wǎng)站當(dāng)中的結(jié)構(gòu)，h1一般用來(lái)作為主標(biāo)題，h2一般用作副標(biāo)題。我們同樣擁有h3，h4，h5和h6這些不同等級(jí)的標(biāo)題。

題意

在"Hello World"這個(gè)一級(jí)標(biāo)題下，添加一個(gè)寫(xiě)著"CatPhotoApp"的二級(jí)標(biāo)題，作為這個(gè)html當(dāng)中的第二個(gè)元素。

要求需要?jiǎng)?chuàng)建一個(gè)h2元素

你的h2元素必須擁有一個(gè)closing tab

你的h2元素必須擁有文本"CatPhotoApp"

你的h1元素必須擁有文本"Hello World"

你的h1元素必須在h2元素之前

編輯器

解法

這個(gè)是h2標(biāo)題的簡(jiǎn)單使用，我們遵守題目要求添加對(duì)應(yīng)的h2標(biāo)題即可。點(diǎn)擊閱讀閱文，親自練習(xí)下哦。

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