App下载
3. Html 结构
HTML+CSS响应式网页设计 (基础版) / 3. Html 结构
手机也能上课
App下载
1/5

Html 页面结构组成

让我们从构建登陆页面的基本 HTML 结构开始。

我们将首先构建桌面版本,然后将其调整为移动设备并使其具有响应性。

我们将使用 HTML5 语义标签来定义部分:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>我的登录页面</title>
	</head>
	<body>
		<header >
			 header
		</header>
		<section class="features">
			features
		</section>
		<footer>
			页脚
		</footer>
	</body>
</html>

我们为页眉使用了页眉标签,为功能和引用部分使用了标签,为页脚使用页脚标签。
我们为 features 和 quote 部分提供了相应的类名,以便我们可以为它们定义 CSS 样式。

我们还没有定义任何 CSS 样式,所以这些部分只是带有虚拟文本的白色块。


+10 经验 +10积分
解析
提示
参考答案
+10 经验 +10积分
视频播放结束,是否学习下一节?