📄 sample_013_html图像.txt
字号:
<html>
<body background="/i/eg_background.jpg">
<!-- 如果图像小于页面，图像会进行重复 -->
<img src="/i/eg_mouse.jpg" width="128" height="128">
<!-- 通过改变 img 标签的 "height" 和 "width" 属性的值，您可以放大或缩写图像 -->
<!-- 在浏览器无法载入图像时，替换文本属性告诉读者她们失去的信息 -->
<img src="boat.gif" alt="Big Boat">
<p>
图像
<img src="/i/eg_cute.gif" align="bottom">
在文本中
</p>
<p>
图像
<img src ="/i/eg_cute.gif" align="middle">
在文本中
</p>
<p>
图像
<img src ="/i/eg_cute.gif" align="top">
在文本中
</p>
<!-- bottom 对齐方式是默认的对齐方式 -->
<p>
<img src ="/i/eg_cute.gif" align ="left">
带有图像的一个段落。图像的 align 属性设置为 "left"。图像将浮动到文本的左侧。
</p>
<p>
<img src ="/i/eg_cute.gif" align ="right">
带有图像的一个段落。图像的 align 属性设置为 "right"。图像将浮动到文本的右侧。
</p>
<p>
您也可以把图像作为链接来使用：
<a href="/example/html/lastpage.html">
<img border="0" src="/i/eg_buttonnext.gif" />
</a>
</p>
<!-- 创建带有可供点击区域的图像地图 -->
<p>请点击图像上的星球，把它们放大。</p>
<img
src="/i/eg_planets.jpg"
border="0" usemap="#planetmap"
alt="Planets" />
<map name="planetmap" id="planetmap">
<area
shape="circle"
coords="180,139,14"
href ="/example/html/venus.html"
target ="_blank"
alt="Venus" />
<area
shape="circle"
coords="129,161,10"
href ="/example/html/mercur.html"
target ="_blank"
alt="Mercury" />
<area
shape="rect"
coords="0,0,110,260"
href ="/example/html/sun.html"
target ="_blank"
alt="Sun" />
</map>
<!-- 把图像转换为图像映射 -->
<p>请把鼠标移动到图像上，看一下状态栏的坐标如何变化。</p>
<p>
<a href="/example/html/html_ismap.html">
<img src="/i/eg_planets.jpg" ismap />
</a>
</p>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -