写一案例,要求用到<a href="" target="">与<iframe>理解target忏悔与name属性之间的关联是如何实现的
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <h2 align="center" >后台管理</h2> <ul style="float=left"> <li><a href="demo2.html" target="main" >用户管理</a></li> <li><a href="index1.html" target="main">产品管理</a></li> <li><a href="demo2.html" target="main">产品查询</a></li> <li><a href="index1.html" target="main">系统设置</a></li> </ul> <iframe srcdoc="网站管理平台" src="" name="main" frameborder="1" width="500" height="500"></iframe> </body> </html>
运行实例 »点击 "运行实例" 按钮查看在线实例
3.写一个案例, 演示css中的内联样式,内部样式,外部样式的应用场景,理解style属性, style标签, 以及外部样式表的使用方式
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="text/css" href="demo.css"> <style> .div1{background-color: red;width: 300px;height: 200px;margin: 10px} #div2{background-color: blue;width: 300px;height: 200px;margin: 10px} #test{color: blue;margin: 15px;padding: 5px;} </style> </head> <body> <div style="background-color: green;width: 300px;height: 200px;margin: 10px;"></div> <div class="div1"></div> <div id="div2"></div> <h3 id="test">PHP中文网的网址是http://www.php.cn</h3> </body> </html>
运行实例 »点击 "运行实例" 按钮查看在线实例
demo.css
实例
.div1{background-color: red;width: 300px;height: 200px;margin: 10px}
#div2{background-color: blue;width: 300px;height: 200px;margin: 10px}
#test{color: blue;margin: 15px;padding: 5px;}运行实例 »
点击 "运行实例" 按钮查看在线实例
4.对于盒 模型中的内外边距, 边框的样式设置有什么不同, 写出你的理解
盒模型是html语言中对块级标签修饰的概念,主外边距是块级元素与框架或其他块级元素的的位置的设定;第二就是块级元素的外框和内容之间的位置关系.如margin是框架和块级元素的位置关系,padding是外框和内容之间的关系.
5.盒模型的每个要素的排列方式是什么?要求背下来
方框有四个参数时表示上,右,下,左即:顺时针顺序;三个元素是上,左右和下;两个元素是上下,左右;一个元素就是方框四边都一样.
以上内容, 明晚上课前会抽问....