您的位置：首页 > Web前端 > HTML

基础HTML学习二

2017-04-16 17:01 211 查看
昨天说到了标签，我今天就用标签做了一首简单的诗，尽量用到我能想到的能实现诗的形式的标签。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>古诗</title>
<style type="text/css">
.main{
padding:10px;
background:#FC6;
font-size:14px;
color:#603;
line-height:14px;
background:url(images/1.jpg) no-repeat;
}
ul{
list-style:none; }
.a{
text-align:center;}
.b{
margin-left:50px;
font-size:16px;}
</style>
</head>

<body>

<div class="main">

<pre>
<strong>江雪</strong>
<i>唐·柳宗元</i>
千山鸟飞绝，万径人踪灭。
孤舟蓑笠翁，独钓寒江雪。
</pre>
<h5>译文</h5>
<p>
所有的山，飞鸟全都断绝；<br/>
所有的路，不见人影踪迹。<br/>
江上孤舟，渔翁披蓑戴笠；<br/>
独自垂钓，不怕冰雪侵袭。
</p>
</div>
<div class="main">
<table>
<tr colspan="2" class="a"><th>江雪</th></tr>
<tr colspan="2" class="a"><td>唐·柳宗元</td></tr>
<tr><td>千山鸟飞绝，</td><td>万径人踪灭。</td></tr>
<tr><td>孤舟蓑笠翁，</td><td>独钓寒江雪。</td></tr>
<tr></tr>
<tr></tr>
<tr></tr>
<tr colspan="2"><td>译文</td></tr>
<tr><td>所有的山，飞鸟全都断；</td></tr>
<tr><td>所有的路，不见人影踪迹。</td></tr>
<tr><td>江上孤舟，渔翁披蓑戴笠；</td></tr>
<tr><td>独自垂钓，不怕冰雪侵袭。</td></tr>

</table>
</div>
<div class="main">
<ul>
<li class="b">江雪</li>
<li class="b">唐·柳宗元</li>
<li>千山鸟飞绝，万径人踪灭。</li>
<li>孤舟蓑笠翁，独钓寒江雪。</li>
</ul>

<ul>
<li>译文</li>
<li>所有的山，飞鸟全都断；</li>
<li>所有的路，不见人影踪迹。</li>
<li>江上孤舟，渔翁披蓑戴笠；</li>
<li>独自垂钓，不怕冰雪侵袭。</li>
</ul>
</div>
</body>
</html>



内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  html web前端
相关文章推荐
新的分享
章节导航