HTML day02(html列表与菜单的制作)

<html>
    <head>
        <title>成绩单</title>
    </head>
    <body>
        <h3 align="center">成绩单</h3>
        <table border="1px" bordercolor="green" background="./images/bg2.gif" width="374" height="122" cellpadding="28" cellspacing="0" align="center">
            <tr>
                <td color="red">科目</td>
                <td>英语</td>
                <td>数学</td>
                <td>语文</td>
                <td>物理</td>
                <td>化学</td>
            </tr>
            
            <tr>
                <td>张三</td>
                <td>80</td>
                <td>100</td>
                <td>89</td>
                <td>90</td>
                <td>99</td>
            </tr>
            
            <tr>
                <td>李四</td>
                <td>78</td>
                <td>96</td>
                <td>95</td>
                <td>87</td>
                <td>86</td>
            </tr>
            
            <tr>
                <td>赵武</td>
                <td>88</td>
                <td>89</td>
                <td>90</td>
                <td>90</td>
                <td>91</td>
            </tr>
            
            <tr>
                <td>王柳</td>
                <td>85</td>
                <td>87</td>
                <td>87</td>
                <td>89</td>
                <td>90</td>
            </tr>
            
            
        </table>
    </body>
</html>

<html>
    <head>
        <title>有序列表</title>
    </head>
    <body>

 <h3>百度热门搜索</h3> <ol> <li type="1"> <a href="http://www.jisutiyu.com/live/cctv/" target="block">cctv在线直播</a></li> <li type="1"> <a href="http://www.4399.com/" target="block">4399小游戏</a></li> <li type="1"> <a href="https://www.taobao.com/" target="block">淘宝网</a></li> <li type="1"> <a href="http://p.37gogo.com/s/1/650/5025.html?uid=2078411" target="block">轩辕剑</a></li> <li type="1"> <a href="http://v.qq.com/detail/1/11563.html" target="block">中国好声音</a></li> <li type="1"> <a href="http://tv.sohu.com/s2014/rgwan/" target="block">胜女的代价</a></li> <li type="1"> <a href="http://www.siluke.info/0/19/19838/" target="block">武动乾坤</a></li> <li type="1"> <a href="http://www.youku.com/" target="block">优酷</a></li> <li type="1"> <a href="http://baike.baidu.com/link?url=XBZgeqZ8FXQYmehoGlPIn0KGDMJDO0R-e28pCubHMQ1li54OYqNWx8heTWB9WawWJRetQUVT0wBwm83RShO94iCN3xDZmG2fTHE8PWi9rDu" target="block">爱情公寓</a></li> <li type="1"> <a href="http://www.iqiyi.com/a_19rrhb3xvl.html?vfm=2008_aldbd" target="block">海贼王</a></li> </ol> </body> </html>

<html>
    <head>
        <title>搜狐热点新闻</title>
    </head>
    <body>
        <p>搜狐热点新闻</P>
        <hr size="3" width="380px" color="#158010" align="left"/>
        <ul>
            <li><a href="搜狐.html" target="block">铁道部千万天价宣传片调查：张艺谋酬劳250万</a></li>
            <li>中国失独问题调查：不解决是对人民不负责</li>
            <li>海军副司令：全国人民请放心 海军必不辱使命</li>
            <li>国内最赚钱炼油厂巨亏 员工羞于穿工作服上街</li>
            <li>北京公交车在闹市行驶中起火 纵火犯被抓</li>
            <li>韩国反朝名人欲诉中国政府 称在华遭严刑逼供</li>
            <li>20多位神秘人50万放生万条红鱼 市民争相垂钓</li>
            <li>晨报：朝鲜黑马爆冷夺冠 称感谢金正日赐力量</li>
        </ul>
        <p>&nbsp;&nbsp <a href="http://baidu.com">百度一下</a></p>
    </body>
</html>

