HTML使用嵌入图片

 时间:2024-10-12 19:54:23

1、打开notepad++,新建一个HTML类型文件,并写入:<!doctype html> <html> </html>此语句表明HTML的开始和结束位置

HTML使用嵌入图片

2、在<html>和</html>之间加入<head>和<body>:<head>媪青怍牙</head><body></body><head></head>用来标记HTML中的说明部分,<body></body>用来标记HTML主体部分。

HTML使用嵌入图片

3、在<head></head>中加入字符集说明和标题说明:&盟敢势袂lt;meta charset="utf-8"> <title> 嵌入图片 </title>charset="utf-8"用于指明使用的字符集;<title> 嵌入图片 </title>用于指明文件标题。

HTML使用嵌入图片

4、在<body></body>中写入文件主体,包括超链接、图屡阽咆忌片等:<a href="http://www.芟鲠阻缒baidu.com"> <img src="F:\picture\1467885799657.jpg" alt="嵌入图片"> </a>其中:<a href="....."></a>用于标记超链接的网址,其中的"http://www.baidu.com"可以更换成其他网址;<img src="..." alt="嵌入图片"> 用于嵌入图片,src="..."表示图片位置;alt="..."当图片无法正常显示的时候,代替图片显示文字。

HTML使用嵌入图片

5、将文件保存为HTML格式,并使用浏览器打开。

HTML使用嵌入图片

6、点击图片后,跳转进入百度。制作完成。

HTML使用嵌入图片
  • 电脑QQ个人资料如何设置仅好友可见
  • 数理化生做题技巧与方法怎么写选择题
  • 光与夜之恋实名认证在哪里 怎么实名认证
  • 如何免费开QQ业务
  • 闪艺APP如何开启硬件加速功能
  • 热门搜索
    关于校园安全的手抄报 有关弟子规的手抄报 最漂亮普通话手抄报 快乐阅读手抄报内容 健康教育手抄报内容 国学经典手抄报内容 防新型冠状病毒手抄报 手抄报关于读书 鼠年手抄报 端午节手抄报简单好看