Day.12.12 HTML图像标签

作者: 挂树上的骷髅怪 | 来源:发表于2016-12-12 20:57 被阅读15次

<!DOCTYPE html>
<html>
 <head>
 <meta  charset="utf-8">
  <title> 图像标签 </title>
 </head>
 <body>
 <!--图片的指定了宽度后，不指定高度，将会成比例的缩放
    border:1px solid red; 1px 表示边框的宽度   solid 表示实线 red 表示颜色, 顺序可以随意
    rgb [FF  FF FF]  border 的样式的选择  css 的边框的说明去找
    title : 表示鼠标移动会出现的效果
    alt: 表示图片不能正确显示时，出现的文字
    宽度如果是固定的像素，就不会变化大小，如果是 百分比，会随窗口的变化而变化
 -->
 <img src="niu.png" style="border:#0000FF 10px double;" bordercolor="red" width="30%" title="这是一头牛，太牛了!" alt="确实是一头牛!">
 <img src="niu.png">
 <img src="niu.png">
 <img src="niu.png">
 <img src="niu.png">
 <img src="niu.png">
 <img src="niu.png">
 <img src="niu.png">
 </body>
</html>