html训练 

<!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{
    width:45%;
    text-align:left;
  }
 h1,p{
    font-family:"隶书";
    color:#fFF;
 }
 p{
    font-size:20px; 
 }
 strong{
    color:blue;
 }
 </style>

</head>
<body >
<h1>清平乐·年年雪里</h1>
<em>朝代:宋代</em> &nbsp;&nbsp; 作者:<strong>李清照</strong></em><br/>
<hr/> 
原文：
<p>
年年雪里，常插梅花醉，<br/>
挼尽梅花无好意，赢得满衣清泪！<br/>
今年海角天涯，萧萧两鬓生华。<br/>
看取晚来风势，故应难看梅花。 
</p>

</body>
</html>
View Code

 特殊符号;

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
<title>特殊符号的应用</title>
</head>

<body>
&copy;2013-2018&nbsp;Beijing Aptech Beida Jade Bird Information Technkloty Co.Ltd<br/>
北京XXXX信息技术有限公司&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;京ICP11045574号-3
</body>
</html>
View Code

 超链接的使用:文字超链接，图片超链接

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

 

posted @ 2019-05-16 14:51  Hello_World2020  阅读(213)  评论(0)  编辑  收藏  举报