手機(jī)也能上課
1/5
Html 頁(yè)面結(jié)構(gòu)組成
讓我們從構(gòu)建登陸頁(yè)面的基本 HTML 結(jié)構(gòu)開(kāi)始。
我們將首先構(gòu)建桌面版本,然后將其調(diào)整為移動(dòng)設(shè)備并使其具有響應(yīng)性。
我們將使用 HTML5 語(yǔ)義標(biāo)簽來(lái)定義部分:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我的登錄頁(yè)面</title>
</head>
<body>
<header >
header
</header>
<section class="features">
features
</section>
<footer>
頁(yè)腳
</footer>
</body>
</html>
我們?yōu)?b>頁(yè)眉使用了頁(yè)眉標(biāo)簽,為功能和引用部分使用了節(jié)標(biāo)簽,為頁(yè)腳使用了頁(yè)腳標(biāo)簽。
我們?yōu)?features 和 quote 部分提供了相應(yīng)的類名,以便我們可以為它們定義 CSS 樣式。
我們還沒(méi)有定義任何 CSS 樣式,所以這些部分只是帶有虛擬文本的白色塊。