12.21,冬至,天空中还下着小雨,雾霾也没有散去,但是也没有冲散节日的气氛,心情也是倍儿好。

今天学习了不少的内容,对我来说是对之前所学的一个巩固,内容比较多也比较杂乱一些,下面以例子的形式来表现:

<body topmargin="200px" leftmargin="200px" bgcolor="#000000">
<a name="tupian"></a>
<font color="#CCCCCC"><h1><em>作业</em><sub>20161221</sub></h1>
<del>可以不完成</del>
<p>One may fall in love with many people during the lifetime.</p>
<p>When you finally get your owm happiness.</p>
<p>you will understand the previous sadness is kind og treasure.</p>
<p>which makes you better to hold and cherishthe people you love.</p>
<h2>字体是:</h2>
<font face="微软雅黑"><u>微软雅黑</u></font><br />
<br />
<br /> <a href="#tupian"><img src="BD47770DE4921AF49B2C55678495072" height="100" width="100" title="哈哈哈" alt="图裂了"/></a><br />
<img src="BD47770DE4921AF49B2C55678495073" height="100" width="100" title="哈哈哈" alt="图裂了"/>
<h2>要求:</h2>
<ol type="A">
<li>独立完成</li>
<li>今天所讲的都要练一遍</li>
<li>做好博客的笔记</li>
</ol>
<h2>PS:</h2>
<ul type="disc">
<li>注意有序/无序列表的使用</li>
<li>图片长宽都是100培训,点击图片可以链接到网页顶端</li>
<li>要求完成度在70%以上</li>
<li>不会的可以<a href="http//www.baidu.com" target="_blank">百度</a>(此链接在新页面打开)</li>
<li>网页左边距和上边距为200px</li>
<li>鼠标移动到图片上面显示“哈哈哈”</li>
<li>坏图上显示“图裂了”</li>
</ul> <table border="1" height="200" width="400">
<tr height="100">
<td width="100" align="center" >宽度/高度</td>
<td width="100" align="center">对齐方式</td>
<td width="100" align="center">背景颜色</td>
<td rowspan="2">合并单元格</td>
</tr>
<tr height="100">
<td width="100" align="center" valign="bottom">400px/200px</td>
<td width="100" align="right" valign="bottom">靠右靠下</td>
<td width="100" bgcolor="#333333" align="right" valign="bottom">gray</td>
</tr>
</table>
</font>

<font color="#FFFFFF">
<table cellpadding="0" cellspacing="0" border="1" height="300" width="300">
<tr height="100">
<th width="100">标题1</td>
<th width="100">标题2</td>
<th width="100">标题3</td>
</tr>
<tr height="100" align="center" valign="middle">
<td>昨天</td>
<td>今天</td>
<td>明天</td>
</tr>
<tr height="100" align="center" valign="bottom">
<td>阴天</td>
<td>晴天</td>
<td>下雨</td>
</tr>
</table>
</font>

初步认识html以及表格的制作的更多相关文章

  1. html 表格的制作

    表格的制作 表格<table></table> <table  width=""  height=""  align=" ...

  2. html中表格的制作

    <table summar="给表格添加摘要".> <captioan> 给表格添加标题 </caption> <tr> <t ...

  3. VueJs初步学习,一个表格的增删改查

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  4. (1)html初步--表格的使用

    用表格标签制作简历 html代码: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " ...

  5. html制作细线表格

    关于这个细线表格的制作方法,百度一下可能就会有答案告诉你设置这几个值:给table设置border="0" cellspacing="1" bgcolor=&q ...

  6. bootstrap 怎么制作好看的表格

    bootstrap 怎么制作表格 bootstrap 制作表格带有图文形式.主要知识点有以下几点 第一点肯定是写出一个普通的表格,这一点可以去菜鸟复制它的案例.添加tr和td就可以了 在表格放入图片加 ...

  7. markdown表格

    markdown制作表格 一. 使用原生html表格标签制作 <table> <tr> <td>表头</td> </tr> <tr&g ...

  8. h5标签基础 table表格标签

    一.表格的定义:用于有规范的显示数据. 二.基本组成: 行<tr>/列<td>/表头<caption>/表标题<th> eg: <table> ...

  9. jQuery代码实现表格内容可编辑修改

    1.效果及功能说明 表格特效制作jquery表格可编辑任意修改里面的数值,是一种比较人性化的用户设计体验方式 2.实现原理 通过点击事件来触发跳出一个输入框可以在里面输入当这个输入框失去焦点后就把,所 ...

随机推荐

  1. APP开发和web开发的区别

    1.web开发: 1.浏览器直接访问,协议是http,基本都是PC访问,也就是在家和办公场合,网络比较好. 2.web如果多个服务集成的话使用的是ESB来统一集成 2.APP开发 1.手机app客户端 ...

  2. JAVA 教程推荐

    JAVA 教程 学习地址:http://www.manongjc.com/mysql/mysql_tutorial.html Java 简介 Java是由Sun Microsystems公司于1995 ...

  3. Webpack 入门指南 - 2.模块

    这一次我们谈谈模块问题. 通常我们希望这个项目可以分为多个独立的模块,比如,上一次提高的 hello 函数,如果我们定义为一个模块,其它模块引用之后,直接调用就好了.在前端怎么使用模块呢?这可说来话长 ...

  4. mysql load data 乱码的问题

    新学mysql在用load data导入txt文档时发现导入的内容,select 之后是乱码,先后把表,数据库的字符集类型修改为utf8,但还是一样,最后在 http://bbs.chinaunix. ...

  5. 网站压力测试工具webbench使用说明

    一.webbench简介        Webbench是有名的网站压力测试工具,它是由Lionbridge公司(http://www.lionbridge.com)开发.它的帮助文件和文档请到:ww ...

  6. js 判断数组包含某值的方法 和 javascript数组扩展indexOf()方法

    var  questionId = []; var anSwerIdValue = []; ////javascript数组扩展indexOf()方法 Array.prototype.indexOf ...

  7. 用VBS实现公司自动打卡

    公司每天要求早晚打卡,方式是登录某一个页面,然后点击上面的圈圈,如下图: 每天都要打开书签,登录这个页面,然后打卡...这么重复性的工作,怎么能是程序员天天干的事情呢(其实是我太懒了),那么就尝试让程 ...

  8. 1219 spring3 项目总结

    Spring3 项目总结 列志华 (组长) http://www.cnblogs.com/liezhihua/ 团队guihub https://github.com/LWHTF/OrderingFo ...

  9. selenium3.0.1调用firefox

    报错信息如下时: selenium.common.exceptions.WebDriverException: Message: 'geckodriver' executable needs to b ...

  10. java闭包

    闭包就是在一个外部类A中声明了一个内部类B,然后这个内部类可以访问他自己B的作用域和外部类A的作用域.然后现在用另外一个类C创建了一个内部类B,那么这个内部类B可以访问C的作用域. 如果没有闭包,那B ...