小蔡学Web:[4]在网页中插入图片

 时间:2024-10-11 19:12:40

1、首先我们打开DW网页编辑器然后新建一个image.html文件。

小蔡学Web:[4]在网页中插入图片

2、然后修改标题把“<title>无标题文档</title>”,修改成“<title>插入图片</title>”。

小蔡学Web:[4]在网页中插入图片

3、然后在<body></body>中插入img标签用来把兔脒巛钒图片插入到网页中。<img src="#" />其中src代表路径。#号表示空,籽疙牢阖调试后如下。

小蔡学Web:[4]在网页中插入图片

4、我们把空白链接补充完整,这样就可以在网页上看到图片了。

小蔡学Web:[4]在网页中插入图片

5、我们棵褶佐峨还能在img标签中设置高度和宽度,得到我们需要的图片大小,如下图我们设置完成之后明显小了。<img sr艘早祓胂c="材料/psb.jpg" height="200" width="400"/>

小蔡学Web:[4]在网页中插入图片

6、当然我们还可以在样式中决定图片浮动的地方 是靠左还是靠右。

小蔡学Web:[4]在网页中插入图片
  • 如何在HTML中插入图片
  • html图片怎么弄成圆形的
  • HTML怎么实现网页跳转
  • html设置网页背景图片
  • 怎么让两个div在同一行
  • 热门搜索
    环保小报手抄报 家庭文明公约手抄报 经典诵读手抄报图片 寓言故事手抄报 感恩节的手抄报 关于桥的手抄报 绿色手抄报内容 防新型冠状病毒手抄报 英语手抄报国庆节 手抄报排版设计