zoukankan      html  css  js  c++  java
  • 11.21,11.22HTML笔记整理

    1.锚<a>

    可用于创建超级链接,链接到同一个页面的不同位置等
    用法:

    创建超级链接<a href="url" target="_top _blank ">
    命名锚<a name="">   创建指向该锚的链接<a href="#">

    2.图像

    用法:
    <img src="url"width="" height="">    ( src意为源属性)
    1)<img>为空标签,只包含属性,没有闭合标签
    2)可加替换文本属性 alt,替换文本告诉读者失去的信息
    3)图像的对齐align="bottom middle top"浮动align="left right"
    4)图像作为链接
    5)创建图像映射,在图像中有供点击区域的超链接

    属性<img src="url" usemap="#mapename">

    <map name="">
    <area
    shape="circle"
    coords="180,139,14"
    href ="url"
    target =""
    alt="" />

    </map>

    6)把图像变为图像映射
    <a href="/example/html/html_ismap.html">
    <img src="/i/eg_planets.jpg" ismap />
    </a>

    3.块元素block level element和内联元素inline element
    浏览器显示时通常会以新行来开始或结束
    不以新行开始
    HTML div元素
    块级元素,用于组合其他HTML元素的容器
    可定义分区或节
    <div style="color:blue">
      <h3>This is a header</h3>
      <p>This is a paragraph.</p>
    </div>

    span元素
    内联元素,用于组合文档中的行内元素
    4.列表

    无序列表
    <ul type="disc" "circle" "square">
    <li></li>
    ......
    <li></li>
    </ul>
    有序列表
    <ol start="" type="A" "a" "I" "i">
    <li></li>
    ......
    <li></li>
    </ol>
    嵌套列表
    定义列表
    <dl>
    <dt><dd>
    </dl>

  • 相关阅读:
    java 23种设计模式 深入理解
    ORACLE 一条记录 某字段值以';'拆分为多条记录
    rabbitmq集群故障恢复
    ORACLE 时间加减操作
    Asp.net MVC Razor输出字符串方法(js中嵌入razor)
    C# ToString() 数据格式
    DOM的整个知识体系
    EF 连接模式
    EF Code First 数据库连接方式
    使用border实现提示框的
  • 原文地址:https://www.cnblogs.com/QiLF/p/7877544.html
Copyright © 2011-2022 走看看