<!DOCTYPE html> <!-- html5的标识 -->
<html lang="en">
<head>
<title>HTLM5</title> <!-- 标题 -->
<meta charset="utf-8"> <!-- 字体形式 -->
<style>
body{ font-family: Verdana,sans-serif; /*定义字体名称（制定的系列名称，字体系列名称）*/
font-size: 0.8em; /*设定字体大小 */
}
header,nav,article,section,footer{ /*多个部分的样式一起定义（用都好隔开）*/
border: 1px solid grey; /*边框宽度+线形+颜色*/
margin:5px; /*中间边框的距离*/
padding: 1px;
}
</style>
</head>
<body>
<header><h1>HTML5 Skeleton</h1></header>
<nav>
<ul>
<li> <a href="http://www.baidu.com"> HTML5 Semantic </a></li> <!-- 字体加有链接（链接要包含全部） -->
<li><a href="http://www.baidu.com">HTML5 Geolocation</a></li>
<li><a href="http://www.baidu.com">HTML5 Graphics</a></li>
</ul>
</nav>
<section>
<h2>Famous Cities</h2>
<article>
<h2>London</h2>
<p>London is the capital city of England. It is the most populous city in the United Kingdom, with a </p>
<p>metropolitan area of over 13 million inhabitants.</p>
</article>
<article>
<h2>Paris</h2>
<p>Paris is the capital and most populous city of France.</p>
</article>
<article>
<h2>Tokyo</h2>
<p>Tokyo is the capital of Japan, the center of the Greater Tokyo Area, and the most populous metropolitan area in the world.</p>
</article>
<footer>
<p>© 2014 W3Schools. All rights reserved.</p>
</footer>
</section>
</body>
</html>
<html lang="en">
<head>
<title>HTLM5</title> <!-- 标题 -->
<meta charset="utf-8"> <!-- 字体形式 -->
<style>
body{ font-family: Verdana,sans-serif; /*定义字体名称（制定的系列名称，字体系列名称）*/
font-size: 0.8em; /*设定字体大小 */
}
header,nav,article,section,footer{ /*多个部分的样式一起定义（用都好隔开）*/
border: 1px solid grey; /*边框宽度+线形+颜色*/
margin:5px; /*中间边框的距离*/
padding: 1px;
}
</style>
</head>
<body>
<header><h1>HTML5 Skeleton</h1></header>
<nav>
<ul>
<li> <a href="http://www.baidu.com"> HTML5 Semantic </a></li> <!-- 字体加有链接（链接要包含全部） -->
<li><a href="http://www.baidu.com">HTML5 Geolocation</a></li>
<li><a href="http://www.baidu.com">HTML5 Graphics</a></li>
</ul>
</nav>
<section>
<h2>Famous Cities</h2>
<article>
<h2>London</h2>
<p>London is the capital city of England. It is the most populous city in the United Kingdom, with a </p>
<p>metropolitan area of over 13 million inhabitants.</p>
</article>
<article>
<h2>Paris</h2>
<p>Paris is the capital and most populous city of France.</p>
</article>
<article>
<h2>Tokyo</h2>
<p>Tokyo is the capital of Japan, the center of the Greater Tokyo Area, and the most populous metropolitan area in the world.</p>
</article>
<footer>
<p>© 2014 W3Schools. All rights reserved.</p>
</footer>
</section>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
