导航，头部，CSS基础 

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>coffee2</title>
 6    <base href="" target="_blank">
 7      <style>
 8         h1,h2{color:blue; align:center; font-size: large}
 9     </style>
10 </head>
11 <body style="background-image: url(https://ps.ssl.qhimg.com/sdmt/176_135_100/t01259b6fce17d5dcb1.jpg)">
12 <nav>
13     <a href="http://op.hanhande.com/"><<img src="http://op.hanhande.com/opfiles/images/head3.jpg";>></a>
14     <a href="http://op.hanhande.com/">首页</a>
15     <input type="text" value="请输入文字" name="c1" onfocus="if(this.value==this.defaultValue){this.value='';}">
16    <input type="button" value="搜索" name="c2">
17 </nav>
18      <hr>
19 <h1>欢迎海贼王的忠实粉丝</h1>
20 <h2>海贼王在不断更新中，敬请观看</h2>
21 <br>
22 </body>
23 </html>

 

posted @ 2017-10-19 21:57  017廖佳辉  阅读(223)  评论(0)    收藏  举报