010_HTML框架、内联框架、背景

HTML框架

使用框架，可在同一浏览器窗口显示布置一个页面

说明：<frameset>定义框架结构，<frame>定义每个页面

 

垂直框架

<frameset cols="25%,75%>

<frame src="/example/html/frame_a.html" />

<frame src="/example/html/frame_b.html" />

</frameset>

 

水平框架

<frameset rows="25%,75%">

<frame src="/example/html/frame_a.html" />

<frame src="/example/html/frame_b.html" />

</frameset>

 

框架的边框线

<frame>元素的 noresize 属性

 

<frameset cols="50%,*,25%>

<frame src="/example/html/frame_a.html" noresize="noresize"/>

<frame src="/example/html/frame_b.html" />

<frame src="/example/html/frame_c.html" />

</frameset>

 

混合框架，即框架嵌套

<frameset rows="50%,50%">

<frame src="/example/html/frame_a.html" />

<frameset cols="25%,75%">

<frame src="/example/html/frame_b.html" />

<frame src="/example/html/frame_c.html" />

</frameset>

 

 

 

--------------------------------------------------------------------------------------------------------------

HTML内联框架

<iframe>元素，网页内显示网页

 

<!DOCTYPE html>

<html>

<body>

<iframe src="/example/html/demo_iframe.html" width="200" height="200"></iframe>

<p>某些老式浏览器不支持内联框架，iframe此时是不可见的。</p>

</body>

</html>

 

iframe删除边框线

frameborder 属性

 

<!DOCTYPE html>

<html>

<body>

<iframe src="/example/html/demo_iframe.html" frameborder="0">

</iframe>

</body>

</html>

 

 

 

 

-----------------------------------------------------------------------------------------------------------------------------------------

HTML背景

<body> bgcolor属性、background属性

 

<body bgcolor="#000000">

<body bgcolor="rgb(0,0,0)">

<body bgcolor="black">

 

<body background="clouds.gif">

<body background="http://www.w3school.com.cn/clouds.gif">

 

posted @ 2020-03-11 22:24  林远  阅读(205)  评论(0)    收藏  举报