1.html常见的标签
1.iframe---框架标记
在html文件中开辟一个区域,可以单独显示另一个html文件
src="URL"----另一个html文件访问路径
height 和 width 属性----定义iframe标签的高度与宽度。
frameborder 属性用于定义iframe表示是否显示边框。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>iframe</title>
</head>
<body>
<h4>iframe---在html文件中开辟一个区域,可以单独显示另一个html文件</h4>
<h4>src="URL"----另一个html文件访问路径</h4>
<h4>height 和 width 属性----定义iframe标签的高度与宽度。</h4>
<h4>frameborder 属性用于定义iframe表示是否显示边框。</h4>
<iframe src="test1.html" width="500px" height="300px" frameborder="no"></iframe>
</body>
</html>
使用iframe来显示目标链接页面
1.<a>标提供target属性为iframe的name属性值
2、为iframe设置name属性值
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>iframe</title>
<style>
ul li{
list-style:none;
float:left;
padding-left:30px;
}
ul li a{
text-decoration:none;
font-size:1.875rem
}
</style>
</head>
<body>
<ul>
<li><a href="test1.html" target="myiframe">用户管理</a></li>
<li><a href="iframe.html" target="myiframe">商家管理</a></li>
<li><a href="#" target="myiframe">上架管理</a></li>
<li><a href="#" target="myiframe">部门管理</a></li>
</ul>
<iframe name="myiframe"src="test1.html" width=100% height="300px"frameborder="0"></iframe>
</body>
</html>
2.div---层
在html中开辟一块空白表区域,可以包含其他的html元素显示
因此<div>是一个容器元素。
与css结合使用可以制作页面布局
前后自动换行---块级元素
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>div</title>
</head>
<body>
<div style="width:300px;height:150px; background-color: blue;">
<h4>div---层,在html中开辟一块空白表区域,可以包含其他的html元素显示</h4>
<p>
因此div是一个容器元素。<br>
与css结合使用可以制作页面布局<br>
前后自动换行---块级元素
</p>
</div>
<div style="width:300px;height:150px; background-color:red;">
<h4>div---层,在html中开辟一块空白表区域,可以包含其他的html元素显示</h4>
<p>
因此div是一个容器元素。<br>
与css结合使用可以制作页面布局<br>
前后自动换行---块级元素
</p>
</div>
</body>
</html>