zoukankan      html  css  js  c++  java
  • 六、框架<iframe>、背景、实体

    HTML5框架

    • 框架标签(frame)

        框架对于页面的设计有着很大的作用

    • 框架集的标签(<frameset>)

        框架集标签定义如何将窗口分割为框架

        每一个frameset定义一系列行或列

        rows/cols的值规定了每行或每列占据屏幕的面积

    • 常用标签

        noresize:固定框架大小

        cols:列

        rows:行

    • 内联框架

        iframe

      

    <!--index.html-->
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>框架</title>
    </head>
        <br>
        <iframe src="framec.html" frameborder="0" width="800px" height="800px">
    
        </iframe>
    
    </html>
    <!--framea.html-->
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body bgcolor="#dda0dd">
        frama
        <a href="http://www.baidu.com" target="_self">百度</a>
    </body>
    </html>
    <!--frameb.html-->
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body bgcolor="#9370db">
        framb
        <br>
        <iframe src="framea.html" width="400px" height="400px"></iframe>
    </body>
    </html>
    <!--framec.html-->
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body bgcolor="#f5f5dc">
        framc
        <br>
        <iframe src="frameb.html" width="600px" height="600px"></iframe>
    </body>
    </html>

         

      <a>标签的target属性:

      _blank: 新开启一个页面,原页面依然存在

      _self:在当前页面打开

      _parent:在父级页面打开

      _top:在顶级页面打开

    HTML背景

    1、背景标签:

      background

    2、背景颜色:

      bgcolor

    3、颜色:

      颜色是由一个十六进制符号来定义,这个符号由红色、绿色、蓝色的值组成(RGB)

      颜色值最小值:0(#00)

      颜色值最大值:255(#FF)

      红色:#FF0000

      绿色:#00FF00

      蓝色:#0000FF

    HTML实体

    1、实体:

      HTML中预留字符串必须被替换成字符实体

      如:< 、> 、&

      html实体查询网址:http://www.w3school.com.cn/tags/html_ref_entities.html

      

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>实体</title>
    </head>
    <body>
        abcd &lt;html&gt;
    </body>
    </html>

        

  • 相关阅读:
    第一周作业
    C语言I博客作业08
    十四周助教总结
    十三周助教总结
    C语言I博客作业07
    C语言II博客作业01
    学期总结
    C语言I博客作业08(未完成)
    C语言I博客作业07
    C语言I博客作业06
  • 原文地址:https://www.cnblogs.com/gyqqqqq/p/10492728.html
Copyright © 2011-2022 走看看