HTML入门练习篇（三）（四）：简单框架
接上一篇：HTML入门练习篇（一）（二）：基础功能
这篇blog继续整理了自己学习HTML练习的另外两个简单网页，主要练习了制作了拥有简单框架布局、可以完成简单具体功能的网页。
第三篇HTML练习主要练习多列布局，学会将整个HTML网页分割成不同的功能模块，有了标题栏Header、导航栏Nav、具体内容栏Section、底栏Footer的基本概念。同时运用了超链接的相关知识实现简单的导航、定位、以及新窗口打开。
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>第三次HTML练习</title><style type="text/css">
header {background-color:rgb(25, 112, 17);color:white;text-align:center;padding:10px;
}
nav {line-height:30px;background-color:#eeeeee;height:1500px;width:100px;float:left;padding:10px;
}
section {width:480px;float:left;padding:30px;
}
footer {background-color:rgb(25, 112, 17);color:white;clear:both;text-align:center;padding:5px;
}</style></head>
<body><header><br/><h1>第三次HTML练习 多列布局应用</h1><hr/><p>欧美音乐圈五大diva</p></header><nav><br/><a href="#L" style="text-decoration:none">Lady Gaga</a><br/本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！