Html基础标签

1、<img>

标签作用:插入图片
标签属性:

src="图片地址"
title="鼠标悬停显示内容”
alt=“图片找不到时显示内容”
widch="宽度,其自动计算长度”

绝对路径:从盘符开始,企业中很少使用,缺点为移动后失效;
相对路径:

下级“/images/图片名字.jpg”
上级“../images/图片名字.jpg"

2、<br /> 自闭合标签,作用是换行

企业中不常用,一般用<p></p>换行

3、<a></a>

标签作用:跳转链接
标签属性:

href="地址“
//href既可以指定网络网页,也可以指定本机网页
target=指定跳转方式
    _self:用于当前选项卡中跳转
    _blank:用于在新选项卡中跳转
title="鼠标悬停时的文本”

4、<base>专门用来统一指定当前网页中所有超链接如何打开

标签属性:

target=指定跳转方式
    _self:用于当前选项卡跳转
    _blank:用于新选项卡跳转

标签注意:此标签属于<head></head>标签内容
如果在<base>中指定了target,又在<a>标签中制定了target,那么浏览器会按照<a>标签执行

##5、假链接:属性格式:
#     //会自动回到网页顶部
javascript    //不会回到顶部

注意!!!:
利用 # 属性,可以制作自动回到网页顶部按钮

6、锚点:

通过<a>标签跳转到指定位置
第一步:给目标位置的标签添加id属性,指定一个独一无二的值
第二步:告诉<a>标签你要跳转的位置

<a herf="#id">

通过a标签跳转到指定位置,是没有过度动画的
<a>标签还可以跳转到其他界面的指定位置
<a ferf="目标路径#id>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容