• HTML学习笔记


    1.         使用小写标签小写属性<body bgcolor="yellow">,始终为属性值加引号(单引、双引,若属性内容包含双引号,则使用单引)

    2.         不要忘记关闭标签<b></b>

    3.         浏览器忽略源代码的格式,若需换行时,使用</br>强制换行

    4.         使用<pre>标签显示预格式文本,保留了空格和换行。

    5.         使用<bdo>标签控制文字显示的方向(bi-directional override

    6.         使用<blockquote>标签显示,浏览器会插入换行和外边距

    7.         字符实体HTML 文档中显示小于号,我们需要这样写:&lt; 或者 &#60

    8.         HTML链接

    <a> 用来创建锚。

     

    href 属性用于定位需要链接的文档。

    <a href="mailto:someone@microsoft.com?subject=Hello%20again"> ---发送邮件链接

     

    使用 target 属性,你可以定义被链接的文档在何处显示。

    target="_blank" 在新窗口中打开连接

    target="_top"    跳出框架

     

    name 属性用于创建被命名的锚(named anchors)。当使用命名锚(named anchors)时,我们可以创建直接跳至页面中某个节的链接。将 # 符号和锚名称添加到 URL 的末端,就可以直接链接到指定节

    Code
    <p> <href="#C4">查看 Chapter 4。</a> </p>    ----此处点击可跳至C4

    <h2>Chapter 3</h2>

    <p>test3</p>

    <h2><name="C4">Chapter 4</a></h2>

    <p>test4</p>

    9.         框架

    使用框架,可以在一个浏览器窗口中显示多个页面。因缺点较多,可用ajax代替。

    混合框架
    <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>

     

    禁止调整框架尺寸
    <frame noresize="noresize">

    导航框架

    main.html
    <html>

    <frameset cols="120,*">

      
    <frame src="framelist.html">

      
    <frame src="frame_a.html" name="showframe">

    </frameset>

    <noframes></noframes>

    </html>
    framelist.html
    <html>

    <body>

    <href ="frame_a.html" target ="showframe">Frame a</a><br>

    <href ="frame_b.html" target ="showframe">Frame b</a><br>

    </body>

    </html>
    frame_a.html
    <html>

    <body>

    a

    </body>

    </html>
    frame_b.html
    <html>

    <body>

    b

    </body>

    </html>
    内联框架它可以在网页的局部插入另一个文件,更新时只要更改所插入的文件即可。
    <iframe src="05.jpg"></iframe>
  • 相关阅读:
    为什么不应该使用ZooKeeper做服务发现
    Python 练习 人事管理
    Python 爬取 妹子图(技术是无罪的)
    Python 爬取 书籍
    Python 爬取 豆瓣
    Python 爬取 房天下
    Python 爬取 煎蛋
    Python 爬取 拉钩
    Python 爬取 猫眼
    家具专区网
  • 原文地址:https://www.cnblogs.com/myparamita/p/1509378.html
Copyright © 2020-2023  润新知