养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

HTML使用嵌入图片

时间:2024-11-12 09:42:08

HTML文件可以包含图片,同时可以给图片设置超链接、代替文字并标记超链接。我们可以使用<img>元素进行相关的操作。

工具/原料

推荐使用notepad++

推荐浏览器使用GoogleChrome

方法/步骤

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

HTML使用嵌入图片

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

HTML使用嵌入图片

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

HTML使用嵌入图片

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

HTML使用嵌入图片

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

HTML使用嵌入图片

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

HTML使用嵌入图片

© 一点知识