HTML总结 • 【第2章 超链接和图片标签、锚点用法、emmet语法用法、预格式化标签作用、&符号用法】

全部章节 >>>>

---

//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

4.2用法

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

//5.预格式化标签

5.1作用

保留编码时的格式

5.1用法

<pre></pre>

//6.&符号

6.1用法

符	用法
空格	&nbsp
大于>	&gt
小于<	&lt
版权@	&copy
&	&amp