课程名称：初识HTML(5)+CSS(3)-升级版课程
课程章节： 结尾神转折 - <footer>标签定义底部区域和正文才是重点喔 - <section>定义区段和再加个侧边菜单吧 - <aside>定义侧边栏区域
主讲老师：五月的夏天
课程内容：
了解<footer>标签和<section>标签和<aside>标签
课程收获：
footer标签，用来定义底部区域。
代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>footer</title>
</head>
<body>
<header>我是头部标签</header>
<footer>我是底部标签</footer>
</body>
</html>
代码运行结果：
section标签，定义一个区域。
代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>section</title>
</head>
<body>
<header>我是头部标签</header>
<h6> miao</h6>
<section>我是一个区域</section>
<h6> miao</h6>
<footer>我是底部标签</footer>
</body>
</html>
代码运行如下：
aside标签，定义一个侧边栏区域
代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>aside</title>
</head>
<body>
<aside>我是侧边栏</aside>
</body>
</html>
运行结果如下：
aside标签和p标签或者header,footer等标签显示都无差别是因为标签名只是增加它的语义化，并不是这样命名它的展示效果就出来了，效果还是要通过css来设置。
共同学习，写下你的评论
评论加载中...
作者其他优质文章
