iframe标签的魅力,让我爱不释手

  • 6
  • 549 views
  • A+
所属分类:HTML5/CSS3
这段时间,一直在等老师给我找公司面试,于是无聊的我,和我们的几个学的不怎么好的去前端班补习一下前端知识,避免以后美化博客的时候遇到麻烦。不过教前端的老师还是不错的,普通话带着一点川普的腔调。

 

今天上课的时候,讲到了iframe标签,标签,标签!!!不知道上课是不是梦游去了,总记成框架。说个笑话,总觉得我审美不行,做个网页只要自己觉得可以就可以了,但是老师一看,就吐槽我!说我是乡巴佬!,HTML5的说实话,在我的远期学习计划中.数据库学到差不多的样子,就会学C#去。

 

不扯了,分享一下今天自己写的代码吧,不过还是给大家推荐一个不错的网站吧。菜鸟教程,自己也去码云看了一些代码。

代码如下,大神别笑我!

 

  1. <!DOCTYPE html>  
  2. <html>  
  3.     <head>  
  4.         <meta charset="UTF-8">  
  5.         <title>bbbbbbbb</title>  
  6.           
  7.     </head>  
  8.     <body>  
  9.         <link rel="stylesheet" type="text/css" href="new_file.css">  
  10.         <div align="center" >  
  11.       <div style="padding: 20px 0px;">  
  12.         <a href="http://baidu.com" target="frm">第一个页面</a>  
  13.         <a href="http://www.runoob.com/tags/ref-av-dom.html" target="frm">第二个页面</a>  
  14.         <a href="http://www.meizu.com" target="frm">第三个页面</a>  
  15.         <a href="/C:\Users\18780\Documents\HBuilderProject\HelloHBuilder\5.html" target="frm">第四个页面</a>  
  16.       </div>  
  17.       <div class="mnm">  
  18.         <iframe name="frm" src="http://www.runoob.com/tags/ref-av-dom.html" width="400px" height="300" scrolling="no" ></iframe>  
  19.     </div>  
  20.     </div>  
  21.     </body>  
  22. </html>  

CSS代码

  1. a{  
  2.                 text-decorationnone;  
  3.                 bordersolid aquamarine 1px;  
  4.                 border-radius:10px 10px 0px 0px;  
  5.                 background-color: azure;  
  6.                 margin: -2px;  
  7.                 padding0px;  
  8.                   
  9.                   
  10.             }  
  11. .mnm{  
  12.     height300px;  
  13.     width400px;  
  14.     bordersolid #7FFFD4 1px;  
  15.     background#CFEDFF;  
  16.      }  

iframe标签的魅力,让我爱不释手

另外这里和大家说一下,发现一个免费的CDN,抽时间研究一下,不过依旧不支持HTTPS,于是打算把那台腾讯云的拿来做实验了!

  • 我的微信订阅号
  • 我的微信公众号扫一扫
  • weinxin
  • 我的微博
  • 我的微博号扫一扫
  • weinxin
小骚斌

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:6   其中:访客  4   博主  2

    • avatar 测试 1
      UC Browser 6.2.3831.3 UC Browser 6.2.3831.3 Windows 10 x64 Edition Windows 10 x64 Edition

      邮件测试

      • avatar 杨泽业 1
        Google Chrome 63.0.3218.0 Google Chrome 63.0.3218.0 Windows 10 x64 Edition Windows 10 x64 Edition

        差评!既然不是 商业秘密的,就应该把做出来的效果在你的 网站显示的啊

          • 小骚斌 小骚斌 Admin
            UC Browser 6.2.3831.3 UC Browser 6.2.3831.3 Windows 10 x64 Edition Windows 10 x64 Edition

            我主攻后端开发的,只是在前端班待一段时间。而且我写CSS特费劲

            @杨泽业

              • avatar 杨泽业 1
                Google Chrome 63.0.3218.0 Google Chrome 63.0.3218.0 Windows 10 x64 Edition Windows 10 x64 Edition

                既然是你写的就把他放在 你的 博客里面比如 /test1 去浏览,让我们看看你搞的东西啊

                @小骚斌

                  • 小骚斌 小骚斌 Admin
                    UC Browser 6.2.3831.3 UC Browser 6.2.3831.3 Windows 10 x64 Edition Windows 10 x64 Edition

                    别急,很快就会分享的! :mrgreen:

                    @杨泽业

              • avatar 杨泽业 1
                Google Chrome 63.0.3218.0 Google Chrome 63.0.3218.0 Windows 10 x64 Edition Windows 10 x64 Edition

                我这几天写了一个纯静态html但页面的网站,这是不能公开的,因为我要卖钱的,所以不能公开地址,只能在我最新的博客文章里面公开截图的查看效果,卖钱的就没有办法公开了