<!DOCTYPE html>
<html lang="zh-hant-TW">
<head>
<meta charset="UTF-8">
<title>金魚3</title>
</head>
<body>
<article>
<header>
<h1></h1>
</header>
<section>
<h2></h2>
</section>
<section>
<h2></h2>
</section>
<section>
<h2></h2>
</section>
<section>
<h2></h2>
</section>
<section>
<h2></h2>
</section>
<section>
<h2></h2>
</section>
<section>
<h2></h2>
</section>
</article> <!-- 文章 -->
<section>
<article>
<h1></h1>
</article>
</section>
<section>
<article>
<h1></h1>
</article>
</section>
<section>
<article>
<h1></h1>
</article>
</section>
<section>
<article>
<h1></h1>
</article>
</section>
<section>
<article>
<h1></h1>
</article>
</section>
</body>
</html>
ul>li>a
table>tr*10>td*6
h1+p
ul.products-list>li*10>a>h2+span
==================
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.pic{
float: right;
border: 2px solid #aaa;
padding: 10px;
margin: 6px
}
</style>
</head>
<body>
<figure class="pic">
<img src="https://api.fnkr.net/testimg/350x200/00CED1/FFF/?text=img+placeholder" alt="炸彈圖片">
<figcaption>炸彈圖片</figcaption>
</figure>
<img src="" alt="">
<p>妖神一出，谁与争锋？ 这是<span>一个妖灵的世界</span>，融合了<mark>妖灵</mark>，就可以成<strong>灵师</strong>。 因为一本<em>时空妖灵</em>之书，时空发生了扭转，妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是妖神一出，谁与争锋？ 这是当一切重新开始之时，命运之轮缓缓转动。</p>
<nav>
<ul>
<li><a href="#">連結</a></li>
<li><a href="#">連結</a></li>
<li><a href="#">連結</a></li>
<li><a href="#">連結</a></li>
<li><a href="#">連結</a></li>
<li><a href="#">連結</a></li>
</ul>
</nav>
<input type="button" value="典籍">
<button>典籍</button>
<a href="#">典籍</a>
</body>
</html>
========================
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
div{
width: 300px;
/*height: 200px;*/
}
div a{
display: block;
/*width: 300px;*/
padding: 10px;
/*height: 200px;*/
background-color: #aaa;
}
div img{
width: 100%;
}
</style>
</head>
<body>
<div>
<a href="#">
<img src="https://api.fnkr.net/testimg/350x200/00CED1/FFF/?text=img+placeholder">
<h2>title</h2>
<p>Lorem ipsum dolor sit amet</p>
</a>
</div>
</body>
</html>
請先 登入 以發表留言。