web前端 --- 超链接标签、列表标签

超链接标签 --- a标签 -- 行内标签

(1)含义

实现页面间的跳转和数据传输

(2)属性

  • href:跳转路径(url)
  • target:表示页面打开方式

(3)超链接分类

  • 外部链接
百度
哔哩哔哩
  • 内部链接

多媒体标签
  • 锚点链接:点击该链接可以迅速定位到页面中的某个位置(作用和目录的链接类似)
#

(4)PS

  • a标签无href,就是一个标准的行内标签
  • href中无内容,需写#,此时页面不会跳转 --- 锚点功能

(5)代码演示




    
    超链接标签


    

超链接标签

百度 哔哩哔哩 多媒体标签 #

web前端 --- 超链接标签、列表标签_第1张图片

(5)锚点功能




    
    锚点功能
    



    

实现顶部->底部,底部->顶部的跳转

到底部

web前端 --- 超链接标签、列表标签_第2张图片

列表标签

(1)有序列表:ol li

网页显示会有1,2,3,4这样的数字图标显示,表示为有序显示        

有序列表

  1. 1234567
  2. 1234567
  3. 1234567
  4. 1234567
  5. 1234567
  6. 1234567
  7. 1234567

web前端 --- 超链接标签、列表标签_第3张图片

(2)无序列表:ul li

  • 无顺序之分,它的展现形式是由
      标签包裹着
    • 标签

    无序列表

    • 1234567
    • 1234567
    • 1234567
    • 1234567
    • 1234567
    • 1234567
    • 1234567

    web前端 --- 超链接标签、列表标签_第4张图片

    • 无序的展现形式改为方形
        
    
    

    无序列表

    • 1234567
    • 1234567
    • 1234567
    • 1234567
    • 1234567
    • 1234567
    • 1234567

    web前端 --- 超链接标签、列表标签_第5张图片

    • 无序列表的展现形式为空心圆
        
    
    

    无序列表

    • 1234567
    • 1234567
    • 1234567
    • 1234567
    • 1234567
    • 1234567
    • 1234567

    web前端 --- 超链接标签、列表标签_第6张图片

    (3)自定义列表:dl dt dd

    • dt:定义标题
    • dd:定义描述(与ul、li类似)
        

    自定义列表

    省份:
    陕西
    广西
    湖北
  • 1234567
  • 1234567
  • 1234567
  • 1234567
  • 1234567
  • 1234567
  • 1234567
  • web前端 --- 超链接标签、列表标签_第7张图片

    PS:也可将dt直接当成标题来使用

    (4)代码演示

    
    
    
        
        列表标签
        
    
    
        

    有序列表

    1. 1234567
    2. 1234567
    3. 1234567
    4. 1234567
    5. 1234567
    6. 1234567
    7. 1234567

    无序列表

    • 1234567
    • 1234567
    • 1234567
    • 1234567
    • 1234567
    • 1234567
    • 1234567

    自定义列表

    省份:
    陕西
    广西
    湖北
  • 1234567
  • 1234567
  • 1234567
  • 1234567
  • 1234567
  • 1234567
  • 1234567
  • web前端 --- 超链接标签、列表标签_第8张图片

你可能感兴趣的:(web前端,html,前端,css3,javascript,web)