
<!DOCTYPE html> <html> <head > <meta charset="utf-8"/> <title>清平乐·年年雪里</title> <style type="text/css"> body{ background:url("./img/liqingzhao.jpg") no-repeat; padding-left:350px; } hr{ 45%; text-align:left; } h1,p{ font-family:"隶书"; color:#fFF; } p{ font-size:20px; } strong{ color:blue; } </style> </head> <body > <h1>清平乐·年年雪里</h1> <em>朝代:宋代</em> 作者:<strong>李清照</strong></em><br/> <hr/> 原文: <p> 年年雪里,常插梅花醉,<br/> 挼尽梅花无好意,赢得满衣清泪!<br/> 今年海角天涯,萧萧两鬓生华。<br/> 看取晚来风势,故应难看梅花。 </p> </body> </html>
特殊符号;

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>特殊符号的应用</title> </head> <body> ©2013-2018 Beijing Aptech Beida Jade Bird Information Technkloty Co.Ltd<br/> 北京XXXX信息技术有限公司 京ICP11045574号-3 </body> </html>
超链接的使用:文字超链接,图片超链接

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>图书列表页</title> </head> <body> <!--图片超链接--> <a href="detail.html" target="_blank"> <img src="img/img1.png" alt="姑娘,欢迎降落在这残酷的世界" title="姑娘,欢迎降落在这残酷的世界" /> </a> <p> <!--文字超链接--> <a href="detail.html" target="_blank">姑娘,欢迎降落在这残酷的世界</a> </p> <p>¥58</p> </body> </html>