Day1_HTML_框架集标签

7.框架标记及<iframe>


        框架页面上不允许有body标签

  frameset: 框架的集合

   rows: 纵向分部框架.

   cols: 横向分部框架.

         写法有两种: 1) 绝对值  "200,*" ,*代表剩余的

         2) 相对值  "30%,*"

  frame: 框架. 一个框架显示一个页面

   scrolling: 是否需要滚动条。默认是true

   noresize : 固定框架大小

   bordercolor: 给框架边框起一个颜色

   name : 给框架起一个名字

    内嵌框架: 嵌入在一个页面上的框架.(仅仅IE支持)

    iframe:

     属性: width: 宽度

         height: 高度

          scrolling : 是否需要滚动条


2、需求

wKiom1XHUxKBWhA3AAKeUkFvNYw179.jpg


wKioL1XHVFPzujlHAAFLPZFHXB8174.jpg

3、代码

 </head>
   <frameset rows = "200,*" bordercolor = "red">
	    <frame src = "top.html" noresize scrolling = "no" name = "top"></frame>
		<frameset cols = "100,*" >
			<frame src = "left.html" noresize name = "left"></frame>
			<frame src = "right.html" name = "right"></frame>
			
TOP.HTML
 <body>
	  <a href = "../03-图像标签.html" target = "top">top</a>  <--
	  <pre>

	  </pre>
	  aaaaaaaaaaaaaaaa
 </body>


内嵌标签

wKioL1XHVmGyOXixAADU4Ek2LIk364.jpg

 <body>

你好

<a href = "02-字体标签.html" target = "iframe">02-字体标签.html</a><br>

<a href = "03-图像标签.html" target = "iframe">03-图像标签.html</a><br>

<a href = "05-热点问题.html" target = "iframe">05-热点问题.html</a><br>

     <iframe src = "02-字体标签.html" width = "300" height = "300" scrolling = "no" name = "iframe"></iframe>

 </body>


你可能感兴趣的:(iframe,标签,绝对值)