首页 > 软件开发 > HTML >

html网页中怎么写插入图片的代码

来源:互联网 2023-03-16 19:13:30 372

html网页中怎么写插入图片的代码D5N办公区 - 实用经验教程分享!

img src="地址"width="长"height="高" alt="描述" title="描述">D5N办公区 - 实用经验教程分享!

工具/原料

  • 电脑
  • 记事本

方法/步骤

  • 1

    新建一个记事本,打开,粘贴基本的代码(代码下一步)D5N办公区 - 实用经验教程分享!

    html网页中怎么写插入图片的代码D5N办公区 - 实用经验教程分享!

  • 2

    html>D5N办公区 - 实用经验教程分享!

    D5N办公区 - 实用经验教程分享!

    head>D5N办公区 - 实用经验教程分享!

    D5N办公区 - 实用经验教程分享!

    title>这里填写标题/title>D5N办公区 - 实用经验教程分享!

    meta name="keywords" content="这里填写关键词" />D5N办公区 - 实用经验教程分享!

    meta name="description" content="这里填写说明内容" />D5N办公区 - 实用经验教程分享!

    style type="text/css">D5N办公区 - 实用经验教程分享!

    !--CSS样式代码位置-->D5N办公区 - 实用经验教程分享!

    /style>D5N办公区 - 实用经验教程分享!

    /head>D5N办公区 - 实用经验教程分享!

    D5N办公区 - 实用经验教程分享!

    body>D5N办公区 - 实用经验教程分享!

    这里填写HTML代码D5N办公区 - 实用经验教程分享!

    /body>D5N办公区 - 实用经验教程分享!

    D5N办公区 - 实用经验教程分享!

    /html>D5N办公区 - 实用经验教程分享!

    html网页中怎么写插入图片的代码D5N办公区 - 实用经验教程分享!

  • 3

    保存,重命名改一下后缀 .htmlD5N办公区 - 实用经验教程分享!

    html网页中怎么写插入图片的代码D5N办公区 - 实用经验教程分享!

  • 4

    双击打开可以看到这是一个没有图片的网页D5N办公区 - 实用经验教程分享!

    html网页中怎么写插入图片的代码D5N办公区 - 实用经验教程分享!

  • 4本页面未经许可获取自百度经验
  • 5

    返回文件右键选择记事本打开D5N办公区 - 实用经验教程分享!

    html网页中怎么写插入图片的代码D5N办公区 - 实用经验教程分享!

  • 6

    在 body> /body>直接插入代码D5N办公区 - 实用经验教程分享!

    img src="地址" width="长"height="高" alt="描述" title="描述">D5N办公区 - 实用经验教程分享!

    例如我这里用百度logo图片地址D5N办公区 - 实用经验教程分享!

    html网页中怎么写插入图片的代码D5N办公区 - 实用经验教程分享!

  • 7

    保存,再刷新刚刚打开的网页,现在成功的在网页中怎么写插入图片的代码D5N办公区 - 实用经验教程分享!

    html网页中怎么写插入图片的代码D5N办公区 - 实用经验教程分享!

  • 注意事项

    • 图片大小可以不写,将按照图片本身大小显示
    • alt描述是给搜索引擎看的,seo中会用上(或者图片加载失败显示)
    • title描述是鼠标放在图片上显示效果文字

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!D5N办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码