我的第一个HTML5页面

本章主要学习nav、aside、section、footer等标签的运用,以及位置的划分。

因为CSS样式不多这里采用了内联式的写法。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>初识HTML5</title>
</head>
<style type="text/css">
	nav,footer,aside,section{
		border: 1px solid #666;
		padding: 10px;
	}
	nav,footer{
		width: 600px;
	}
	aside{
		width: 50px;
		float: left;
	}
	section{
		width: 528px;
		float: left;
	}
	aside,section{
		height: 100px;
	}
</style>
<body>
	<nav>导航栏部分</nav>
	<aside>侧边栏</aside>
	<section>主体内容</section>
	<footer>底部说明部分</footer>
</body>
</html>

运行截图:

在这里插入图片描述

请帮顶 / 评论点赞!你们的鼓励是我写作的最大动力!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Zender Han

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值