初步认识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.实现原理通过点击事件来触发跳出一个输入框可以在里面输入当这个输入框失去焦点后就把,所 ...

随机推荐

win10 chrome浏览器字体小，模糊
解决方案: chrome://flags/
Git学习笔记（一）
1.git clone https://github.com/miguelgrinberg/flasky.git cd flasky git checkout 1a 2.git reset --har ...
JS获取form表单所有属性值
// 得到一个表单里的全部信息function getFormQueryString() { var frmID=document.forms[0]; var i,queryString=" ...
linux查看父子进程
python多进程代码 http://blog.csdn.net/yfkiss/article/details/6729364 Linux下多线程查看工具(pstree.ps.pstack) tes ...
LR12.53—第2课：准备脚本重播
第2课:准备脚本重播创建Vuser脚本后,可以通过从VuGen中运行它验证它.有时重播将失败,即使同样的动作在录制过程中取得了成功. 许多应用程序使用,每次使用应用程序时更改动态值.例如,某些服 ...
ios 使用Core Image实现高斯模糊
在iOS和OS X平台上,Core Image都提供了大量的滤镜(Filter),这也是Core Image库中比较核心的东西之一.按照官方文档记载,在OS X上有120多种Filter,而在iOS上 ...
Nginx配置文件说明
在此记录下Nginx服务器nginx.conf的配置文件说明, 部分注释: #运行用户user www-data; #启动进程,通常设置成和cpu的数量相等worker_processes 1 ...
python基础学习
1 list () 定义 2 dict() 转化为字典 3 tuple() 转化为元组 4 sort() 和 sorted()区别 5 a.sort(key=lambda ...
JAVA初学(1)：值类型和引用类型的区别
JAVA值类型和引用类型的区别(转) [定义] 引用类型表示你操作的数据是同一个,也就 ...
php面试题目
PHP测试小例 1. 禁用COOKIE 后 SEESION 还能用吗? Cookie 是保存在浏览器 1.cookie是保存在本地的,而seesion是保存在服务器上的.所以两者没有直接的关系,禁用 ...

初步认识html以及表格的制作

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

随机推荐

热门专题