html图像

<img>标签可以在网页上插入一张图片,它是独立使用的标签,通过“src”属性定义图片的地址,通过“alt”属性定义图片加载失败时显示的文字,以及对搜索引擎和盲人读屏软件的支持。

<img src="images/pic.jpg" alt="产品图片" />

绝对路径和相对路径

像网页上插入图片这种外部文件,需要定义文件的引用地址,引用外部文件还包括引用外部样式表,javascript等等,引用地址分为绝对地址和相对地址。

绝对地址:相对于磁盘的位置去定位文件的地址
相对地址:相对于引用文件本身去定位被引用的文件地址

绝对地址在整体文件迁移时会因为磁盘和顶层目录的改变而找不到文件,相对路径就没有这个问题。相对路径的定义技巧:

“ ./ ” 表示当前文件所在目录下,比如:“./pic.jpg” 表示当前目录下的pic.jpg的图片,这个使用时可以省略。

“ ../ ” 表示当前文件所在目录下的上一级目录,比如:“../images/pic.jpg” 表示当前目录下的上一级目录下的images文件夹中的pic.jpg的图片。

html链接

<a>标签可以在网页上定义一个链接地址,通过src属性定义跳转的地址,通过title属性定义鼠标悬停时弹出的提示文字框。

<a href="#"></a> <!--  # 表示链接到页面顶部   -->
<a href="http://www.itcast.cn/" title="跳转的传智播客网站">传智播客</a>
<a href="2.html">测试页面2</a>

定义页面内滚动跳转

页面内定义了“id”或者“name”的元素,可以通过a标签链接到它的页面滚动位置,前提是页面要足够高,有滚动条,且元素不能在页面顶部,否则页面不会滚动。

<a href="#mao1">标题一</a>
......
......
<h3 id="mao1">跳转到的标题</h3>

最新文章

  1. sh 测试网段在线主机
  2. error LNK2019: 无法解析的外部符号 _WinMain@16,该符号在函数 ___tmainCR...
  3. TCP/IP详解--连接状态变迁图CLOSE_WAIT
  4. [转载]BT656/BT601/BT1120协议
  5. 用WP_Query自定义WordPress 主循环
  6. hudson安装
  7. centos 卸载软件&#183;
  8. C#多线程(上) 分类: C# 线程 2015-03-09 10:35 174人阅读 评论(0) 收藏
  9. MyBatis架构图
  10. Java8特性详解 lambda表达式 Stream
  11. Git全解析之远程仓库交互
  12. java 枚举类型和数据二进制等问题思考
  13. SQL Server 事务及回滚事务的几种方法
  14. oracle查询第一篇
  15. Django+Vue打造购物网站(四)
  16. Spring Boot 邮件配置
  17. Spring Security + JWT实现前后端分离权限认证
  18. 【Python】Linux Acanoda PySpark Spark
  19. vue组件介绍
  20. TemplateBinding和Binding的区别

热门文章

  1. 【问题解决方案】The MathType Dll cannot be found 问题解决方案
  2. Prometheus &amp; SoundCloud
  3. jenkins配置SSH远程服务器连接
  4. 每日一小时linux(1)--sysRq
  5. TestNG之使用ReportNG生成测试报告
  6. 【Python练习题】程序3
  7. c++创建文件夹以及子文件夹
  8. HttpRequest,WebRequest,HttpWebRequest,WebClient,HttpClient 之间的区别
  9. webpack 配置 publicPath的理解
  10. Redux学习(3) ----- 结合React使用