手机也能上课
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 样式,所以这些部分只是带有虚拟文本的白色块。