zoukankan      html  css  js  c++  java
  • html x

    使用 Target 属性,下面的这行会在新窗口打开文档:
    <a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>


    HTML 链接 - name 属性
    name 属性规定锚(anchor)的名称。

    命名锚的语法:
    <a name="label">锚(显示在页面上的文本)</a>

    实例
    首先,我们在 HTML 文档中对锚进行命名(创建一个书签):
    <a name="tips">基本的注意事项 - 有用的提示</a>
    然后,我们在同一个文档中创建指向该锚的链接:
    <a href="#tips">有用的提示</a>
    您也可以在其他页面中创建指向该锚的链接:
    <a href="http://www.w3school.com.cn/html/html_links.asp#tips">有用的提示</a>


    <body>
    <h2>未设置对齐方式的图像:</h2>
    <p>图像 <img src ="/i/eg_cute.gif"> 在文本中</p>
    <h2>已设置对齐方式的图像:</h2>
    <p>图像 <img src="/i/eg_cute.gif" align="bottom"> 在文本中</p>
    <p>图像 <img src ="/i/eg_cute.gif" align="middle"> 在文本中</p>
    <p>图像 <img src ="/i/eg_cute.gif" align="top"> 在文本中</p>
    <p>请注意,bottom 对齐方式是默认的对齐方式。</p>
    </body>


    HTML 框架
    垂直框架
    <html>
    <frameset cols="25%,50%,25%">
    <frame src="/example/html/frame_a.html">
    <frame src="/example/html/frame_b.html">
    <frame src="/example/html/frame_c.html">
    </frameset>
    </html>
    水平框架
    <html>
    <frameset rows="25%,50%,25%">
    <frame src="/example/html/frame_a.html">
    <frame src="/example/html/frame_b.html">
    <frame src="/example/html/frame_c.html">
    </frameset>
    </html>
    混合框架
    <html>
    <frameset rows="50%,50%">
    <frame src="/example/html/frame_a.html">
    <frameset cols="25%,75%">
    <frame src="/example/html/frame_b.html">
    <frame src="/example/html/frame_c.html">
    </frameset>
    </frameset>
    </html>


    html5

    Ogg 文件,适用于Firefox、Opera 以及 Chrome 浏览器。
    要确保适用于 Safari 浏览器,视频文件必须是 MPEG4 类型。
    video 元素允许多个 source 元素。source 元素可以链接不同的视频文件。浏览器将使用第一个可识别的格式:
    <video width="320" height="240" controls="controls">
    <source src="movie.ogg" type="video/ogg">
    <source src="movie.mp4" type="video/mp4">
    Your browser does not support the video tag.
    </video>

  • 相关阅读:
    redis 用scan 代替keys 解决百万数据模糊查询超时问题
    集成spring-ldap
    IDEA报Unable to save settings: Failed to save settings. Please restart IntelliJ IDEA随后闪退
    struts2响应文件 struts2下载txt
    QRCodeUtil 二维码生成 解析 带图片与不带图片的二维码
    java 手机号正则表达式 截止2019年6月最新
    Java遍历Map对象的四种方式效率对比
    SpringCloud Alibaba系列(二) Nacos高可用和持久化
    SpringCloud Alibaba系列(二) Nacos配置中心-分类配置
    SpringCloud Alibaba系列(二) Nacos使用
  • 原文地址:https://www.cnblogs.com/muhe221/p/7830742.html
Copyright © 2011-2022 走看看