2020-11-30

本文介绍了HTML中超链接、图片、锚点的基本用法,包括href、target属性,以及图片的src、alt属性。同时讲解了Emmet语法在快速编写HTML代码中的应用,如快捷生成标签、计数器等功能,提升开发效率。
摘要由CSDN通过智能技术生成

HTML
//1.超链接标签
1.1用法
文本或图像

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

1
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
4.2用法
作用 用法
快捷生成HTML骨架 !+tab
生成一个标签 标签
生产多个标签 标签*数字
父子关系 父标签>子标签
兄弟关系 兄弟1+兄弟2
有id属性的标签 标签 #id名
有类属性的标签 标签 .类名
生成标签带内容 标签{内容}
计数器 标签名{$}*数字
指定标签的属性 标签[属性名=属性值]
//5.预格式化标签
5.1作用
保留编码时的格式

//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、付费专栏及课程。

余额充值