表格及多媒体

使用表格

表格这一章有很多要记的设计表格的标记如:tr、td、caption、th、width、height、align、border、bordercolor、cellspacing、cellpadding、bgcolor、background、colspan、rowspan、valign、bordercolorlight、bordercolordark还有其他表格的表首标记thead、表格的表主体标记tbody、表格的表尾标记tfoot。

表格

表格2

水平跨度
垂直跨度 表格12 表格13
表格22 表格23

以上代码呈现的效果为

表格及多媒体_第1张图片
7EO73TS8EGIFX3O~QYUSZ6F.png

表单

表单主要用于手机客户端提供的相关资料是页面具有交互功能,如会员注册、网上调查等等。

1.建立表单用
2.插入表单的语法基本为:
其中type十分重要它指定插入哪种表单元素。
3.表单的类型,即type的取值有:文本字段text、密码域password、单选按钮radio、复选框(多选按钮)checkbox、普通按钮button、提交按钮submit、重置按钮reset、图像域image、隐藏域hidden、文件域file。
4.根据表单元素不同可对表单进行不同的定义如:text可增加文本框长度size和最多字符数maxlenth、图像域可增加src=“地址”的定义。


表单

QQ:
密码:
男: 女:
爱好: 羽毛球: 乒乓球: 篮球:

上传文件:

上述代码实现如下


表格及多媒体_第2张图片
image.png

添加多媒体

滚动标记marquee

使用滚动标记不仅可以移动文字,也可以移动图片、表格等。其中标记direction控制滚动方向、标记scrollamount控制滚动速度、scrolldelay控制滚动延迟、loop控制滚动循环、width和heigth控制滚动范围、bgcolor设置滚动背景、hspace和vspace设置空白空间。

下面代码即为对上述标记的基本应用及效果

还好还好
或或或或或或或或

效果为


表格及多媒体_第3张图片
image.png

还可以通过来实现Flash动画效果

但我通过以下代码无法在网页中看到动画效果

   

通过HTML5的形式是可以的


呈现结果为


表格及多媒体_第4张图片
image.png

你可能感兴趣的:(表格及多媒体)