HTMl内联元素

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属性,点击图片跳转到相应的链接