<html>
    <head>
            <title>搜狐新闻</title>

    </head>

    <body background="./images/bg2.gif">
            <strong><font size="6" face="宋体"><center>铁道部千万天价宣传片调查：张艺谋酬劳250万 </center></font></strong><br/>
            <p font size="5" face="宋体" align="left">&nbsp;&nbsp2012年07月30日01:00  来源：经济参考报  作者：周宁</p>
            <hr/>
            <p>[提要] 2009年，铁道部拟邀请张艺谋导演拍摄名为中国铁路的宣传片，并通过北京新时刻影视文化发展有限公司找到张艺谋。同年9月9日，张艺谋同意委托北京新时刻影视 文化发展有限公司拍摄制作这部宣传片。张艺谋分两次收取250万元的酬劳是否缴税？税务部门显示：张艺谋前后两次分别缴纳个人所得税47.3万元和70.5万元。张艺谋表示，他将全面配合，接受监督。</p>
            <img src="./images/flower1.jpg" width="220px" height="165px"/>
            <p font size="5" face="宋体"><strong>内部人士透露，1850万投资中700余万成了回扣。</strong></font></p>
            <p>&nbsp;&nbsp审计署不久前公布的铁道部2011年度预算执行情况和其他财政收支情况审计结果显示，铁道部在未按规定公开招标的情况下，投资1850万元制作片头署名“张艺谋导演”的《中国铁路》宣传片，引发社会强烈关注。随着事件不断发酵，铁道部、张艺谋和宣传片的制作公司饱受公众质疑。</p>
            <p>&nbsp;&nbsp宣传片摄制的来龙去脉如何？张艺谋是否担任该片导演并收取费用？1850万元投资背后有哪些不为人知的秘密？这一事件对我们有何警示《经济参考报》记者对张艺谋导演、铁道部、北京新时刻影视文化发展有限公司等当事各方展开调查，揭开“天价《中国铁路》宣传片事件”内幕。</p>
            <p font size="5" face="宋体"><strong>总投资从1550万元升至1850万元</strong></font></p>
            <p>&nbsp;&nbsp《经济参考报》记者了解到，2009年，铁道部拟邀请张艺谋导演拍摄名为“和谐铁路”(后改名“中国铁路”)的宣传片，并通过北京新时刻影视文化发展有限公司找到张艺谋。同年9月9日，张艺谋同意委托北京新时刻影视文化发展有限公司拍摄制作这部宣传片。据参与该片拍摄的北京新时刻影视文化发展有限公司内部人士透露，该公司未经投标便从铁道部获得宣传片的投资款，“点名让张艺谋拍摄，便通过我公司直接找到他”。</p>
            <p>&nbsp;&nbsp经记者核实，北京新时刻影视文化发展有限公司成立于2007年3月，法定代表人张震燕，主要从事文化艺术交流活动和信息咨询，经营期限至2027年。拿到张艺谋亲笔授权后，北京新时刻影视文化发展有限公司于2009年10月与铁道部直属事业单位“铁道影视音像中心”签订“《和谐铁路》宣传片委托摄制协议”。</p>
            <a href="搜狐新闻.html" target="block"><center>返回列表</center></a>
    </body>
</html>

1.无序列表

　　格式： <ul>

　　　　　　　　<li type=“disc”>…</li>　　disc:实心圆点

　　　　　　　　<li type=“circle”>…</li>　　circle：空心圆圈

　　　　　　　　<li type=“square”>…</li>　　square:实心方块

　　　　　 </ul>

2.有序列表

　　格式： <ol>

　　　　　　　　<li type=“a”>…</li> 　　序列号：a,b,c...

　　　　　　　　<li type=“i”>…</li>　　　序列号：i,ii...

　　　　　　　　<li type=“1”>…</li>　　序列号：1,2,3...

　　　　　</ol>

3.自定义列表

　　格式： <dl>

　　　　　</dl>

　　注意：根据文档的具体要求，列表可以嵌套使用。

4.1在网页中插入图像

　　格式： <img src=“图片来源“ />

4.2图像标记属性及功能

　　src=“url”　通过url给出图像来源的位置，不可缺省

　　width=“size” 　设置图像宽度

　　height=“size”　设置图像高度

　　alt=“txt”　设置在图像未载入前图片位置显示的文字

　　border=“size”　设置图像边框，缺省为0

　　align=“alignstyle”　设置对齐方式，取值为：top,middle,bottom,left,center,right

　　hspace=“size”　设置图片左右边沿空白

　　vspace=“size”　设置图片上下边沿空白

5.超链接　　

　　格式：<a href="链接目标的位置">...</a>

　　href=“url”　给定链接目标的位置

　　name　插入一个锚点

　　target=“”　设置显示链接文件的目标 _blank,_self