HTML
来源：互联网 发布：转换文件格式的软件 编辑：程序博客网 时间：2024/06/05 19:30
<!DOCTYPE HTML>
<html>
<head>
<title>linyuzhao's web</title>
<meta name="author" content="Adam Freeman">
<meta name="description" content="A simple example">
<link rel="shortcut icon" type="iamge/x-icon" href="favicon.ico">
<meta charset="utf-8">
<style type="text/css">
h1,h2,h3,article>footer{background: grey;color:white;}
hgroup>h1{margin-bottom: 0;margin-top: 0;}
hgroup>h2{background: grey;color: white;font-size: 1em;margin-top: 0px;margin-bottom: 2px}
body>header *,body>footer *{background: transparent;color: black;}
article{border: thin black solid;padding-left: 10px;margin-bottom: 5px;}
article>footer{padding:5px;margin: 5px;text-align: center}
article>footer>nav>a{color:white}
body>article>section,body>article>section>section{margin-left: 10px;}
body>header,body>footer{border: medium solid black;padding-left: 5px;margin: 10px 0 10px 0;}
body>nav{text-align: center;padding-left: 2px;border: thick solid black;}
body>nav>a{padding: 2px;color:black;}
aside{width:40%;background: white;float:right;border: thick solid black;margin-left: 5px;}
aside>section{padding:5px;}
aside>h1{background: white;color: black;text-align: center;}
</style>
</head>
<body>
<header>
<hgroup>
<h1>Things I like</h1>
<h2>by Adam Freeman</h2>
</hgroup>
<nav>
<h1>Contents</h1>
<ul>
<li><a href="#fruitsilike"></a>Fruits I Like</li>
<li><a href="#activitiesilike"></a>Activities I Like</li>
</ul>
</nav>
</header>
<article>
<header>
<hgroup>
<h1 id="fruitsilike">Fruits I Like</h1>
<h2>Hoe I Learn to Love</h2>
</hgroup>
</header>
<aside>
<h1>Why Fruit is Healthy</h1>
<section>
Here are three reasons why everyone should eat more fruit:
<ol>
<li>Fruit contains lots of vitamins</li>
<li>Fruit is a source of fibre</li>
<li>Fruit contains few calories</li>
</ol>
</section>
</aside>
I like apples and oranges.
<section>
<h1 id="morefruit">Additional fruits</h1>
I also like bananas,mangoes,cherries,apricoats,plums,peaches and grapes.
<section>
<h1>More information</h1>
You can see other fruits I like <a href="fruitlist.html">here</a>
</section>
</section>
<footer>
<nav>
More Information:
<a href="http://fruit.org">Learn More About Fruit</a>
</nav>
</footer>
</article>
<article>
<header>
<hgroup>
<h1 id="activitiesilike">Activities I like</h1>
<h2>It hurtsbut I keep doing it</h2>
</hgroup>
</header>
<section>
<p>哈哈哈哈哈哈哈哈哈</p>
<h1 id="tritypes">Kinds of Triathlon</h1>
There are different kinds of triathlon-sprint,Olympic and so on.
I am aiming for Olympic,which consists of the following
<section>
<ol>
<li>1.5km swim</li>
<li>40km cycle</li>
<li>10km run</li>
</ol>
</section>
</section>
<footer>
<nav>
More Information:
<a href="http://triathlon.org">Learn More About Triathlon</a>
</nav>
</footer>
</article>
<footer id="mainFooter">
©2011,Adam Freeman.<a href="http://apress.com">Visit Apress</a>
</footer>
</body>
</html>
<html>
<head>
<title>linyuzhao's web</title>
<meta name="author" content="Adam Freeman">
<meta name="description" content="A simple example">
<link rel="shortcut icon" type="iamge/x-icon" href="favicon.ico">
<meta charset="utf-8">
<style type="text/css">
h1,h2,h3,article>footer{background: grey;color:white;}
hgroup>h1{margin-bottom: 0;margin-top: 0;}
hgroup>h2{background: grey;color: white;font-size: 1em;margin-top: 0px;margin-bottom: 2px}
body>header *,body>footer *{background: transparent;color: black;}
article{border: thin black solid;padding-left: 10px;margin-bottom: 5px;}
article>footer{padding:5px;margin: 5px;text-align: center}
article>footer>nav>a{color:white}
body>article>section,body>article>section>section{margin-left: 10px;}
body>header,body>footer{border: medium solid black;padding-left: 5px;margin: 10px 0 10px 0;}
body>nav{text-align: center;padding-left: 2px;border: thick solid black;}
body>nav>a{padding: 2px;color:black;}
aside{width:40%;background: white;float:right;border: thick solid black;margin-left: 5px;}
aside>section{padding:5px;}
aside>h1{background: white;color: black;text-align: center;}
</style>
</head>
<body>
<header>
<hgroup>
<h1>Things I like</h1>
<h2>by Adam Freeman</h2>
</hgroup>
<nav>
<h1>Contents</h1>
<ul>
<li><a href="#fruitsilike"></a>Fruits I Like</li>
<li><a href="#activitiesilike"></a>Activities I Like</li>
</ul>
</nav>
</header>
<article>
<header>
<hgroup>
<h1 id="fruitsilike">Fruits I Like</h1>
<h2>Hoe I Learn to Love</h2>
</hgroup>
</header>
<aside>
<h1>Why Fruit is Healthy</h1>
<section>
Here are three reasons why everyone should eat more fruit:
<ol>
<li>Fruit contains lots of vitamins</li>
<li>Fruit is a source of fibre</li>
<li>Fruit contains few calories</li>
</ol>
</section>
</aside>
I like apples and oranges.
<section>
<h1 id="morefruit">Additional fruits</h1>
I also like bananas,mangoes,cherries,apricoats,plums,peaches and grapes.
<section>
<h1>More information</h1>
You can see other fruits I like <a href="fruitlist.html">here</a>
</section>
</section>
<footer>
<nav>
More Information:
<a href="http://fruit.org">Learn More About Fruit</a>
</nav>
</footer>
</article>
<article>
<header>
<hgroup>
<h1 id="activitiesilike">Activities I like</h1>
<h2>It hurtsbut I keep doing it</h2>
</hgroup>
</header>
<section>
<p>哈哈哈哈哈哈哈哈哈</p>
<h1 id="tritypes">Kinds of Triathlon</h1>
There are different kinds of triathlon-sprint,Olympic and so on.
I am aiming for Olympic,which consists of the following
<section>
<ol>
<li>1.5km swim</li>
<li>40km cycle</li>
<li>10km run</li>
</ol>
</section>
</section>
<footer>
<nav>
More Information:
<a href="http://triathlon.org">Learn More About Triathlon</a>
</nav>
</footer>
</article>
<footer id="mainFooter">
©2011,Adam Freeman.<a href="http://apress.com">Visit Apress</a>
</footer>
</body>
</html>
0 0
- html
- html
- html
- HTML
- HTML
- html
- html
- html
- html
- HTML
- HTML
- Html
- html
- HTML
- html
- HTML
- HTML
- HTML
- [机器学习]机器学习笔记整理08- SVM算法原理及实现
- java pca资料整理
- eclipse中jsp插入背景图片
- JVM内存模型
- ZOJ 3702 Gibonacci number
- HTML
- Python + C/C++ 嵌入式编程（1）：多维数组Numpy.Array()在Python和C/C++文件间的传递问题
- C编程经验总结5（剧终）
- 从明天起
- java静态代理和动态代理
- effective java之类和接口
- 算法第八周作业01
- TCP/IP简介
- 利用Shell开发跳板机功能脚本案例
