常用HTML标签

本文详细介绍了HTML中的常用标签,如span、b、strong、i、em、del、sup和sub,以及它们的语义和样式效果。同时,讲解了img标签的使用,包括src、alt、title等属性以及图片路径的绝对和相对路径设置。内容还涵盖了行内块级元素img的特性,如宽度、高度的设置。
摘要由CSDN通过智能技术生成

行级标记

文本格式化标签

  • span标签:无语义标签,用于区分样式

    • 没有实际的语义,可以理解为一个小盒子,里面一般装着一个或几个文本内容

    • 应用场景:控制局部文本的样式

  • b标签:一个实体标签,它里面包围的文本显示粗体效果

  • strong标签:一个语义标签,强调语气,它里面包围的文本显示粗体效果

  • i标签:它里面包围的文本显示斜体效果

  • em标签:一个语义标签,强调语气,它里面包围的文本显示斜体效果

  • del标签:删除线

  • sup标签:上标

  • sub标签:下标

  • 特性

    • 宽度默认由内容撑开

    • 高度默认由内容撑开

    • 默认横向显示——水平布局,一行排不下,自动折行

    • 换行和空格会被解析

      行内块级标记


         img标签
              语法:<img src="" alt="">
              src:图片的路径
              ../../表示上上级目录
              alt:用来为图片定义预备的替换文本,当图片路径错误时或者浏览器无法加载图片时显示这个文本
              title:提示信息的作用,鼠标悬停在图片时显示提示信息
              width:宽度
              height:高度
              特性:
              1.默认横向显示,水平布局,一行排不下,自动折行
              2.换行和空格会被解析
             3.可以设置宽高标签

      2、路径

      1、绝对路径

    • 带着协议的完整的路径 百度一下,你就知道

    • 盘符下的某个路径 E:\1_1.jpg

    • 2、相对路径

    • / 表示根目录 ,当前文件夹所在的盘符路径

    • ./ 表示当前目录 可以省略的

    • ../ 表示上一级目录

    • ../../表示上上级目录

    • 文件夹名/ 表示下一级目录

    •   3.可以设置宽高标签

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值