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. Django 浏览页面点击计数（通用视图）

    通常情况下在Views.py中直接写一个视图函数就可以了,由于每次点出详情时都会经视图函数处理, 所以可以在此视图函数中对浏览次数进行"+1" 操作. 对应的url:url(r'^ ...

  2. linux svn 提交文件时强制填写备注

    很多程序员不爱写注释,特别是svn提交的时候,文件做了什么修改都没有一个简单的备注,往往都是直接提交,这样是非常不利于团队开发的.所以就有了svn提交的时候,强制修改文件的备注. 步骤如下: 1.先找 ...

  3. db2数据库安装注意几个问题

    1.安装数据库的时候,db2用户使用的是系统中的用户.创建完数据库你会发现你电脑多了一个用户(可以在控制面板中查看到) 2.安装完数据库需要创建数据库.打开命令行cmd(注意一定要用管理员身份打开,不 ...

  4. springmvc 用拦截器+token防止重复提交

    一,原理: 1,在进入到提交页面时,使用拦截器拦截在进入此方法前,生成一个token,放到session中, @RequestMapping(value = "/{id}/details&q ...

  5. 使用archlinux作为日常开发机已经半年了，随便写一下

    机器配置 CPU: Intel Core i5-6200U CPU @ 2.8GHz RAM: 6114MiB / 7421MiB Resolution: 1920x2160 在arch下常用的软件 ...

  6. 【转】Java关键字final、static使用总结

    转自:http://lavasoft.blog.51cto.com/62575/18771/   Java关键字final.static使用总结   一.final        根据程序上下文环境, ...

  7. VS中基于对话框的MFC利用换肤改变边框颜色及格式

    第一版本: http://ishare.iask.sina.com.cn/f/13836420.html?from=like 2. http://www.cnblogs.com/phinecos/ar ...

  8. CSS继承

    不可继承的:display.margin.border.padding.background.height.min-height.max-height.width.min-width.max-widt ...

  9. C# 禁止程序多个实例运行

    //program.cs    static class Program    {        /// <summary>        /// 应用程序的主入口点.        // ...

  10. 高可用Hadoop平台－Flume NG实战图解篇

    1.概述 今天补充一篇关于Flume的博客,前面在讲解高可用的Hadoop平台的时候遗漏了这篇,本篇博客为大家讲述以下内容: Flume NG简述 单点Flume NG搭建.运行 高可用Flume N ...