内容基于html标签结构。
h5标签：
诗标题用h1，分割线hr，文字p，斜体i，下划线u，删除线del。
特殊符号：
版权标识 ©。
排版用css实现（行内样式很麻烦而且难改，不建议）。
css属性：文字位置（中左右）text-align，宽度width（用了占屏幕百分比），高度height（用了具体像素px值），颜色color，背景background（直接给分割线设置了背景灰色免得变矩形）。
css选择器：前面没有符号的是标签，有.是class，有#是id。
进一步内容可以查询有关概念或改动编码看其变化。
<!DOCTYPE html>
<html>
<head>
<title>山居秋暝</title>
<style type="text/css">
h1 {text-align:centercolor:red}
hr {width:50%height:3pxtext-align:centerbackground:grey}
footer {text-align:center}
.bluepoem {color:blue}
#author {text-align:right}
</style>
</head>
<body>
<header>
<h1>山居秋暝</h1>
<hr />
<p id="author"><i>唐 王维</i></p>
</header>
<div>
<p class="bluepoem">空山新雨后，天气晚来秋。</p>
<br />
<p><u>明月松间照，清泉石上流。</u></p>
<br />
<p class="bluepoem">竹喧归浣女，莲动下渔舟。</p>
<br />
<p><del>随意春芳歇，王孙自可留。</del></p>
</div>
<footer>
©版权所有 <网页设计与制作>
</footer>
</body>
</html>
<html><head><title>白居易的诗</title>
<bgsound src="秋日的私语.MP3"></bgsound>
</head>
<body background="pb.jpg" text="rgb(255,0,0)">
<p align="center">
<b><font face="华文彩云" color="green" size="7">钱塘湖春行</font> </b>
</p><p align="center">
<br><font face="华文新魏" color="red" size="6">孤山寺北贾亭西，水面初平云脚低。</font><br>
<b><font face="华文新魏" color="red" size="6">几处早莺争暖树，谁家新燕啄春泥。</font><br><b>
<i><font face="华文新魏" color="red" size="6">乱花渐欲迷人眼，浅草才能没马蹄。</font><br><i>
<u><font face="华文新魏" color="red" size="6">最爱西湖行不足，绿扬荫里白沙堤。</font><u>
</u></u></i></i></b></b></p><p><b><b><i><i><u><u>
<br><font face="宋体" color="blue" size="4">【说明】此诗为作者任杭州刺史时作。写西湖的山光水色、花草亭树，加上早莺、新燕生机盎然，旖旎动人。是摹写西湖秋色名篇。</font><b></b></u></u></i></i></b></b></p><b><b><i><i><u><u><b>
</b></u></u></i></i></b></b></body></html>
效果给你改好了，不过你代码结构不怎么好了，最好是每一句都分开写比较好。
<!doctype html><html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
古诗
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）