• 首页 首页 icon
  • 工具库 工具库 icon
    • IP查询 IP查询 icon
  • 内容库 内容库 icon
    • 快讯库 快讯库 icon
    • 精品库 精品库 icon
    • 问答库 问答库 icon
  • 更多 更多 icon
    • 服务条款 服务条款 icon

v2_列表、图片、链接标签

武飞扬头像
木子小世界
帮助1

列表

  • 无序列表
<!--注释 
        1.li里可以随意放标签,但是ul里面只能放li
        2.默认是黑色的实心点
        3.type可以改变排序标志 disc circle square  none    -->
    <ul type='circle'>
        <li>aaaa</li>
        <li>bbbbbb</li>
        <li>cccc</li>
    </ul>
  • 有序列表
<!--注释 
        1.li里可以随意放标签,但是ol里面只能放li
        2.有序列表数字是自动的生成的
        3.type可以改变排序字母   1,a,I,A,i
          start 改变排序起始属性 必须是数字顺序   -->
    <ol type="a" start="3">
        <li>11111111</li>
        <li>2222</li>
        <li>333333333333</li>
    </ol>
  • 自定义列表
**快捷键 dl>dt{111} dd{222}回车   
    <dl>
        <dt>图片1</dt>
        <dd>文字1</dd>
    </dl>

图片标签属性

<img src="https://blog.51cto.com/u_14124898/图片路径" title="鼠标悬停上去之后的提示信息" 
     alt="图片不显示之后加载失败的提示信息" 
     width="200px" height="200px" >
eg:
    <img src="https://blog.51cto.com/u_14124898/1cc.png" title="桌面图片"  alt="文件不存在请检查" 
              width="100px" height="100px">

超链接标签--实现不同页面的跳转

<a href="https://blog.51cto.com/u_14124898/跳转路径" title="鼠标悬停上去之后的提示信息" 
         target="规定在何处打开文档">网页文本内容</a>
  **target属性 _self默认值 _blank在新窗口打开
eg:
       <a href="https://www.百度.com/" title="链接转百度" 
                target="_blank">链接百度</a>
图片做链接<a href="https://www.百度.com/" target="_blank"> 
        <img src="https://blog.51cto.com/u_14124898/1cc.png" width="80px" height="80px">  </a>

这篇好文章是转载于:学新通技术网

  • 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
  • 本站站名: 学新通技术网
  • 本文地址: /boutique/detail/tanhibiahh
系列文章
更多 icon
同类精品
更多 icon
继续加载