美文网首页软件测试精进之路
HTML学习第三天--内嵌框架

HTML学习第三天--内嵌框架

作者: 胆小的米老鼠 | 来源:发表于2018-08-27 14:24 被阅读0次

    来,我们来学习一下HTML中内嵌框架(网址)的实现方法,HTML已经学习了一多半了,本学习资源中在python开发系列教程当中的一部分,知识点都为python后端开发能用到的,所以尝试也许不会太深,毕竟不是前端开发教程当中的HTML的知识体系。

    直接展示代码:

    <!DOCTYPE html>
    <html lang="en">
    <head>
       <meta charset="UTF-8">
       <title>内嵌框架</title>
    </head>
    <body>
    <!--内嵌网址,
    1,frameborder不显示边框 ,scrolling不显示滚动条 
    2,利用target属性等于"myframe来实现链接指向"
    -->
    
    <a href="http://www.baidu.com" target="myframe">百度</a>
    <a href="http://note.youdao.com/semdl/markdown.html?semMac=SemMac1&vendor=unsilent14" target="myframe">有道笔记</a>
    <a href="http://zentao.tiantianzaixian.net/index.php?m=my&f=index" target="myframe">bug地址</a>
    <br />
    <!--设置默认地址name="myframe"-->
    <iframe src="http://www.baidu.com" width="800" height="600" frameborder="0" scrolling="no" name="myframe" ></iframe>
    <br />
    <iframe src="http://zhtb.hcstec.com/" width="800" height="600" frameborder="0" scrolling="no" name="myframe" ></iframe>
    </body>
    </html>
    

    代码之后展示效果:

    image.png

    总结:内嵌网址就是利用frame标签来内嵌网址,可实现多个网址的嵌套,并利用<a></a>标签来实现网址的站内跳转

    知识无止境,我们要做的只有一件事,就是一直的学习,仅此而已!!

    相关文章

      网友评论

        本文标题:HTML学习第三天--内嵌框架

        本文链接:https://www.haomeiwen.com/subject/wfoziftx.html