<img>标签--图像标签

[2019.06.22 学习笔记1]

1.<img>图片标签，自闭合标签

2.必要属性src，src="图片地址"

3.重要属性title，鼠标经过时候提示的文字

4.重要属性alt，图片未正常显示的提示文字

5.width：设置图片宽度

6.height：设置图片高度

7.border：定义图片的边

8.align:（top、bottom、middle、left、right）设置图片在文本中的位置，默认底部,CSS中为text-align。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片</title>
</head>
<body>
    <img src="background.jpg" title="图片" alt="图片未能正常显示" width="50px" height="50px" border="2px"/>
    <!--  align属性 -->
    <p>关于高考状元的话题，可谓延绵不绝。<img src="background.jpg"  width="50px" height="50px"/></p>
    <p>关于高考状元的话题，可谓延绵不绝。<img src="background.jpg"  width="50px" height="50px" align="top"/></p>
    <p>关于高考状元的话题，可谓延绵不绝。<img src="background.jpg"  width="50px" height="50px" align="bottom"/></p>
    <p>关于高考状元的话题，可谓延绵不绝。<img src="background.jpg"  width="50px" height="50px" align="middle"/></p>
    <p>关于高考状元的话题，可谓延绵不绝。<img src="background.jpg"  width="50px" height="50px" align="right"/></p>
    <p>关于高考状元的话题，可谓延绵不绝。<img src="background.jpg"  width="50px" height="50px" align="left"/></p>
</body>
</html>

9.<img>是行内元素　

　　

posted @ 2019-06-22 10:23  C_XingM  阅读(694)  评论(0)    收藏  举报