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. springmvc 接受特殊类型字段的处理方法

    springmvc接受前台传入的数据时如果该字段类型无法被封装(如Date),则会出现400 Bad Request错误,解决方法如下. 1.在需要处理的字段前加上注解: @DateTimeForma ...

  2. get application power

    1. http://blog.csdn.net/sjz_iron/article/details/8726661 http://www.16rd.com/home.php?mod=space& ...

  3. PD脚本导出到数据库后没有注释问题

    昨天PD里建了几张表,建表的时候我在NAME栏位写了中文说明,但是脚本在数据库里生成表以后,发现中文说明没有了,需要自己在“注释”栏位添加才行,如下图: 我想要达到的效果如下图: 解决方法: 1.  ...

  4. Add Office 365 Azure Directory into Windows Azure

    Add Office 365 Azure Directory into Windows Azure Pre-Requisite: 1.Azure Subscription to the Microso ...

  5. MSSQL 跨数据库连接

    SELECT * FROM opendatasource('sqloledb','data source=192.168.1.197;user id=sa;password=sa').SafetyMo ...

  6. dojo GridX 用法

    1. 表格的加载显示 function CreateGrid() { var store = new dojo.store.Memory({ data: [ { id: 1, UserName: &q ...

  7. Asp.net 未处理异常

    页面级捕获未处理异常 - Page 的 Error 事件 Protected Sub Page_Error(ByVal sender As Object, ByVal e As System.Even ...

  8. [PHP]使用PHPMailer发送带附件并支持HTML内容的邮件

    来源:http://www.helloweba.com/view-blog-205.html PHPMailer是一个封装好的PHP邮件发送类,支持发送HTML内容的电子邮件,以及可以添加附件发送,并 ...

  9. Mac升级到Yosemite后默认的php版本不支持imagetfftext函数问题解决

    Mac升级到yosemite后,php也自动升级,运行项目的时候发现后台验证码显示不出来.调试一下发现imagetfftext这个函数不存在,应该gd没有安装完全,因为Mac上的php实现系统自带的, ...

  10. WPS for Linux,系统缺失字体

    启动WPS for Linux后,出现提示"系统缺失字体" . 出现提示的原因是因为WPS for Linux没有自带windows的字体,只要在Linux系统中加载字体即可. 具 ...