登录 |  注册
首页 >  编程语言 >  HTML入门基础教程_学习笔记 >  HTML图像引用标签

HTML图像引用标签

html中用<img>标签定义 网页面中的图像。<img>标签有两个必需的属性:srcalt

实例如下,每个属性下文再做介绍

<img src="/upload/images/material/fengjing.jpg" alt="风景">

实际效果:

风景


HTML 图像- 图像标签(<img>)和源属性(Src)

在 HTML 中,图像由<img>标签定义。

 <img>是空标签,意思是说,它只包含属性,并且没有闭合标签。

 要在页面上显示图像,你需要使用源属性(src)。src指 "source"。源属性的值是图像的 URL 地址。

 定义图像的语法是:

<img src="url" alt="text">

URL 指存储图像的位置。如果名为 "fengjing.jpg" 的图像位于 网站目录下 /upload/images/material文件中,

那么其 URL 为 //域名/upload/images/material/fengjing.jpg

浏览器将图像显示在文档中图像标签出现的地方。如果你将图像标签置于两个段落之间,那么浏览器会首先显示第一个段落,然后显示图片,最后显示第二段。


HTML 图像- Alt属性

alt属性用来为图像定义一串预备的可替换的文本。若网络不佳,即可显示alt中的文字。

<img src="fengjing.jpg" alt="fengjing" width="200" height="180">

提示: 指定图像的高度和宽度的一个很好的习惯。如果图像指定了高度宽度,页面加载时就会保留指定的尺寸。如果没有指定图片的大小,加载页面时有可能会破坏HTML页面的整体布局。


设置图像边框

<img>标签中您可以使用border属性以像素为单位指定边框粗细。厚度为 0 表示图片周围没有边框。

<img src="/upload/images/material/fengjing.jpg" alt="fengjing" border = "3">

设置图像对齐

默认情况下,图像在页面中将显示为左侧对齐,在<img>标签中您可以使用align属性将设置图像的对齐方式:center(居中)或right(右侧)。

<img src="/upload/images/material/fengjing.jpg" alt="fengjing" align="right">

注意: 假如某个 HTML 文件包含十个图像,那么为了正确显示这个页面,需要加载 11 个文件。加载图片是需要时间的,所以我们的建议是:慎用图片。

注意: 加载页面时,要注意插入页面图像的路径,如果不能正确设置图像的位置,浏览器无法加载图片,图像标签就会显示一个破碎的图片。


上一篇: HTML列表标签用法
下一篇: HTML链接标签用法
推荐文章
  • PHP字符串变量一个字符串(string)就是由一系列的字符组成,其中每个字符等同于一个字节。字符串变量用于存储并处理文本。PHP中的字符串变量字符串变量用于包含有字符的值。在创建字符串之后,我们就可以对它进行操作了。您可以直接在函数中使用字符串,或者把它存储在变量中。在下面的实例中,我们创建一个名
  • ASP.NET教程ASP.NET又称为ASP+,基于.NETFramework的Web开发平台,是微软公司推出的新一代脚本语言。ASP.NET是一个使用HTML、CSS、JavaScript和服务器脚本创建网页和网站的开发框架。ASP.NET支持三种不一样的开发模式:WebPages(Web页面)、
  • C# 判断判断结构要求程序员指定一个或多个要评估或测试的条件,以及条件为真时要执行的语句(必需的)和条件为假时要执行的语句(可选的)。下面是大多数编程语言中典型的判断结构的通常形式:判断语句C#提供了以下类型的判断语句。点击链接查看每个语句的细节。语句描述if语句一个 if语句 由一个布尔表达式后跟
  • C#循环有的时候,可能需要多次执行同一块代码。通常情况下,语句是顺序执行的:函数中的第一个语句先执行,接着是第二个语句,依此类推。编程语言提供了允许更为复杂的执行路径的多种控制结构。循环语句允许我们多次执行一个语句或语句组,下面是大多数编程语言中循环语句的通常形式:循环类型C#提供了以下几种循环类型
  • C#数组(Array)数组是一个存储相同类型元素的固定大小的顺序集合。数组是用来存储数据的集合,一般认为数组是一个同一类型变量的集合。声明数组变量并不是声明number0、number1、...、number99一个个单独的变量,而是声明一个就像numbers这样的变量,然后使用numbers[0]
  • ASP.NET是一个由微软公司开发的用于构建Web应用程序的框架,它是.NETFramework的一部分。它提供了一种模型-视图-控制器(MVC)架构、Web表单以及最新的ASP.NETCore中的RazorPages等多种开发模式,可以用来创建动态网页和Web服务。以下是一些基础的ASP.NET编
学习大纲