初步认识html以及表格的制作
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以及表格的制作的更多相关文章
- html 表格的制作
表格的制作 表格<table></table> <table width="" height="" align=" ...
- html中表格的制作
<table summar="给表格添加摘要".> <captioan> 给表格添加标题 </caption> <tr> <t ...
- VueJs初步学习,一个表格的增删改查
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- (1)html初步--表格的使用
用表格标签制作简历 html代码: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " ...
- html制作细线表格
关于这个细线表格的制作方法,百度一下可能就会有答案告诉你设置这几个值:给table设置border="0" cellspacing="1" bgcolor=&q ...
- bootstrap 怎么制作好看的表格
bootstrap 怎么制作表格 bootstrap 制作表格带有图文形式.主要知识点有以下几点 第一点肯定是写出一个普通的表格,这一点可以去菜鸟复制它的案例.添加tr和td就可以了 在表格放入图片加 ...
- markdown表格
markdown制作表格 一. 使用原生html表格标签制作 <table> <tr> <td>表头</td> </tr> <tr&g ...
- h5标签基础 table表格标签
一.表格的定义:用于有规范的显示数据. 二.基本组成: 行<tr>/列<td>/表头<caption>/表标题<th> eg: <table> ...
- jQuery代码实现表格内容可编辑修改
1.效果及功能说明 表格特效制作jquery表格可编辑任意修改里面的数值,是一种比较人性化的用户设计体验方式 2.实现原理 通过点击事件来触发跳出一个输入框可以在里面输入当这个输入框失去焦点后就把,所 ...
随机推荐
- flex acionscript png图片去除多余空白,生成合适大小图片
//最小矩形(非透明最小区域) public static function getMinRect(target:BitmapData):Rectangle{ return target.getC ...
- 慕课网-Java入门第一季-7-2 Java 中无参无返回值方法的使用
来源:http://www.imooc.com/code/1578 如果方法不包含参数,且没有返回值,我们称为无参无返回值的方法. 方法的使用分两步: 第一步,定义方法 例如:下面代码定义了一个方法名 ...
- symbol(s) not found for architecture x86_64 之 linker command failed with exit code 1 (use -v to see invocation)解决方案排查
这样的错误 ,我的解决方案是, 第一种: 查看他说在 ****.o 中,你要查看这样的关键点,然后去查看,你 项目中有没有引进这样的文件,在项目中查找,看项目中有没有,如果没有那就是没添加进来,你 ...
- Spring知识汇总
Spring简介 Spring框架由Rod Johnson开发,2004年发布了Spring框架的第一版.Spring是一个从实际开发中抽取出来的框架,因此它完成了大量开发中的通用步骤,留给开发者的仅 ...
- OAuth认证
OAuth简介 OAuth是在不提供用户名和密码的情况之下,授权第三方应用访问Web资源的安全协议. OAuth允许用户提供一个令牌给第三方网站,一个令牌对应一个特定的第三方网站,同时该令牌只能在特定 ...
- js 页面刷新方法
1.reload方法,该方法强迫浏览器刷新当前页面语法:location.reload([bForceGet])参数:bForceGet,可选参数,默认为false从客户端缓存里取当前页.true,则 ...
- 监控数据库运行 - MS SQL 日常维护管理常用脚本(二)
查看数据库登录名信息 use mastergoSELECT name AS LoginName , dbname AS DefaultDB , createdate AS CreateDate, up ...
- 关于Delphi中多线程传递参数的简单问题
http://bbs.csdn.net/topics/390513469/ unit uThread; interface uses Classes; type Th = class(TThread) ...
- lnmp下启动mysql报错 The server quit without updating PID file
启动时候错误代码:Starting MySQL[FAIL.] The server quit without updating PID file (/var/run/mysqld/mysqld.pid ...
- javaWeb学习-----session
一.Session简单介绍 在WEB开发中,服务器可以为每个用户浏览器创建一个会话对象(session对象),注意:一个浏览器独占一个session对象(默认情况下).因此,在需要保存用户数据时,服务 ...