猫史档案馆


【Y君学H喵L】第十期·图像

用户:yamolyamol查看:5 回复:4 评论:5 创建时间:2019-01-11T18:00:28


图像标签(<img>)和源属性(src)

在 H喵L 中,图像由 <img> 标签定义。

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

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

定义图像的语法是:

<img src="url" />

url 指存储图像的位置。这个位置可以是服务器内的地址,也可以是网络地址。

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

 

替换文本属性(alt)

alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。

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

center_image

第一张图就是在项目里“img”文件下的图片,第二张图是来源网络的图片,第三个是动图,第四个是一个地址错误的图片,所以显示出来了一个预备的替换文本。

 

背景图像

<body background="url">

center_image

 

排列图像

<body background="url">

center_image

bottom是默认的对齐方式,除了bottom还有middle、top

 

浮动图像

<img src ="url" align ="left"> 

center_image

left左、right右,这应该知道吧。。。

 

图像链接

<a href="shequ.codemao.cn">
<img src="url" />
</a>

center_image

 

有什么不懂得可以在下面问哦,我应该、可能、大概率会回答的。。。


回复

上一页1 页 / 共 1下一页
yamolyamol

被自己感动emotion_编程猫_厉害了

点赞0


评论


哲学喵哲学喵

 

点赞0


评论


bLockTheBlOcK块块bLockTheBlOcK块块

图像链接什么意思,把图片图覆盖在链接里吗

点赞0


评论


是你呀大恐龙是你呀大恐龙

终于可以放照片了哈哈哈

点赞0


评论