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