HTML入门 【strikethrough】

发布时间 2023-05-29 15:03:40作者: -YBP杨社长

HTML

  • Hyper Text Markup Language: 超文本标记语言

  • 标记语言格式:

    <开始标签 属性='值'>标签体</结束标签>
    
  • 超文本:指不仅仅是纯文本还包括字体效果和多媒体信息(图片,音频,视频)

文本相关标签

  • 内容标题h1-h6:

    特点: 独占一行, 自带上下间距, 字体加粗

  • 段落标签p:

    特点: 独占一行, 自带上下间距

  • 水平分割线hr

  • 换行br

  • 加粗b ->bold

  • 斜体i ->italic

  • 下划线u ->underline

  • 删除线s ->strikethrough

  • 无序列表: ul 和 li

  • 有序列表: ol和li

  • 列表嵌套: 有序和无序可以任意无限嵌套

图片标签

  • src: 设置资源路径
    • 相对路径:
      • 资源和页面在同级目录: 直接写文件名
      • 资源在页面的上级目录: ../../文件名
      • 资源在页面的下级目录: 文件夹名/文件名
    • 绝对路径: 可以访问站外资源, 称为图片盗链, 有找不到图片的风险
  • alt: 图片不能显示时显示的文本
  • title: 标题, 鼠标在图片上面停止时显示的文本
  • width/height: 设置宽高, 两种赋值方式: 1. 像素 2.百分比 只设置宽度,高度会自动等比例缩放

超链接a

  • href属性的作用和图片的src属性的作用类似 设置资源路径
  • 图片超链接: a标签包裹文本为文本超链接, 包裹图片为图片超链接
  • 页面内部跳转: 在目的地元素里面添加id, 然后在超链接里面的href="#id" 这样就可以跳转到目的地元素的位置.