5510人加入学习
(22人评价)
Web前端第一季(HTML)

制作完成于2018年5月25日

价格 免费

1.alt 图像提示,文本替换。

2.

[展开全文]
<!DOCTYPE html>
<html>
<head>
	<title>我是标题</title>
	
	<meta ="Content-Type" content=
	"text/html;charset=utf-8"/>
	<!-- utf-8 gbk gb2312 -->
</head>
<body>

这个是我的课程<img src="Img/01.jpg" align="bottom" width="20%" alt="siki学院的课程api"/>《API》

</body>
</html>

<!-- 
align="top"
align="middle" 
align="bottom"
这个是我的课程<img src="Img/01.jpg" align="bottom" width="200px" height="50px"/>《API》
这个是我的课程<img src="Img/01.jpg" align="bottom" width="20%"/>《API》
这个是我的课程<img src="Img/001.jpg" align="bottom" width="20%" alt="siki学院的课程api"/>《API》

HTML <img> 标签的 alt 属性
https://www.w3school.com.cn/tags/att_img_alt.asp
-->


HTML <img> 标签的 alt 属性
https://www.w3school.com.cn/tags/att_img_alt.asp

[展开全文]

112-显示图片

  • <img src=" 路径"    align="top or bottom"    width=" 200px  or 50%(网页的宽度)"    height="200"   />  如果只设置宽度或者高度,则整个图片会正比例放缩.
  • alt="  "  当网速tai'man图片出错的时候会显示" " 替代文本.   
[展开全文]

<img src="Img/01.jpg"/>引入图片

哈哈<img src="Img/01.jpg" align="top""middle""bottm">哈哈 与文字上/中/下 对齐

<img src="Img/01.jpg" align="top""middle""bottm" width="200px" height="50px">宽度跟高度,也可以用百分比表示

路径错误时<alt="北京印刷学院图片">会显示替代文本

[展开全文]

13.图片显示<img src="01.jpg" align="bottom"/>

 

像素显示width=“200”height=“300”

也可以设置百分比width=“100%”

 

alt=“图片路径出错”在路径出错时、图片加载不出来时会显示这样的字

 

 

[展开全文]

图片标签:单标签

这是课程<img src="img/5.jpg" align="top,center,bottom" width="200px" height="50px" alt="siki学院的课程"/>

图片位置,文字与图片的对齐方式,图片宽度,高度,宽度高度也可以设置成百分比,50%相当于父容器的50%,即body的大小(缩放后的大小),设置成百分比可以自适应屏幕分辨率。

alt提示属性,如果无法显示图像,alt后面的内容将会显示,或者浏览器加载图片太慢,或者图片路径写错,都会出现althoumian

 

 

[展开全文]

老师的是1920*1080,我的是1024*768……

[展开全文]

图片标签 img  scr="链接"  align=bottom

width="宽度"    hight="高度"

[展开全文]

授课教师

SiKi学院老师

课程特色

下载资料(1)
视频(43)