HTML---2(图像的使用)

#基本概念

图像标签<img>和源属性src(指图像的URL地址)

基本格式:<img src="url" />

$这里注意两点:URL要在双引号中(链接的也是)

                          最后要加上一个"/"号

#替换文本属性alt

当浏览器无法载入图像时,替换文本属性会告诉读者所收取的信息。为所有文本均加上替换文本信息是必要的。

<img src="url" alt="要显示的内容"/>

 

#如何添加背景图片

<body background="url">

else

</body>

$注意:如果图小于页面,图像会进行重复。

 

 

#如何设置图像和文本的对齐方式

主要有三种对齐方式

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

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

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

$bottom 是默认的对齐方式

 

#如何设置浮动图像到段落的左侧或者右侧

ex:

<p>

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

带有图像的一个段落。图像的 align 属性设置为 "left"。图像将浮动到文本的左侧。

</p>

同理,right为右侧。

#制作图像链接

ex:

<a href="url"><img src="图片的url"></a>

$$$$gif 动态图片的操作通上

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值