frameset标签的用法

frameset的用法

这是在下的第一篇博客,先以小c君自称了。小c君在学习 标签的 target 属性时,发现它还有一个framename值。于是由此摸索发现了一个很好玩的标签——。

 

frameset标签的用法_第1张图片

 

 

一、首先来说一下,我总结的frameset标签的要点。

1.元素:定义一个框架集,它被用来组织多个窗口。每个窗口都是一个独立的html界面。

2.有两个参数,cols和rows。cols:列的数目和尺寸。rows:行的数目和尺寸。 要特别注意的:中只能用一个参数。要么是 rows,要么是 cols,不能同时定义。

   例子:

a.把一个窗口横着平分成两个页面。  

 >  

 b.把一个窗口竖着平分成两个页面。

  >    

 

frameset标签的用法_第2张图片

3.不能一起使用,即不能出现在同一个html页面中。

4.用标签前要将前言中的"DTD"改为"Frameset DTD"

 

 

二、实例

我们要建三个HTML文档:

                      第一个文档里写超链接

                      第二个文档是空白文档(只包含前言)

                      第三个文档里写框架集

1.第一个页面2018-7-10.html中写几个超链接,并设置target="framename",这样链接就会跳转到name="framename"的页面中。





   浏览一下:

frameset标签的用法_第3张图片

 

2.第二个页面2018-7-10Frame-1.html是一个空白页面,只包含前言。





只包含前言的页面,用于2018-7-10页面在框架右部分显示。



  浏览一下,应该是一片空白。

 

3.第三个页面2018-7-10Frame-2.html,定义frameset框架集。(注意此页面要将前言里的"DTD"改为"Framset DTD")

Framset DTD/xhtml1-transitional.dtd">



Frameset

cols="50%,50%">            

name="framename" />        

   浏览一下:(右边界面点击作品简介,左边界面显示内容)

frameset标签的用法_第4张图片

 

 

三、后记

写到这里,小c君的第一篇博客就要接近尾声了。

最后,再送在座的各位小伙伴一点福利。细心地小伙伴可能会发现第一个页面中,小c君一共写了三个链接,前两个都有链接地址,而最后一个是空连接。其实最后一个是图文链接,触发“上官明月美颜盛世”就能看到下面这张美图!

frameset标签的用法_第5张图片

……没错,其实我就是个死肥宅

最近看了这部2018年6月19日开播新番玄月奇缘,突发灵感想把它加到博客中。一方面记录一下自己最近新学的知识,另一方面记录一下本肥宅的看番日常。粗略介绍一下这部番,剧情老套,台词尴尬,但在动画流畅度、特效和建模上做的挺好的。尤其是女主上官明月小姐姐的建模做的极佳,仿若天工开物,鬼斧神工,美啊!为建模师大大和上官小姐姐疯狂打call!此番类型,说是都市仙侠,感觉就是都市爽文~

感谢各位的观看,本肥……不,本人的第一篇博客至此结尾,喜欢的点赞啊~

菜鸟写博客,不足之处不吝赐教。

最后,祝在座的各位,学业事业生活顺顺利利!

你可能感兴趣的:(web前端原创)