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