随笔分类 -  Web前端开发技术(储久良 编著)

摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>图像与多媒体文件应用</title> <style type="text/css"> ul{list-style-type: none;} li{display: inline;margin: 0px 10px;} marquee{clear: both;} p{text-ind 阅读全文
posted @ 2019-09-29 18:46 青衫客36 阅读(451) 评论(0) 推荐(0) 编辑
摘要:页面中嵌入多媒体文件 醉花阴 李清照 薄雾浓云愁永昼, 瑞脑消金兽. 佳节又重阳, 玉枕纱橱, 半夜凉初透. 东篱把酒黄昏后, 有暗香盈袖. 莫道不消魂, 帘卷西风, 人比黄花瘦. 嵌入的多媒体文件 阅读全文
posted @ 2019-09-29 18:45 青衫客36 阅读(166) 评论(0) 推荐(0) 编辑
摘要:滚动文字属性设置综合应用 滚动文字属性设置综合应用 设置滚动空白空间就是指滚动文字背景和它周围文字及图像之间的空白空间范围。 默认情况下,滚动对象周围的文字或图像是与滚动背景紧密连接的, 使用hspace和vspace可以设置它们之间的空白空间。 阅读全文
posted @ 2019-09-29 18:45 青衫客36 阅读(185) 评论(0) 推荐(0) 编辑
摘要:添加滚动文字 添加滚动文字 该文字为滚动效果 阅读全文
posted @ 2019-09-29 18:44 青衫客36 阅读(149) 评论(0) 推荐(0) 编辑
摘要:图像热区链接 阅读全文
posted @ 2019-09-29 18:43 青衫客36 阅读(171) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>设置图像宽度高度及边框</title> <style type="text/css"> ul{list-style-type: none;} li{float: left;padding: 0 20px;} </style> </head> <body> <h2 align="c 阅读全文
posted @ 2019-09-29 18:42 青衫客36 阅读(186) 评论(0) 推荐(0) 编辑
摘要:插入图像 网页中插入图像 阅读全文
posted @ 2019-09-29 18:42 青衫客36 阅读(127) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>插入图像</title> <style type="text/css"> body{text-align: center;} </style> </head> <body> <h2>网页中插入图像</h2> <hr color="#66ff33" width=" 阅读全文
posted @ 2019-09-29 18:41 青衫客36 阅读(199) 评论(0) 推荐(0) 编辑
摘要:浮动框架应用 浮动框架中打开新页面 在左边浮动框中打开百度 在右边浮动框中打开腾讯 阅读全文
posted @ 2019-09-28 17:11 青衫客36 阅读(171) 评论(0) 推荐(0) 编辑
摘要:桂林山水风景图片 桂林山水风景图片 桂林山水1 桂林山水2 桂林山水3 桂林山水4 阅读全文
posted @ 2019-09-28 17:10 青衫客36 阅读(260) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>apple网站</title> </head> <body> <h2 align="center">apple网站</h2> <hr size="1" color="black"/> <p align="center"> <a h 阅读全文
posted @ 2019-09-28 17:09 青衫客36 阅读(256) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>百度仿真页面</title> </head> <body> <p align="center"> <a href="http://www.baidu.com"> <img border="0" src="baidu_sylogo1.gif"/> & 阅读全文
posted @ 2019-09-28 17:08 青衫客36 阅读(155) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>不同页面之间的书签连接</title> </head> <body> <h4><a name="EditPlus">EditPlus</a></h4> <p> EditPlus(文字编辑器)汉化版是一套功能强大, 可取代记事本的文字编辑器,拥有无限制的撤消与重做、英文拼字检查、自 阅读全文
posted @ 2019-09-28 17:07 青衫客36 阅读(143) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>浮动框架应用</title> <style type="text/css"> a{width: 300px;margin: 0 10px;} h3{font-size: 28px;color: #0000ff;text-align: center;} div{margin: 0 阅读全文
posted @ 2019-09-28 17:07 青衫客36 阅读(84) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>链接到同一页面的书签</title> </head> <body> <h3><a name="software">主流的网页设计软件</a></h3> <ul> <li><a href="#dw">Dreamweaver MX[同页]< 阅读全文
posted @ 2019-09-28 17:06 青衫客36 阅读(137) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>超链接的应用</title> <style type="text/css"> h1{background: #9999cc;color: white;padding: 10px;height: 50px;text-align: center;} img{width: 70px;h 阅读全文
posted @ 2019-09-28 17:05 青衫客36 阅读(148) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>超链接应用</title> </head> <body> <h3>超链接导航</h3> <a href="http://www.baidu.com" title="Baidu">百度</a><br /> <a href="http://www.ed 阅读全文
posted @ 2019-09-28 17:04 青衫客36 阅读(149) 评论(0) 推荐(0) 编辑
摘要:<html> <head> <meta charset="utf-8"> <title>内部链接和外部链接</title> </head> <body> <h2>内部链接: </h2> <p><a href="index.html">通知</a>指向网站内的页面链接</p> <h2>外部链接: </h2> <p><a href="http://www 阅读全文
posted @ 2019-09-28 17:04 青衫客36 阅读(108) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>第四届中国大学出版社图书奖公示</title> </head> <body bgcolor="#ccffcc"> <h2>第四届中国大学出版社图书奖公示</h2> <p>优秀教材一等奖(68种)</p> <ol type="1"> <li>刑事诉讼法( 阅读全文
posted @ 2019-09-28 17:03 青衫客36 阅读(214) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <ol type="1"> <li>windows 95</li> <li>windows 98</li> <li>windows NT</li> <ul type="disc"> 阅读全文
posted @ 2019-09-28 17:02 青衫客36 阅读(154) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示