想插入图片?那就看这里吧!
根据上一次的讲解,这次就直接进入主题。
会制作简单的网页了,那就在里面加入图片吧。
我就用一首诗为例,用徐志摩的《卑微》吧。
同样用记事本打开,在记事本里编辑,写入以下代码。
得出来的是如下网页。(为了方便观看,有意把文字和图片加大)
诗歌上页 诗歌下页以上是把图片作为背景。
background是设置背景图片,后面是图片路径。(记得把图片路径写准确哦,不然是刷不出图片背景的,会是默认的白色为背景)
background repead:no repead是让图片背景不平铺,不重复,仅一张图片,不管多大,只有一张图片。不设置这个会导致图片平铺,影响画面美观,不过,具体要看需求,有的时候需要平铺,重复出现。
比如出现这样!!!
不设置是否平铺代码是这样的
这是代码只是换了小一点的图片,然后去掉了不平铺。
还可以设置图片的大小。
width="自己设置一个数值px",height="Xpx",比如:width=500px height=600px
好了,这是图片背景,接下来讲插入图片。
看这个代码
插入图片的代码得出的网页是这样的
这是上面代码得出的网页这个游戏大家熟悉吗?魔兽世界。
<img />是插入图片,width是给图片设置宽度,height是给图片设置高度,align="left/right/center"是水平居左/右/中。 是空格,<p></p>是空一行,最好不要这么用,用<br/>,这个是换行标签。
好了,今天就讲这么多。
总结:插入图片用<img/>,以图片为背景就在<body>里加backgroung。
src是图片路径,<br/>换行标签,<p></p>段落标签,<align>水平对齐方式。
所有的符号都用英文符号,千万不要用中文符号,不然会识别不出来的,然后就等于没有打出来。
网友评论