当前位置:文档之家› 网页设计——文本中插入图片

网页设计——文本中插入图片

使用图像
浏览各站点如何使用图像,写一个简短的报告,使用图片的方法特点,如何改善:
<1>代码如下图:我自己制作的文本中插入图片
<body>
<p><a href="美美图片.html"><img src="图片/苹果.jpg" width="113"
height="119" /></a></p>让人觉得好快乐,这样的阳光,这样的微风,这样的夜晚居然不熄灯,让人感觉好诧异,可是偏偏没有网,呵呵!还好我有一个救星啊!没有网的日子是不习惯的,是不知道干什么的.....望着做完的报告,似乎心情轻松了许多。

最近这些天,总觉得心情乱乱的,谈不上是为什么,也说不清楚怎么了.......
看着好朋友们幸福的样子,觉得快乐其实好简单啊。

很久没有老同学来看我了,没有发现原来这个小小的荆州会有我好多的朋友,或是初中或是高中。

感觉吵架后的日子不会那么孤单,不会那么无助。

被人想起,被人关心,接到别人的电话,收到祝福的短信,那种快乐嘴角微微上翘。

想大声的笑出来。

陪着同学一起逛街,一起逛校园感觉不错,彼此的尴尬彼此很久没有见的生疏一下子就不见了。

慢慢长大的我们,渐渐熟悉了这个社会上很多的交际能力,也许是因为是朋友,就算没有话题,只是相互的望着也会觉得很亲切。

有种似曾相似的感觉,喜欢那种就算是三五年没有见面,依然可以电话短信QQ联系,依然谈笑风生的场景。

这样我会更加的相信永恒不变的感情。

亲情那已经不需要证明的,友情,爱情亦是如此。

</p> <p><img src="图片/红色枫叶.jpg"align="middle" width="144"
height="124" />孤单太久,就会想找个伴,2个人在一起太久,就害怕分开了,融入彼此的生活太近太久了。

一起看过的露天电影,一起听过的歌,一起在月光下哭红的双眼,一起体会社会的艰辛与无奈。

那么多的一起,真的真的好开心。

<p><img src="图片/蓝玫瑰.jpg" align="right" width="161" height="122"/>我不曾看到你转身的那一刻,你不曾看到我屏幕上敲得字,都是我想说的话,都是我用泪或是笑容写下的。

记录我的草色年华。

骑单车绕古城,步行绕江边,看着那落了一地的树叶,好像春天里的秋天,浪漫.......静下来不去想过去了却还会伤心的事情,放不下的东西总是会有的,只是时间问题。

我不应该总是为了一点小事而感觉世界好黑暗,好悲伤。

那样像海浪一样的心情,起伏不定,波涛汹涌,自己都觉得怪怪的,更何况是别人呢。

世界不大,但是不只是我一个人,世界不小,却感觉比什么都温暖。

<p>很多时候只要一下子就好了,一句话就够的......</p>
<p></p>
<p></p>
<div align="center">
<a href="美美图片.html"><h1>美美图片</h1></a></p>
</div>
</body>
出现的页面:
让人觉得好快乐,这样的阳光,这样的微风,这样的夜晚居然不熄灯,让人感觉好诧异,可是偏偏没有网,呵呵!还好我有一个救星啊!没有网的日子是不习惯的,是不知道干什么的.....望着做完的报告,似乎心情轻松了许多。

最近这些天,总觉得心情乱乱的,谈不上是为什么,也说不清楚怎么了....... 看着好朋友们幸福的样子,觉得快乐其实好简单啊。

很久没有老同学来看我了,没有发现原来这个小小的荆州会有我好多的朋友,或是初中或是高中。

感觉吵架后的日子不会那么孤单,不会那么无助。

被人想起,被人关心,接到别人的电话,收到祝福的短信,那种快乐嘴角微微上翘。

想大声的笑出来。

陪着同学一起逛街,一起逛校园感觉不错,彼此的尴尬彼此很久没有见的生疏一下子就不见了。

慢慢长大的我们,渐渐熟悉了这个社会上很多的交际能力,也许是因为是朋友,就算没有话题,只是相互的望着也会觉得很亲切。

有种似曾相似的感觉,喜欢那种就算是三五年没有见面,依然可以电话短信QQ联系,依然谈笑风生的场景。

这样我会更加的相信永恒不变的感情。

亲情那已经不需要证明的,友情,爱情亦是如此。

孤单太久,就会想找个伴,2个人在一起太久,就害怕分开了,融入
彼此的生活太近太久了。

一起看过的露天电影,一起听过的歌,一起在月光下哭红的双眼,一起体会社会的艰辛与无奈。

那么多的一起,真的真的好开心。

我不曾看到你转身的那一刻,你不曾看到我屏幕上敲得字,都是
我想说的话,都是我用泪或是笑容写下的。

记录我的草色年华。

骑单车绕古城,步行绕江边,看着那落了一地的树叶,好像春天
里的秋天,浪漫.......静下来不去想过去了却还会伤心的事情,
放不下的东西总是会有的,只是时间问题。

我不应该总是为了一
点小事而感觉世界好黑暗,好悲伤。

那样像海浪一样的心情,起
伏不定,波涛汹涌,自己都觉得怪怪的,更何况是别人呢。

世界不大,但是不只是我一个人,世界不小,却感觉比什么都温暖。

很多时候只要一下子就好了,一句话就够的......
美美图片
苹果和美美图片都是一个超链接,只要点击就会出现如下所示的画面:
返回主页
<2>腾讯博客首页_腾讯网节选
<ul class="dis">
<li><h1><a
href="/qzone/622001340/1271379629.htm">景甜:和何润东拍搞怪海报</a></h1>
</li>
<li>海报拍摄中我又变成了“双面娇娃”,一会儿是可爱版的小爱一会儿变成冷酷的老板……<a
href="/qzone/622001340/1271379629.htm">[详
细]</a></li>
</ul>
<ul class="undis">
<li><h1><a
href="/qzone/622008801/1271346892.htm">周显欣:在沙漠里尽情舞蹈</a></h1>
</li>
<li>我虽不系西北大漠土地生人,却一直崇尚豪迈、豪气、豪情之品格……<a href="/qzone/622008801/1271346892.htm">[详
细]</a></li>
</ul>
点击1出现这样的画片,打击2,3,4,分别出现不同的页面,图片的特点很明显,就是在一个页面中只要点击不能的数字就会出现的图片页面,使用无序列表的方式。

三:实验小结
熟悉图片的使用,设置图片的大小和显示效果,学会在制作的文本中插入图片和背
景图片。

提取正确的图片地址,观察几个网站是怎么使用图片的,各种图片使用的特。

进一步完善网页的制作,进一步熟悉img 标记符的使用。

熟悉各种图片格式的特点和使
用,要学会制作动画,改变图片的颜色设置,改变图片的大小和对齐方式。

进一步掌握
htnl 标记符的使用和功能。

相关主题