Web前端学习(4):显示图片、url与文件路径

  介绍<img>标签及其基本属性;介绍URL和文件路径

  在上一章中,我简单地介绍了HTML的一些基本标签及基本属性,例如,我们用<p>标签来标记文本段落,用<h1>~<h6>来设置多级标题,用<a>标签及其href属性来设置超链接。而在这章我将介绍如何在网页中显示图片图片,同时也会介绍有关于文件路径的知识。

 

一、如何在网页中显示图片

  HTML文档是纯文本文档,所以图片不能像WORD文档那样直接插到文件中。那么我们该如何在网页上显示图片呢?显然应该用HTML标签来解决这个问题。要想在网页中显示图片,就要使用<img>标签。类似于<a>标签需要用href属性来说明链接对象的位置,<img>标签也需要说明插入图片的来源,而<img>标签则是通过src属性(src即source)来说明的。

<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=151741025
6076&di=89e1b400715d7a7173a1ac53f673eb2b&imgtype=0&src=http%3A%2F%2Fimg5q.du
itang.com%2Fuploads%2Fitem%2F201411%2F15%2F20141115235751_dfEEj.jpeg"
>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wssddw.html