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. FreeBSD从零开始---安装后配置（三）

    IPFW和IPF   一.IPFW IPFW意思可以理解为ip防火墙,主要作用是拦截设定规则外的ip包.你可以把这个理解为linux下的iptables,但是,ipfw要比iptables简单易用. ...

  2. 统计在从1到n的正整数中1出现的次数

    问题: 给定一个十进制正整数N,写下从1开始,到N的所有整数,然后数一下其中出现的所有“1”的个数. 例如:N= 2,写下1,2.这样只出现了1个“1”. N= 12,我们会写下1, 2, 3, 4, ...

  3. 【简洁之美】裴波那切数列生成器 python

    裴波那切数列可以用生成器较好的去生成,直接上代码: # 1 控制最大数字版本 def fib(max): x,y = 0,1 while y < max: yield x x,y = y,x+y ...

  4. Java陷阱之assert关键字

    Java陷阱之assert关键字   一.概述   在C和C++语言中都有assert关键,表示断言. 在Java中,同样也有assert关键字,表示断言,用法和含义都差不多.   二.语法   在J ...

  5. C#中如何定义全局变量及在各窗体中使用全局变量

    using System; using System.Collections.Generic; using System.Drawing; using System.Windows.Forms; us ...

  6. bonext.js学习笔记

    bonext.js是个什么鬼? 首先这是一个前端开发框架,建立在Backbone.js的基础上,使用Jquery操作Dom,Bootstrap负责布局,Art-Template渲染模板,再加上自定义一 ...

  7. 如何判断js中的数据类型

    如何判断js中的数据类型:typeof.instanceof. constructor. prototype方法比较 如何判断js中的类型呢,先举几个例子: var a = "iamstri ...

  8. CSV表格读取

    读取CSV表格需要CSV表格的编码格式为UTF-8 ,这个脚本中有些是为了方便使用封装的dll 不过都是一些简单的实现,自己实现也很容易,可做参考. /// <summary> /// 构 ...

  9. 如何设置Java开发环境

    傻瓜式 设置Java开发环境 跟我来. 对与win7操作系统.有两种方法. 第一种: 1.下载JDK,完成安装. 2.右键我的电脑,选择属性,在左边找到高级系统设置左键单击打开,在高级选项中找到 环境 ...

  10. C语言中两种方式表示时间日期值time_t和struct tm类型的相互转换

    使用gmtime函数或localtime函数将time_t类型的时间日期转换为structtm类型: 使用time函数返回的是一个long值,该值对用户的意义不大,一般不能根据其值确定具体的年.月.日 ...