html网页页面插进照片、添加地形图数据库索引示

1、WEB上适用的照片文件格式:

GIF:能储存256中色调,适用全透明色,适用动漫实际效果
JPEG:不适用全透明色和动漫,色调可达1670种
PNG:适用全透明色,不适用动漫,色调有几种到1670种

2、将照片插进到网页页面中应用<img/>标识:

src:设定照片,值等于1个照片文档的路劲
height:设定照片的高,值以像素或百分比表明(会全自动按占比放缩)
width:设定照片的宽,值以像素或百分比表明
border:为照片再加边框
alt:照片表明文本,当照片不在显示信息的情况下会显示信息该特性的值
title:该特性表明当,电脑鼠标放在该照片上时会显示信息该特性的值
align:特性值=left照片靠左,文本靠右
right照片靠右,文本靠左
top文本竖直居上靠
middle文本竖直垂直居中
bottom文本竖直居下(默认设置)
vspace:特性值是像素,界定照片顶部和底部的空白
hspace:特性值是像素,界定照片左侧和右侧的空白


拷贝编码
编码以下:

<imgsrc="../../../素材库/001.jpg"height="300"width="200"border="10"alt="安踏正版"title="安踏正版"hspace="20"vspace="20"/>
<p>
<!--图文混排-->
<imgsrc="../../../素材库/001.jpg"height="300"width="200"align="left"/>
11、考試考得好,全靠同桌好。</p>
<p>12、在院校是那钱混生活,如今是拿生活混钱!</p>
<p>13、1些人,总要出卖他全部的,去换取他所沒有的。</p>
<p>14、自爱,必先自私,惟有自私,才可以大爱。</p>
<p>15、吉尼斯记录:全球最大的茶几面积为960万平方公里,可置放13亿杯具。</p>
<p>16、分手多索然无味,有本领咱俩玩离异!</p>
<p>17、走老百姓币的路,令人民走投无路!</p>
<p>18、3鹿奶粉,后妈的挑选。</p>
<p>19、有1天小3哭了,由于出現了小4!</p>
<p>20、和你分手,由于,你连牵手都配不上!</p>
<p>21、别在我眼前摆POSE,我真怕禁不住想摔照相机。</p>
<p>22、大家只是过路人甲乙丙丁,在这繁华世界团体手机游戏。不管你输我赢,到最终我们都会1起GameOver!</p>
<p>23、我这1生1共做错两件事,其1是生出来,另外一是活下去。</p>
<p>24、假如我死了,我的第1句话是:老子终究无需怕鬼了。</p>
<p>25、哥是文明行为人,全部脏话均已应用唾沫消毒。</p>
<p>26、知名人士名言,你得起先知名人士了那才是名言,他人的屁全是名屁!你能比吗?</p><!--应用图象做为超连接用图象做超链图象会全自动再加浅蓝色的边框点一下了超连接后会变为紫色边框可使用img标识中的border特性就边框去掉-->
<ahref="#"><imgsrc="../../../素材库/yingyue.png"border="0"alt="京津冀"/></a>

3、HTML地形图数据库索引:

地形图数据库索引,也便是用1样照片中的某1一部分做超连接,能够做许多个超连接(应用设计方案主视图便可以搞定)


拷贝编码
编码以下:

<!--
文件格式:<mapname="图像名字"id="图像名字">
<areashape="选择区块的样子"coords="座标"href="URL"alt="文本表明">
</map>
<imgsrc="URL"USEMAP="#图像名字">
<map>申明整张图应用地形图连接方法开展联接.
name,id指此图的名字.
<area>表明大家所要连接在其中1点的区快
shape表明大家所挑选的样子,如:rect矩形框circle圆poly多边形
coords表明地形图的座标部位!!
-->
<imgsrc="../../../素材库/42a98226cffc1e173ec6f5894b90f603738de909.jpg"alt="MM"width="200"height="300"hspace="20"border="0"align="left"usemap="#Map"title="MM"/>
<mapname="Map"id="Map">
<areashape="rect"coords="39,99,76,137"href="#"alt="打你哦"/>
<areashape="circle"coords="94,200,17"href="#"alt="好大"/>
<areashape="poly"coords="87,50,119,50,121,70,91,67"href="#"alt="myeyes"/>
</map>

为网页页面加上标志:<linkrel="shortcuticon"href="文档路劲名字.ico"type="image/x-icon">放在<head>头顶部标识内