首页 > 技术文章 > HTMl内联元素

W-Y-C 2019-08-09 18:09 原文

HTML内联元素

1.字体标签

  • 粗标签< b >或< strong > (已废弃)

  • 斜体标记< I > 或< em >(已废弃)

  • 上标 < sup > 下标 < sub >

  • 下划线标记< u > 中划线标记< s > (已废弃) 和,< del >

2.排班标签

3超链接

  • 外部链接

    •  <a href="new.html">点击进入到新网页</a>
    • 也可直接点击链接进入

    •   <a href="http://www.baidu.com" target="_blank">进入百度</a>
  • 锚链接

    • 给指定的超链接起一个名字,作用是在本页面或者其他页面的不同位置进行跳转,像回到顶部按钮一样,#top

  • 邮件链接

    •  <a href="mailto:zhaoxu@tedu.cn">联系我们</a>
  • 特殊链接

    • 返回页面顶部

      •   <a href="#">跳转到顶部</a>
    • 与js有关

      •   <a href="#">跳转到顶部</a>
      • javascrip:;表示什么都不执行,这样点击< a >没有任何响应

      • javastrip: 是表示在触发< a > 的时候执行一段JavaScript的代码

  • 超链接的属性

    • href : 目标URL

    • title : 悬停文本

    • name : 主要用于设置一个锚点的名称

    • target : 告诉浏览器用什么方式来打开目标页面

      • -self :同一网页

      • -blank: 在新的窗口打开

      • -parent : 在父窗口中显示

      • -top ; 在顶级窗口显示

4.图片标签< img />

  • img : 代表的就是一张图片,且是单边标记,它是自封闭标签,也称为单标签

  • 能插入的图片类型

    • 能插入: jpg(jpeg),gif,png,bmp

    • 不能插入: psd,ai

    • html页面不是直接插入图片,而是插入图片的引入地址,所以要把图片上传到服务器上

  • src属性:图片的相对路径和绝对路径

    • 相对路径: . 代表当前目录, ..代表父路径

    • 绝对路径: 盘符开始的绝对路径和网络路径

  • img标签常用属性

    • width,height,宽度高度

    • title,提示性文本,也就是鼠标悬停时显示的文本

    • align : 指图片的对齐方式,属性值可以是left,center,right

    • alt : 当图片显示不出来的时候,代替图片显示的内容,

    • src属性,点击图片跳转到相应的链接

推荐阅读