HTML总结 Day2 <超链接和图片标签、锚点用法、emmet语法用法、预格式化标签作用、&符号用法>

HTML
//1.超链接标签
1.1用法

<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>

1.2指定链接目标:href
本地html,或者远程url页面地址:跳转
资源文件:下载
图像、表格、音频、视频等都可以添加超链接
1.3弹出方式:target
_self默认值,当前窗口打开
_blank新窗口打开
//2.图片标签

2.1用法

<img src="图片URL">

2.2指定图片目标:src
同一级:目标名称
进一级:文件名/
退一级:…/
绝对路径:绝对地址
2.3属性
宽:width
高:height
边框:border
图片无法显示的提示:alt
鼠标移上去,显示的内容:title
如果只给一个宽或只给一个高,等比例缩放

//3.锚点
3.1用法
给目的地标签,定一个锚点标记,添加id名
在a标签的href位置通过#标签,标记id名
//4.emmet语法
4.1作用
快捷生成html相关标签的一种语法
其他软件需要安装 vscode, sublime
一些软件自带 DW、webstorm、h-builder-x```

作用	用法
快捷生成HTML 骨架	!+tab
生成一个标签	 标签
生产多个标签	 标签*数字
父子关系	 父标签>子标签
兄弟关系	 兄弟1+兄弟2
有id属性的标签	 标签 #id名
有类属性的标签	 标签 .类名
生成标签带内容	 标签{内容}
计数器	标签名{$}* 数字
指定标签的属性	 标签[属性名=属性值]

//5.预格式化标签
5.1作用
保留编码时的格式

5.1用法`

 

在这里插入图片描述

![在这里插入图片描述](https://img-blog.csdnimg.cn/20201204211840977.png)

//6.&符号
6.1用法
符	用法
空格	&nbsp
大于>	&gt
小于<	&lt
版权@	&copy
&	&amp


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值