Collection
Collection
内联标签：<iframe>可以在一个网页中嵌套另一个网站，srcdoc属性值html代码
利用a标签的target属性可以指向一个框架的name属性的特性
target属性的值：_blank新窗口_parent父级窗口_self当前窗口，还可以跟上字符串（页面或者
窗口的名称）iframe标签可以打开新的网站，在一个新的窗口打开，不过这个窗口是内嵌到当前页面中的，
所以起个名字name，target与name的值一致，target的值，这个值代表着内联框架的一个name属性值
style标签：内嵌生明的方式是在HTML文件中以<style></style>标记声明，
并且将此样式表放在HTML表头区域，也就是在<head></head>标记内
style属性：定义在标签当中定义一些样式
行内样式>id选择器>类选择器>元素选择器
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>内联标签/元素</title> </head> <body> <!--target属性的值：_blank新窗口_parent父级窗口_self当前窗口，还可以跟上字符串（页面或者 窗口的名称）iframe标签可以打开新的网站，在一个新的窗口打开，不过这个窗口是内嵌到当前页面中的， 所以起个名字name，target与name的值一致，target的值，这个值代表着内联框架的一个name属性值--> <!--利用a标签的target属性可以指向一个框架的name属性的特性--> <a href="https://www.baidu.com/" target="hello">百度</a> <!--内联标签：<iframe>可以在一个网页中嵌套另一个网站 srcdoc属性值html代码--> <!--内联框架: 在当前页窗口中, 再次加载一个窗口, 显示另一个页面,类似画中画功能--> <iframe src="" frameborder="1" width="900" height="500" name="hello"></iframe> <h2>后台管理</h2> <ul style="float: left"> <li><a href="https://www.baidu.com/" target="main">用户管理</a></li> <li><a href="https://www.so.com/" target="main">部门管理</a></li> <li><a href="https://www.sogou.com/" target="main">商品管理</a></li> <li><a href="https://www.php.cn/" target="main">订单管理</a></li> </ul> <iframe srcdc="<h3>网站后台</h3>" frameborder="0" name="main" height="500" width="800" style="float: left"></iframe> </body> </html>
例 »点击 "运行实例" 按钮查看在线实例
![$7HRGU)@Q$%EQX2}F(]9Z_P.png](https://img.php.cn/upload/image/546/700/853/1563016285814032.png "1563016285814032.png")
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css样式的优先级</title>
<!--内嵌生明的方式是在HTML文件中以<style></style>标记声明，
并且将此样式表放在HTML表头区域，也就是在<head></head>标记内-->
<style>
/*标签选择器*/
p{
color: green;
}
/*类选择器*/
.blue{
color: red;
}
.pink{
color: pink;
}
#red{
color: aqua;
}
</style>
<!--id选择器>class选择器>tag-->
</head>
<body>
<p id="red" class="pink" style="color: chocolate">今飞凯达放得开浪费时间打开率南方</p>
<p>是女女女报多了才看到了两点</p>
<p>好学好用</p>
<p>是女女复合肥环境</p>
<p class="blue pink">是日计划和甲方开具</p>
</body>
</html>点击 "运行实例" 按钮查看在线实例
对于盒 模型中的内外边距, 边框的样式设置：
margin ：外边距（边框距离其他标签的距离）
边距的排列： margin-top：上边距 margin-right：右边距 margin—bottom 下边距 margin-left 左边距
margin的值：一个参数：上下左右边距都是值
两个参数：值1：上下，值2：左右
四个参数：值1，值2，值3，值4 上右下左
padding：内边距（边框距离内部标签的距离）
边距的排列：padding-top 上边距 padding-right 右边距 padding-bottom 下边距 padding-left 左边距
padding的值 一个参数：上下左右边距都是值
两个参数：值1：上下，值2：左右
四个参数：值1，值2，值3，值4 上右下左
盒模型的每个要素的排列方式：
上 右 下 左