美文网首页
零基础学HTML(插入图片)

零基础学HTML(插入图片)

作者: 泉玲清梦 | 来源:发表于2018-01-05 00:19 被阅读0次

    想插入图片?那就看这里吧!

    根据上一次的讲解,这次就直接进入主题。

    会制作简单的网页了,那就在里面加入图片吧。

    我就用一首诗为例,用徐志摩的《卑微》吧。

    同样用记事本打开,在记事本里编辑,写入以下代码。

    得出来的是如下网页。(为了方便观看,有意把文字和图片加大)

    诗歌上页 诗歌下页

    以上是把图片作为背景。

    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>水平对齐方式。

    所有的符号都用英文符号,千万不要用中文符号,不然会识别不出来的,然后就等于没有打出来。

    相关文章

      网友评论

          本文标题:零基础学HTML(插入图片)

          本文链接:https://www.haomeiwen.com/subject/jkxjnxtx.html