DAY2 作业设计

来源：互联网发布：csgo awp 数据编辑：程序博客网时间：2024/06/05 00:38
Day2 作业设计：

   主要使用了html中的一些基本的标签，包括img，a，b，i，pre等，参照教材使用了最基本的用法。其中，在img标签的使用过程中主要遇到的问题是src的格式问题，同时要注意跟该网页相关的资源最好集中在一个文件夹下，这样在操作时相对比较方便。   另外，该文件还使用了类和语义元素，用来设计文字的大小，位置等。总的来说，尽量把这两的学习内容用了一下，还需要继续学习。   代码如下，由于刚开始学用的是记事本，格式方面没有调到很仔细：        <html>    <head>    <title>DAY2 作业设计</title>    </head>    <style>    #header {        background-color:gray;        color:white;        text-align:center;        padding:5px;    }    #nav {        line-height:30px;        background-color:#eeeeee;        height:900px;        width:150px;        float:left;        padding:5px;    }    #bac {        text-align:center;        font-size:25px;    }    </style>    <body>    <div id="header">      <h1>这是一首诗</h1>    </div>    <div id="nav">      <ul>        <li><a href="http://www.baidu.com/">诗句赏析</a></li>        <li><a href="http://www.baidu.com/">释义</a></li>        <li><a href="http://www.baidu.com/">诗人背景</a></li>      </ul>    </div>    <div id="bac">      <p>    <pre>    <b>声声慢</b>    <i style="font-size:17">李清照</i>    寻寻觅觅，冷冷清清，凄凄惨惨戚戚。    乍暖还寒时候，最难将息。    三杯两盏淡酒，怎敌他晓来风急？    雁过也，正伤心，却是旧时相识。    满地黄花堆积。    憔悴损，如今有谁堪摘？    守著窗儿独自，怎生得黑？    梧桐更兼细雨，到黄昏、点点滴滴。    这次第，怎一个愁字了得！    </pre>      </p>    </div>    <div style="text-align:center;">      <a href="http://www.baidu.com" target="_blank" "><img src=".\i\li.jpg" width=200px height=200px alt="这是一个链接" /></a>    </div>    </body>    </html>
页面效果
0 0