简单建站

html图像

一个网页图片肯定是不能少的,有了图片的网页会更加美观,你想想你是愿意看纯文字的网页,还是图文并茂的网页,肯定后者会有更多人接受,图片为网页提供更多的信息也会让网页变得更好看,这篇文章没有什么拓展知识,就是单纯的讲网页上如何插入图片,因为拓展知识可能大家现在还难以接受,什么图片超链接图片映射我会在后面讲超链接的时候给大家一块讲

还不懂html是什么的可以先看下面的基础文章了解一下

html图像标签

#图像标签演示#
<img width="宽度" height="高度" src="图片的地址" alt="图片无法演示的替代文字" title="鼠标经过图片显示的文字">

知道我为什么说这次简单了吧,因为总共也就这几个字母,<img>没有闭合标签,src后面就是填图片的地址,图片的地址有两种方法,自己根目录的话可以填绝对地址也可以填相对地址,但是别人的网站只能填绝对地址,alt就是图片显示不了的替代文字,建议大家都养成一个图片放替代文字的习惯,title可以让你在鼠标放在图片上的时候显示文字,这个就是有需要的时侯才会用到width和height就是图片的宽和高,以像素为单位

  • 绝对地址:xxx.com/image/1.jpg 这种就是绝对地址,网站域名加上图片路径,别人网站的图品引用就必须用绝对地址
  • 相对地址:相对地址是引用自己网站的图片使用的,比如你的图片是放在根目录image这个文件夹里,链接就可以直接填 /image/1.jpg,因为是在你网站访问的所以它自动把链接拼全,自己网站也可以使用绝对地址

填绝对地址时链接要加上http://协议不然会路径错乱

html图像标签展示

提示:你可以先修改部分代码再运行。

在html文档中插入图片非常简单,虽然简单,但是图片对网页是非常重要的,合理的图片与文字排版出来的网页是非常漂亮的

赞(3) 打赏梁某人
未经允许不得转载:每篇文章都是博主的心血,偷盗文章事最可耻的事情梁某人的个人网站 » html图像

发表评论 3

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #1

    zhanbing8个月前 (04-02)回复
  2. #2

    这个可以运行代码蛮有意思的

    演员8个月前 (04-03)回复
    • 想学啊,我教你啊

      疯癫神经质8个月前 (04-03)回复

靓仔!打赏一元试试看啊

支付宝扫一扫打赏

微信扫一扫打赏