html表单制作教案,【网页设计教案】HTML中表格的制作.doc

您所在位置：网站首页 > 海量文档

&nbsp>&nbsp计算机&nbsp>&nbsp网页设计/UI

【网页设计教案】HTML中表格的制作.doc6页

本文档一共被下载：次,您可全文免费在线阅读后下载本文档。

下载提示

1.本站不保证该用户上传的文档完整性，不预览、不比对内容而直接下载产生的反悔问题本站不予受理。

2.该文档所得收入(下载+内容+预览三)归上传者、原创者。

3.登录后可充值，立即自动返金币，充值渠道很便利

教学项目十二 HTML中表格的制作

【教学内容】

讲解HTML中制作表格的标志

【教学目的】

使学生掌握简单表格的制作

【教学重点】

表格中单元格的合并操作

【教学难点】

理解属性rowspan与colspan的含义

【教学方式】

案例分析式、项目教学

【教学参考】

1．<> 杨浩著清华大学出版社

2．<> Wittime工作室重庆出版社

3．<> 电脑报社出版

4．HTML网页制作教程材义语编著铁道出版社

5、HTML基础与实例程耀编著电子工业出版社

【新课】

表格基本标志

(1)

(2)

(3)

(4)

用来创建一个表格框架创建表格的一行创建表格一行中的一个单元格

它们的对应关系如下:

第一行第一列

第一行第二列

第一行第三列

第一行第四列

用于定义表格头

在网页中制作表格:

表格制作表格例子

		F
F	F
	F	F

二、

标志中配合使用的属性

1. border 设置表格边框的宽度

bgcolor 设置表格背景颜色

3. background 设置表格背景图片

4. width 设置表格宽度

5. height 设置表格高度

6. cellspacing 设置表格内框线宽度

7. cellpadding 设置表格内文字与表格边框线的间距

8. align 设置表格水平对齐方式

9. valign 设置表格垂直对齐方式

10.bordercolor 设置表格边框颜色

11.bordercolorlight 设置表格明亮边框颜色

12.bordercolordark 设置表格暗边框颜色

例二、制作乘法口诀表

表格制作乘法口诀表

cellpadding=10 bordercolor=#ff0000 bordercolordark=#00ff00>

6×6=36 6×7=427×7=49 6×8=487×8=568×8=64 6×9=547×9=638×9=729×9=81

表格标题的设定

语法：

标题

说明：

valign=top 标题置于表格上方

valign=bottom 标题置于表格下方

align=left 居左

align=right 居右

发表评论

请自觉遵守互联网相关的政策法规，严禁发布色情、暴力、反动的言论。

用户名:

验证码:

匿名?

发表评论

html表单制作教案,【网页设计教案】HTML中表格的制作.doc相关推荐

学生个人单页面网页作业学生网页设计成品静态HTML网页单页制作 dreamweaver网页设计与制作代码 web前端期末大作业
HTML实例网页代码, 本实例适合于初学HTML的同学.该实例里面有设置了css的样式设置,有div的样式格局,这个实例比较全面,有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代 ...
web前端电影项目作业源码大学生影视主题网页制作电影网页设计模板学生静态网页作业成品 dreamweaver电影HTML网站制作
HTML实例网页代码, 本实例适合于初学HTML的同学.该实例里面有设置了css的样式设置,有div的样式格局,这个实例比较全面,有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代 ...
垃圾分类网页制作垃圾分类网页设计作业 HTML CSS垃圾分类网页模板大学生垃圾分类网站毕业设计 DW垃圾分类网页模板下载垃圾分类网页成品代码环保网页作品下载
大学生垃圾分类网页制作设计思路知识点应用内容说明代码演示页面效果首页二级页面-图文混排二级页面-图片列表三级图片详情留言表单页面成品下载设计思路垃圾分类网页设计作品采用DIV ...
DW个人网页设计制作 html网页设计制作源码
Web前端三大核心技术 HTML:结构 HTML期末大学生网页设计作业,可以替换文字图片满足不同的 CSS:样式在操作方面上运用了html5和css3, 采用了div+css结构.表单.超链接.浮动 ...
高中计算机网页制作难点,网页设计的部分核心难点是什么？
按钮的风格在过去的十几年发生了很大的变化,由一开始的"斜面与浮雕"风格过渡到后面的"拟物风格",现在更流行的是扁平风格.如果按钮在一张图片中,为了不影响图片的美 ...
用html制作个人站点,【制作个人网站】如何在网上制作自己的网页?如何用html5制作个人主页?制作个人网页设计思路是怎样的?...
[制作个人网站]如何在网上制作自己的网页?如何用html5制作个人主页?制作个人网页设计思路是怎样的?下面就和小编一起来看看吧! 如何在网上制作自己的网页? 网站设计的八个步骤现在看到的工具越来越多, ...
【FBA】SharePoint 2013自定义Providers在基于表单的身份验证（Forms-Based-Authentication）中的应用...
//http://www.cnblogs.com/OceanEyes/p/custom-provider-in-sharepoint-2013-fba-authentication.html 由于项目 ...
HTML中表格怎么制作
HTML中表格怎么制作: 首先来介绍一下HTML中的表格标签: 表格由 <table> 标签来定义.每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 & ...
html如何在页面打开时让鼠标光标停留在某个表单文本框,网页制作实用技巧
网页制作实用技巧 1.让你的网页无法另存为 ◆ 2.让IFRAME框架内的文档的背景透明 ◆ 3.禁止右键: ◆ onselectstart ="return false" οns ...

html表单制作教案,【网页设计教案】HTML中表格的制作.doc

html表单制作教案,【网页设计教案】HTML中表格的制作.doc相关推荐

最新文章

热门文章