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>

        

  • 相关阅读:
    Spark 基本概念及入门
    Cron 表达式详解
    VmWare 网络模式
    微信、支付宝各种支付退款
    Spring Security OAuth2 SSO 单点登录
    Git 入门详解
    基于Spring Boot 2.x 的 Spring Cloud Admin 实践
    Git 提交规范
    Linux 安装 Mysql8.0
    Docker入门
  • 原文地址:https://www.cnblogs.com/gyqqqqq/p/10492728.html
Copyright © 2011-2022 走看看