HTML5 布局，新标签

最新推荐文章于 2024-03-14 16:08:22 发布

houyanhua1

最新推荐文章于 2024-03-14 16:08:22 发布

阅读量819

点赞数

分类专栏： HTML5 文章标签： html5

本文链接：https://blog.csdn.net/houyanhua1/article/details/78439144

版权

HTML5 专栏收录该内容

55 篇文章 1 订阅

订阅专栏

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
.box{ width:900px; height:500px; border:1px solid red; margin:0 auto;}
header{ height:100px; background:#ccc;}
</style>
</head>

<body>
<div class="box">
<header>
<nav>HTML5 ,hello </nav>
</header>
<div class="content">
<article>
	<details>
		<summary>书法家</summary>
		<p>生活没有彩排，人生也没有彩排。
总会有些时候，满心期待换来的是失望，或者是不体谅。
环顾四周，似乎只有你自己在徘徊。
努力了好像还是看不见希望。
你甚至一度认为，没有人比你更加的不如意了。
渐渐的，你会开始不自信不勇敢不愿向前。
然而，每当这个时候，你都能在心中听到一个声音，清晰而坚定。
再来一次！ 生活没有彩排，人生也没有彩排。
总会有些时候，满心期待换来的是失望，或者是不体谅。
环顾四周，似乎只有你自己在徘徊。
努力了好像还是看不见希望。
你甚至一度认为，没有人比你更加的不如意了。
渐渐的，你会开始不自信不勇敢不愿向前。
然而，每当这个时候，你都能在心中听到一个声音，清晰而坚定。
再来一次！ </p>
	</details>
</article>
<aside></aside>
</div>
<footer>这是版权部分</footer>
</div>
</body>
</html>

header 表示头部的标签
nav <nav> </nav> 表示导航的标签
footer 版权标签
article 文章标签
aside article以外的内容
section (div) 相当于html中的div标签
details 详细信息
summary 在details中摘要

houyanhua1

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML5 布局，新标签

无标题文档.box{ width:900px; height:500px; border:1px solid red; margin:0 auto;}header{ height:100px; background:#ccc;}HTML5 ,hello 书法家生活没有彩排，人生也没有彩排。总会有些时候，满心期待换来的是失望，或者是不体谅。环顾四周，似乎
复制链接

扫一扫