龙空技术网

HTML内联框架 标签

二渡河 156

前言:

今天看官们对“html的tr标签”大体比较注意,同学们都需要分析一些“html的tr标签”的相关资讯。那么小编同时在网络上网罗了一些对于“html的tr标签””的相关资讯,希望各位老铁们能喜欢,你们一起来了解一下吧!

◆知识要点

1.iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。

2.<iframe name="内联框架名" width="宽" height="高" src="显示文档页面地址" frameborder="内联框架边框" scrolling="滚动属性"></iframe>

内联框架<iframe>属性

◆网页浏览效果

图1

图2

◆HTML5代码

1.图1代码

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>内联框架<iframe> 标签</title>

<style type="text/css">

li{

list-style:none ;

}

</style>

</head>

<body>

<table align="center" border="1px" cellpadding="0" cellspacing="0">

<tr height="150px">

<td width="150px">

<ul>

<li><a href="iframe_1.html" target="zw">文章列表</a></li>

<li><a href="iframe_2.html" target="zw">读者提问</a></li>

<li><a href="iframe_3.html" target="zw">回复信息</a></li>

<li><a href="iframe_4.html" target="zw">用户管理</a></li>

</ul>

</td>

<td width="650px">

<iframe name="zw" width="650px" height="150px" frameborder="0" scrolling="auto" ></iframe>

</td>

</tr>

</table>

</body>

</html>

2.图2代码

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>文章列表</title>

</head>

<body>

<table align="center" border="0px" cellpadding="0px" cellspacing="0px">

<tr>

<td width="650px">

<p>1.内联框架标签</p>

<p>2.HTML自定义列表</p>

<p>3.HTML无序列表</p>

<p>5.HTML有序列表</p>

</td>

</tr>

</table>

</body>

</html>

标签: #html的tr标签