zoukankan      html  css  js  c++  java
  • 1121冬至!!!巩固HTML基础第一堂

       今天只是把以前的知识巩固了一下。温故而知新,说的一点没错;

       又新明白了一种居中对齐方法:

    水平居中:align left(左侧对齐),center(居中对齐)

    垂直居中:ralign top(上对齐),middle(垂直居中)

       这是我以前从来不用的方法

       今天老师大大布置的作业:

    </head>
    
    <body bgcolor="#000000" topmargin="100px" leftmargin="100px">
    <a name="123"></a>
    <font color="#FFFFFF" face="微软雅黑">
    <h2><i>作业</i><sub>20161221</sub></h2>
    <p><del>可以不完成</del></p>
    <p>One may fall in love with many people during the lifetime.</p>
    <p>When you finaly get your own happiness.</p>
    <p>you will understand the previous sadness is kind of treasure.</p>
    <p>which makes you better to hold and cherishthe people you love.</p>
    <p><b>字体是:</b></p><br />
    <u>微软雅黑</u><br />
    <p><a href="#123"><img src="再见青春/图片/转13.jpg"  title="呵呵呵" alt="图裂了"/></a></p>
    <p><img src="再见青春/图片/转53.jpg"  title="呵呵呵" alt="图裂了"/></p>
    <p><b>要求:</b></p>
    <ol type="A">
    <li>独立完成</li>
    <li>今天学习的都要练一边</li>
    <li>做好博客的笔记</li>
    </ol>
    <p><b>PS:</b></p>
    <ul>
    <li>注意有序/无序列表的使用</li>
    <li>图片长度的都是100px.点击图片可以返回顶端</li>
    <li>要求完成度在70%以上</li>
    <li>不会的可以<a href="http://www.baidu.com">百度</a>(新页面打开)</li>
    <li>左间距与上间距各为200px</li>
    <li>鼠标移到图片显示“呵呵呵”</li>
    <li>坏图片上显示图裂了</li>
    </ul>
    <table cellpadding="0" cellspacing="0" height="200px" width="400px" border="1px">
    <tr>
    <td width="100px"><center>宽度/高度</center></td>
    <td width="100px"><center>对其方式</center></td>
    <td width="100px"><center>背景颜色</center></td>
    <td width="100px" rowspan="2"><center>合并单元格</center></td>
    </tr>
    <tr>
    <td bgcolor="#666666" valign="bottom">400px/200px</td><td bgcolor="#666666" valign="bottom">靠右/靠左</td>
    <td bgcolor="#666666" valign="bottom">gray</td> <
    /
    tr>
    </table>
    </font>

    </body>

    效果图:

    老师的图片好丑

  • 相关阅读:
    linux 装mysql的方法和步骤
    Linux查看系统发行版本
    Spinner
    时间与日期选择器
    Linux目录处理命令
    开发Activity
    js属性操作(2)
    Js的属性操作(1)
    学习java Script的热身作业
    在Windows下搭建Android开发环境
  • 原文地址:https://www.cnblogs.com/xuan584521/p/6208963.html
Copyright © 2011-2022 走看看