当前位置:   article > 正文

html(四):span标签、img标签、a标签、列表(ul标签、ol标签、dl标签)_ul标签li标签可以用什么代替

ul标签li标签可以用什么代替

继(链接):html基本标签

习惯:块级标签与块级标签并列,内联标签与内联标签并列;但没有明确要求;

1.span标签是内联标签,也是没有特点;

2.图形标签:<img>

属性:

src:要显示图片的路径

alt:图片没有加载成功时的提示

title:鼠标悬浮时的提示信息

width:图片的宽

height:图片的高(宽高两个属性只用一个会自动等比缩放)

<img src="企业微信截图_15601543781553.png" alt="截图" title="路径正确" width="200px" height="200px">

3.超链接标签(锚标签):<a>

属性:

href:要连接的资源路径      格式举例:href="https://www.baidu.com"

name:定义一个页面的书签

target="_blank":在新的窗口打开超链接

当页面内容过长时,页面有了下拉条;要回到顶部,需要指定框架名称(通过elements的id):在指定框架中打开连接内容

<a href="#要返回的位置的元素的id值">返回顶部</a>

4.<ul>标签

无序列表, unorder list,使用<ul>,必须配套使用<li>

  1. <ul>
  2. <li>klkjlk</li>
  3. <li>jkjkjkj</li>
  4. <li>jkjkjkj</li>
  5. </ul>

效果:

5.<ol>标签

有序列表,order list,必须配套使用<li>

  1. <ol>
  2. <li>1klkjlk</li>
  3. <li>1jkjkjkj</li>
  4. <li>j1kjkjkj</li>
  5. </ol>

效果:

6.<dl>标签

自定义列表

  1. <dl>
  2. <dt>第一章</dt>
  3. <dd>第一季</dd>
  4. <dd>第二季</dd>
  5. <dt>第二章</dt>
  6. <dd>第一季</dd>
  7. </dl>

效果:

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Cpp五条/article/detail/328792
推荐阅读
相关标签
  

闽ICP备14008679号