码迷,mamicode.com
首页 > Web开发 > 详细

1121冬至!!!HTML基础第一堂

时间:2016-12-21 21:33:47      阅读:222      评论:0      收藏:0      [点我收藏+]

标签:otto   which   images   image   time   uri   code   长度   pac   

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

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

水平居中: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>

效果图:

技术分享

技术分享

老师的图片好丑

1121冬至!!!HTML基础第一堂

标签:otto   which   images   image   time   uri   code   长度   pac   

原文地址:http://www.cnblogs.com/xuan584521/p/6208963.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!