img、a标签的使用
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<!--图像标签
<img src='图片的地址' alt='当图片显示不出来时所替换的文字'
title="当鼠标放到图片上显示的文字"
1、路径:绝对路径：F：\讲义\HTML\20180201
2、相对路径：
/:代表window盘符，根路径（下级目录）
./:当前目录（又叫文件夹） 同级目录(可省略不写)
../:上一级目录
超链接标签:
<a href="你要连接的地址" target="连接的打开方式">
title="当鼠标放上去时显示的文字"
</a>
href:相对路径、绝对路径、网络路径
target:_blank 在新窗口页打开
_self 在当前页跳转(默认)
超链接的下载功能：
href:只能写网页无法解析的文件
只有网页无法解析，才提供下载功能
只有 .zip .rar压缩文件才能下载
锚点连接：
1.设置标记（锚点）
<a name="标记值"><a/>
2.设置连接（当我点连接就回到锚点）
<a href="路径+#标记值"><a/>
-->
</head>
<body>
<!--设置锚点-->
<a name="top">顶部</a> <br>
<img src="./img/1.jpg" alt="">
<img src="../../../img/2.jpg" alt="这是小金毛" title="你饿了/金毛给你送外卖">
<!--新的页面打开-->
<a href="../0611/day01.html" target="_blank" title="这是百度">百度</a>
<!--当前页面打开-->
<a href="../0611/day01.html" target="_self">百度</a>
<a href="./img.zip">下载</a>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<a name="middle">中部</a>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<!--设置连接-->
<a href="#top">回到顶部</a>
</body>
</html>
最新文章
- java使用websocket，并且获取HttpSession，源码分析
- hbase 权威指南笔记（二）
- 前端面试-----JavaScript题
- AutoCAD2006启动慢解决方案
- 【Bochs 官方手册翻译】 第一章 Bochs介绍
- 判断CAD图纸版本
- IL速查
- ios学习笔记（一）Windows7上使用VMWare搭建iPhone开发环境（转）
- Gliffy Diagrams 好用的流程图工具
- VS中新建网站和新建项目web应用程序的区别？(实际应用总结一点)
- MVC自学系列之二（MVC控制器-Controllers）
- 简单分析android textview xml 的属性设置
- JS杂记
- 把记事本文件固定在Win8的开始屏幕
- Java多线程（六）——线程让步
- Python解析Pcap包类源码学习
- Android、JavaScript、WebView之间的交互学习
- STM32F412应用开发笔记之九：移植FreeRTOS到F412ZG平台
- P3239 [HNOI2015]亚瑟王
- JAVAORM框架之Mybatis (Ibatis) 详解