基础HTML学习二-CSDN博客

本文链接：https://blog.csdn.net/sun_shine9394/article/details/70196437

昨天说到了标签，我今天就用标签做了一首简单的诗，尽量用到我能想到的能实现诗的形式的标签。

<!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>