HTML网页设计之图片标签—

在 HTML 中，图像由<img>标签定义。<img> 是空标签，只包含属性，没有闭合标签。实际上图像并不会插入至HTML页面中，而是链接到HTML页面上，<img> 标签的作用是为被引用的图像创建占位符，其src和alt为必需属性。

其常用属性：

1.[src]:规定显示图像的URL，URL 指存储图像的位置，可以用绝对位置和相对位置，建议使用相对路径。(绝对地址指完整的网址。相对地址是本地的页面，和你的文件储存位置有关，其中

./指你在的文件跟你要去的位置在一个文件夹，../指跳出当前的文件夹，来到上一级目录下。

2.[alt]：规定图像的替换文本，即在浏览器无法载入图像时，替换文本属性告诉读者失去的信息。

3.[width]：规定图像的宽度（若指定width=“100%”，表示不管图片尺寸，将图片设置为浏览器宽度的100%，自动按照比例确定图片高度）。

4.[height]：规定图像的高度。（注意：width属性和height属性，一般不会同时设置，只设置一个，另一个浏览器会自适应）

代码示例如下：

网页显示如下：

HTML网页设计之图片标签——＜img＞标签相关推荐

网页设计（五）——marquee标签
前言:好久没更新过CSDN博客了,现在从原来的OI,变成了一个科研工作者.最近打算把原来的一些资料整理一下,作为经验公开分享,希望能帮到更多默默努力耕耘的人~ 首先给出一些关于marquee标签的介绍 ...
html网页设计把图片放在边框,网页设计中怎么让一张图片填充满整个画面？
网页设计中怎么让一张图片填充满整个画面 ?以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! 网页设计中怎么让一张图片填充满 ...
搞网页设计美工图片处理应该知道的站点
现在网页设计方面的站点越来越多,究竟哪个才是经典:根据网页设计中牵涉到的:网页制作,平面设计,动画制作,素材安排等,我特地找了些好的站点,发表在这里,如果大家有好的站点,也希望能跟在后面. 网站标准化 ...
【融职培训】Web前端学习第2章网页重构2 常用的html标签
一.HTML语法上一节我们已经了解了html和css的基本概念,本节通过上一节的一个例子来说说HTML的语法. 1 <!DOCTYPE html>  ...
网页设计中的图片技巧
图片是网页设计中的最为重要的元素,文字表达信息,图片提示视觉效果,相比于文字描述人们更喜欢图片所表达出来的效果,在一些优秀的网页设计中,图片所占的比率可以达到80%甚至更高,一张好的图片所表达的信息更 ...
HTML网页设计：六、列表
列表列表分为两种类型,有序列表和无序列表.有序列表使用编号来记录项目的顺序,无序列表用项目符号来标记列表项. 列表的主要标签如下表: 标签描述 <ol> 有序列表 <ul> ...
网页设计（六）——基于HTML+CSS框架的网页设计实例
前言:好久没更新过CSDN博客了,现在从原来的OI,变成了一个科研工作者.最近打算把原来的一些资料整理一下,作为经验公开分享,希望能帮到更多默默努力耕耘的人~ 网页设计系列之前写了五期,分别为: 网页 ...
网页设计（一）——HTML基础概念
前言:好久没更新过CSDN博客了,现在从原来的OI,变成了一个科研工作者.最近打算把原来的一些资料整理一下,作为经验公开分享,希望能帮到更多默默努力耕耘的人~ 网页设计系列源于早几年在学校网站工作做入 ...
网页设计（三）——DIV+CSS布局2
前言:好久没更新过CSDN博客了,现在从原来的OI,变成了一个科研工作者.最近打算把原来的一些资料整理一下,作为经验公开分享,希望能帮到更多默默努力耕耘的人~ 网页设计系列源于早几年在学校网站工作做入 ...

HTML网页设计之图片标签——＜img＞标签

HTML网页设计之图片标签——＜img＞标签相关推荐

最新文章

热门文章