html总集

3.1清单
格式：

• ...

的属性：
type disc 实心圆（默认）
circle 空心圆
square 实心方块

1. ...

ol的属性：
type 1 1.2.3表示
a a.b.c
A A.B.C
i i.ii.iii
I I.II.III
表格
4.1表格的基本格式
格式：

...
...

4.2

下的常用属性
属性：
border 像素 设置表格边线
cellspacing 像素 绝对设置 存储格框线宽度
百分比 相对设置 ......
cellpadding 像素 ....... 数据与框线的距离
百分比 ....... 数据与框线的距离
width 像素 ....... 表格宽度
百分比 ....... 表格宽度
height 像素 ....... ....高度
百分比 ....... ....高度
align lefr 表格往左靠（默认）
center 居中
right 右
bgcolor 英文/十六进制 表格的背景颜色
background URL 表格的背景图片
bordercolor 英文/十六进制 边框颜色
bordercolorlight ............ 边框亮度
bordercolordark ....... 暗色

4.3

下的边框设置
frame above 显示表格的上边线
rules all 显示全部格框线

4.4

和一样

标题：

	下的成语属性 width 1 10% 宽 height 1 10% 高 bgcolor red #f00 数据栏内的颜色 align 水平方向 left 数据靠左 center 居中 right 右 valign 垂直方向 top 上 middle 中 bottom 下 nowrap 无 在单元格中换行 4.5拆分与合并单元格 colspan 1 向两边扩展栏位 rowspan 1 下 4.6表格的结构化、直列化、标题 结构化: 表头区 表体区 表尾区 直列化: align left 靠左 center 中 right 右 valign top 上 middle 中 bottom 下 span 1 直列数目 width 1px 10% 宽度 个别直列设置：

表格标题

align top 标题在表格上方
bottom 标题在表格下方

结构化：

...
...
..................
...

图像
在body标签上加入background=“url”

图片插入网页中

alt 文字 图片注释
width
height
border
align left 图左文右
right 图右文左
top 文上
middle 文中
bottom 文下
空隙
vspace 像素 垂直属上下两端与物的距离
hspace 像素 水平

超链接
用图片做超链接
就是超链接嵌套

地图索引

图片索引
用表格来定位，在消除表格边线与边距。加上超链接就行了。

scheme：//host[:post]/path/filename
一共7种↓IP地址 服务端口 文件路径 文件名
↓ 常用的四种
http
网页地址

file
图片上传
e盘
ftp
id进入

mailto
进入邮箱

相对链接、绝对链接
a标签套上文件位置
正常
page就是文件的目录
page/top/......
../........... ../就是向上翻一层
../page/......... 向上翻一层的page目录

书签链接
瞄点第一章
链接点第一章

链接到其他网页的书签
瞄点第一章
链接点其他第一章

基准参考点
在head中插入 c盘

超链接颜色

link:还没点过的
alink：点了但没放开
vlink：已经点过了

7表单
7.1功能结构
主标记结构：

...

属性：
name 字符 名字
method post 传输方式
action url 传输目标 value="123"

7.2文本框、密码栏、隐藏栏
文本栏：
密码栏：maxlength="输入最多数">
隐藏栏：

7.3复选栏、单选栏
多重勾选栏位：
单选：
7.4窗体栏、区块栏
窗体选项栏：

上海
北京

(多组)

普陀区
宝山区

文字区块栏：
<br>.............<br>
7.5按钮、图像设置
按钮设置：


按钮图像： ↑



图像按钮：
7.6允许上传文件
上传栏位：
7.7加上外框和标题
外框：

......

标题：

.......

7.8元件的次序和快捷键
accesskey="w" (alt+w)(ctrl+w)
tabindex="n"

8.窗框
8.1基本结构
格式：



的属性：
cols 像素百分比 窗框环境（竖）
rows 像素百分比 窗框环境（橫）
border 像素 边框的宽度
framespacing 1或0 页面与页面的边距
属性格式：
80%,20%
的属性：
src URL 链接页面
noresize true 允许自行改变大小
false 不允许
scrolling yes 不管大小，都有滚动条
no 不管大小，都没有滚动条
auto 自动判断是否有滚动条
marginheight 像素 垂直，窗体内容与边界距离
marginwidth 像素 水平，.................
frameborder 0/1 不出现框边
属性格式：

8.2多窗体设置
格式：






8.3多框架与超链接
格式：
超链接
多窗体链接的属性：
target _blank 打开一个新页面
8.4悬浮窗体的设置
格式：......
属性:
height 像素 相对 高度
width 像素 相对 宽度

9.1FLASH动画的插入
格式:
...
属性：
src URL fiash路径
width 像素 fiash宽度
height 像素 fiash高度
wmode window fiash自身矩形窗口播放
opakue fiash隐藏页面位于后面
transparent fiash某一部分透明
格式：

属性：
type application/x-shockwave-flash flash类型
data URL flash路径
width 像素 flash宽度
height 像素 flash高度
必须使用子标签
属性：
name 属性 flash属性
value 值 flash值

 

9.2MP3及WMV视频的插入
格式：
...
属性：
autostart true/false 自动/非自动播放
loop 数字 音乐循环的次数
前身：
格式：

属性：
name src（路径） 音乐路径
autoplay（true/false） 是否自动播放

 

9.3网络流媒体视频的插入

优酷、土豆

 

转载于:https://www.cnblogs.com/yjh1604600160/p/6052093.html