初步认识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>

时间: 2024-10-07 15:46:48

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

html中表格的制作

<table summar="给表格添加摘要".> <captioan> 给表格添加标题 </caption> <tr> <th>1</th> <th>2</th> </tr> <tr> <td>3</td> <td>4</td> </tr> <tr> <td>5</td>

表格的制作

一个典型的表格格式如下: <table 属性="值"-> <caption>表格标题文字</caption> <tr 属性="值"-> <th>第1个列表头</th> <th>第2个列表头</th>- <th>第n个列表头</th> </tr> <tr> <td 属性="值"->第1行第1列数

HTML表格布局,制作漂亮的表格

最近项目要自己写一个表格布局,所以给大家伙看看.好久没写html代码,都很生疏了,要多练习了.这个是从网上复制来的. 我们做一个简单的网站布局,代码如下: <table align="center" width="500" height="400" border=1 bordercolor="#00ff99"> <tbody> <tr><td colspan="3"

Css基本样式————综合设计:表格的制作

<table id="tb">     <tr>         <th>姓名</th>         <th>年龄</th>         <th>性别</th>     </tr>     <tr>         <td>小王</td>         <td>20</td>         <td>

网页表格的制作

事例如下: 步骤如下: css部分: 如果是这样呢 那么在上面css的基础上加上下面的就好了

关于使用表格制作页面

在HTML中,表格的功能挺强大的.表格由 <table> 标签以及一个或多个 tr.th或td 元素组成.单元格可以包含文本.图片.列表.段落.表单.水平线.表格等等.所以,我们可以利用表格来制作一个网页页面.我在做相关练习时发现,若单单使用表格来进行页面的制作,是存在一定的困难.当然现在我们可以利用css来轻松布局.在用表格制作网页时,需要明确的是整个网页中,应该如何划分表格.哪些地方可以直接用一个表格表示,或者哪些地方需要将单元格合并才达到效果.有了清晰的思路后,做起来才不会乱套. 我在利

Office操作:Word一分钟制作表格

表格在我们的日常工作中是必不可少的,Word对表格的制作提供了很好的支持,那么如何在Word上快速建立一个合适的表格呢?表格制作又需要涉及到哪些技巧呢?这里和大家一同了解表格制作的步骤.只需要通过简单的几个步骤即可实现表格的插入操作: 表格制作的方法: 第一种方法适合制作最简单的表格: 首先打开word文档,直接点击"插入"菜单下方的"表格".第一个插入表格,鼠标放下去自然就会出现表格,按需要选择行列的数量便可以得到自己想要的表格了. Office操作:Word一分

2、第九周 - WEB框架应用 - HTML的初步认识及标签的使用

初步认识HTML结构,及常用的标签 一.HTML结构的认识 1.HTML 结构如下: <!DOCTYPE html> <!-- 定义使用的类型 --> <html lang="en"> <!-- 定义html标签,起始位置 lang="en"叫标签内部属性--> <head> <!-- 头部 --> <meta charset="UTF-8"> <title

如何制作简单的 3D 打印模型

Hi 大家好! 了解一个方兴未艾,但极为有趣的话题 - 3D 打印 . 为了帮助大家对3D打印有一个初步的感性认识,我在线制作了一款可用于3D打印的model, 大家可以先通过体验这个在线 model 的3D 效果,体验一下让我们耳目为之一新的感觉 J ~ 首先打开URL : http://www.123dapp.com/Catch/2014-4-1-21-5-35/2258051 .首次进入时先看到的是一张2维的平面图片,然后请点选左下 3D VIEW . 待图像加载结束,就可以通过鼠标的拖曳