HTML框架

来源：互联网发布：手机淘宝取消私人定制编辑：程序博客网时间：2024/06/15 04:43

1.导航框架

ul.html

<html><head><meta content="text/html;charset=utf-8"/><style>body{font-family: 楷体;font-size: 15px;}</style></head><body><ul><ol><a href="1.jpg" target="img" style="text-decoration:none">美女</a></ol><ol><a href="2.jpg" target="img" style="text-decoration:none">景物</a></ol><ol><a href="3.jpg" target="img" style="text-decoration:none">图画</a></ol></ul></body></html>

index.html

<html><!--导航框架,rows="10%,90%"是水平方向布局,也可以写为cols="10%,90"是垂直方向布局--><frameset rows="10%,90%"><!--frame,框架中的窗口--><frame src="ul.html"/><frame src="" name="img"/></frameset><noframes>您的浏览器无法处理框架</noframes></html>

2.内联框架

img.html

<html><head><meta content="text/html;charset=utf-8"/><style>body{font-family: 楷体;font-size: 15px;}</style></head><body><img src="1.jpg" style="width:100%;height:100%" /></body></html>

index.html

<html><body align="center"><!--内联框架--><iframe src="img.html" style="width:50%;height:50%"></iframe></body></html>

阅读全文

0 0