HTML的文件结构
主体结构如下:
<html>
<head>
文件头信息(网页中不显示)
</head>
<body>
在浏览器中显示的HMTL文件的正文
</body>
</html>
常见html标记
1.<p>,</p>段落标记
2.<br>回车换行标记
3.<title></title>网页标题标记
4.<hr>水平线
5.<ing>图像标记
6.<a></a>超链接标记
7.<html></html>开始结束
8.<head></head>文件头条信息(输入内容不显示)
9.<body></body>正文(信息输入内容显示)
10.<table></table>表格标记
11.<tr></tr>行标记
12.<td></td>单元格标记
13.&nbsp;空白(删除,可输入内容)
14.<div></div> 网页中的层
15.<embed></embed> 音频插件
16.em 斜体
英文翻译
image图片 inder首页 color颜 copyright版权 banner广告条
width宽度
height高度 autostart参数 false值 line-height行高 style格式/样式
scrtpt网页特效代码标记 bgcolor背景颜 counts图片数量
表格 table
1、background 添加背景图片
2、border color 添加单元格边框颜
页中页 Iframe
1、Name 框架名字网页设计html代码翻译
2、Src 链接的源文件
3、Frameborder 框架的边框设置
4、Scrolling 滚动条设置
插入音频
1.bgsound 背景声音
2.autostart=true 自动开始播放
3.loop=-1 />无限循环播放
总结:<bgsoud src=“sound.mid“ autostart=true loop”-1“/>
音频格式
1.MIDI格式(midi/mid) 电子配乐、轻音乐 适合网页背景音乐
2.WMA格式(wma) 数据量少 适合传输、听歌
3.MP3 数据少 适合传输
4、RealAudio(rm/ram) 适合传输
5、bgsornd背景音乐 src属性 auto自动 start开始 loop循环 -1代表无限循环
false不要自动播放
插件音频设置
1.autostart false 打开网页不自动播放
图像播放器
1.imageURLs 添加图片源文件
2.showControls 显示播放控制条
3.slideDelay 播放间隔时间/切换时停留时间
4.slideLoop 是否循环播放
5.transitions 播放方式(Random随即播放)(Rotate旋转出现)
6.slideAutoPlay 自动播放
7、gif格式:数据量小,带动画信息,透明背景,只支持256。适合网站LOGO、广告条及网页背景 图像。
jpeg格式:高效压缩数据,基本不丢失颜和画质。适合照片及精美图片。
png格式:两者结合。适合于网页效果。
AP DIV层的可见性
1.onClick 点击
2.visible 显示
3.hidden 隐藏
4.scroll 滚动条
5.auto 自动(自动设置滚动条)
6、default 默认
7、显示标尺:在2个标尺之间,按ctrl,自动算出中间距离
层的应用
1. solid 边框
2.border 图层边框设置
3.thin 细边框
4、层加边框:border:1px sdid #093(黄);
5、嵌套AP DIV(父子关系):新建AP,光标插入层,插入/布局对象/AP Div
行为特效
1.onMouseOver 当鼠标经过时触发事件
2.onMouseOut 当鼠标离开时触发事件
3.OnLoad 打开某网页
4.OnUmload 关闭某网页
5.input 出入文本域
6.on Focus 事件被触发点击时发生
7.onBlur 事件会在失去焦点时发生
8.onClick事件会发生在点击时(被点击)
9.onDblclick 事件会发生在双击时
10.onmouseDown 事件会发生在键盘按下时
11.onmouseOver 事件会发生在鼠标松开时
12.onmouseOut 事件会发生在鼠标离开指定对象时
13.onmouseMove 事件会发生在鼠标移动时
14.onkeyPress 事件会发生在用户按下一个键盘时
15.onleyPress 事件会发生在键盘按下并释放一个键时
16.onkeyUp 事件会发生在键盘按键被松开时
17、body 网页 code密码
CSS样式应用
1.none 没有,零
2.solid 实线边框
3.TOP 上部
4.Right 左部
5.Bottom 底部
6.Left 右部
7.class 类
8.link 超链接默认状态
9.vusited 已近浏览过的链接
10.hover 鼠标经过时
11.active 点击链接时
12、缩小文字行距:在代码中<p 的后面加
像这样<p >
这一段的行高就是25了
网页链接目标
1.biank 在新窗口
2.top 在当前窗口
3.parent 框架嵌套
4.self 当前容器显示
5、—self 会在当前网页所在窗口或框架中打开(默认)
—blank 每个链接会创建一个新的窗口
—new 会在同一个刚创建的窗口中打开
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论