html的笔记

插入图片

<img src="/upload/1.jpg" width="20" heigth="10">

插入动态图片与静态图片语法没有区别
img标签唯一空标签,只有属性,没有结束符

src属性

图片源的地址

alt属性

在图片无法加载时,告诉读者他们错过了什么内容

<img src="/upload/1.jpg" alt="图片加载失败了哦,这张图片是。。。。">

html的笔记_第1张图片

align属性

<img src="index/1.jpg" align="left">
生活不只眼前的苟且//图片浮动到文本左边
<img src="index/1.jpg" align="right">

width与weight属性

通过width与weight的值进行图片的缩放

<img src="index/1.jpg" width="10" weight="20">
//width与weight属性用空格隔开

背景图片

使用body的background属性

<body background="index/1.jpg">
</body>

注意
1.jpg与gif都可以作为背景
2.如果图片小于窗口,图像会重复

你可能感兴趣的:(html,标签)