HTML网页制作:[1]插入图片

 时间:2024-10-11 19:35:30

图片是网页制作的重要资源,没有图片的渲染和表示,网页将变的单调。那么如果在网页中插入图片呢?请往下看。

工具/原料

电脑一台

txt文档或者DW

一张或数张图片

一.插入图片

1、首先,通过TXT文档,创建一个网页的基本框架。也就是html、head、body。当然,用dw创建一个网页文档,会自动写入这些代码。这里,小编使用的是dw.

HTML网页制作:[1]插入图片

4、那么如何插入图片呢?非常简单,插入图片的标记值有一个:“img”标记!请在body中加入如下一行:<img src="./test.jpg">由src指示图片的位置

HTML网页制作:[1]插入图片

二.如何更改图片大小、添加边框等

1、如果感觉插入的图片太大,想更改图片的尺沌纟釜变寸?输入如下代码:<img src="./test.jpg" width="50" height="50">width表示宽度height表示高度

HTML网页制作:[1]插入图片

3、那如果想给图片加上边框呢?输入以下代码:<img src="./test.jpg" border="5">border为边框的宽度,默认为黑色

HTML网页制作:[1]插入图片

5、网页中插入图片很简单,但是使用起来很复杂,不仅涉及到排版,还有颜色搭配、盒子模型等等。

  • 怎么让两个div在同一行
  • HTML页面如何给图片添加链接
  • 在网页制作中怎么限制图片的大小
  • HTML怎么实现网页跳转
  • html如何文字居中与背景
  • 热门搜索
    梵蒂冈博物馆 思考的近义词 凝望的近义词 北京师范大学珠海分校怎么样 word怎么画线 迎风流泪是怎么回事 风热风寒感冒的区别 蓬松发型 熟视无睹的近义词 寿司怎么做好吃