练习:
利用thml有关知识,设计一个简单的网页如下图所示:
网页实现:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body align="center">
<h1 ">古诗词欣赏</h1>
<hr />
<h2>静夜思</h2>
<h3>李白</h3>
<h3>床前明夜光,<br />
疑是地上霜。<br />
举头望明月,<br />
低头思故乡。<br />
</h3>
<h4>
<<静夜思>>是唐代诗人李白所做的一首五言古诗。<br />
此诗描绘了秋日夜晚,诗人于屋内抬头望月的所感。<br />
诗中运用比喻、衬托等手法,表达客居思乡之情,<br />
语言清新朴素而韵味含蓄无穷,历来广为传诵。
</h4>
<a>
<img src="img/libai.jpg" alt="正在加载中请稍等" title="李白画像" />
</a>
<hr />
<h4>友情链接:
<a href="http://blog.csdn.net/crraxx">A网站</a> |
<a href="http://www.baidu.com">B网站</a> |
<a href="http://www.qq.com" target="_blank">C网站</a>
</h4>
</body>
</html>
总结:要熟悉并掌握特殊标签的用法,比如超链接<a> </a>
,换行<br />
,居中对齐<body align="center">
,分割横线<hr />
等操作。要注意超链接网站的书写格式例如:<a href="http://www.baidu.com">B网站</a>
。