App下載
3. Html 結(jié)構(gòu)
HTML+CSS響應(yīng)式網(wǎng)頁設(shè)計(jì) (基礎(chǔ)版) / 3. Html 結(jié)構(gòu)
手機(jī)也能上課
App下載
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 樣式,所以這些部分只是帶有虛擬文本的白色塊。


+10 經(jīng)驗(yàn) +10積分
解析
提示
參考答案
+10 經(jīng)驗(yàn) +10積分
視頻播放結(jié)束,是否學(xué)習(xí)下一節(jié)?