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