• 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>

  • 相关阅读:
    js常用方法收集
    Jquery的常用使用方法
    jQuery css()选择器使用说明
    解决IE6,边框问题
    HTML问题集锦及笔记
    我的第一个chrome扩展(3)——继续读样例
    我的第一个chrome扩展(0)——目标
    我的第一个chrome扩展(2)——基本知识
    我的第一个chrome扩展(1)——读样例,实现时钟
    2の奇妙用法
  • 原文地址:https://www.cnblogs.com/QiLF/p/7877544.html
Copyright © 2020-2023  润新知