![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Correction status：qualified
Teacher's comments：总结的不错的, 代码也还算规范, 坚持下去
Collection
Collection
写一案例,要求用到<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.盒模型的每个要素的排列方式是什么?要求背下来
方框有四个参数时表示上,右,下,左即:顺时针顺序;三个元素是上,左右和下;两个元素是上下,左右;一个元素就是方框四边都一样.
以上内容, 明晚上课前会抽问....