首页 > 软件开发 > HTML >

HTML使用嵌入图片

来源:互联网 2023-03-16 19:11:54 498

HTML文件可以包含图片,同时可以给图片设置超链接、代替文字并标记超链接。YUF办公区 - 实用经验教程分享!

我们可以使用img>元素进行相关的操作。YUF办公区 - 实用经验教程分享!

工具/原料

  • 推荐使用notepad
  • 推荐浏览器使用Google Chrome

方法/步骤

  • 1

    打开notepad ,新建一个HTML类型文件,并写入:YUF办公区 - 实用经验教程分享!

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

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

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

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

    此语句表明HTML的开始和结束位置YUF办公区 - 实用经验教程分享!

    HTML使用嵌入图片YUF办公区 - 实用经验教程分享!

  • 2

    在html>和/html>之间加入head>和body>:YUF办公区 - 实用经验教程分享!

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

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

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

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

    head>/head>用来标记HTML中的说明部分,body>/body>用来标记HTML主体部分。YUF办公区 - 实用经验教程分享!

    HTML使用嵌入图片YUF办公区 - 实用经验教程分享!

  • 3

    在head>/head>中加入字符集说明和标题说明:YUF办公区 - 实用经验教程分享!

    meta charset="utf-8">YUF办公区 - 实用经验教程分享!

    title> 嵌入图片 /title>YUF办公区 - 实用经验教程分享!

    charset="utf-8"用于指明使用的字符集;title> 嵌入图片 /title>用于指明文件标题。YUF办公区 - 实用经验教程分享!

    HTML使用嵌入图片YUF办公区 - 实用经验教程分享!

  • 4

    在body>/body>中写入文件主体,包括超链接、图片等:YUF办公区 - 实用经验教程分享!

    a href="http://www.baidu.com"> img src="F:\picture\1467885799657.jpg" alt="嵌入图片"> /a>YUF办公区 - 实用经验教程分享!

    其中:a href=".....">/a>用于标记超链接的网址,其中的"http://www.baidu.com"可以更换成其他网址;img src="..." alt="嵌入图片"> 用于嵌入图片,src="..."表示图片位置;alt="..."当图片无法正常显示的时候,代替图片显示文字。YUF办公区 - 实用经验教程分享!

    HTML使用嵌入图片YUF办公区 - 实用经验教程分享!

  • 5

    将文件保存为HTML格式,并使用浏览器打开。YUF办公区 - 实用经验教程分享!

    HTML使用嵌入图片YUF办公区 - 实用经验教程分享!

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

    点击图片后,跳转进入百度。制作完成。YUF办公区 - 实用经验教程分享!

    HTML使用嵌入图片YUF办公区 - 实用经验教程分享!

  • 注意事项

    • 、 为单标签,其余为双标签。
    • 必须为第一行,前面不可以有空行,也不可以省略不写。

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


    标签: HTML

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