HTML文件可以包含图片,同时可以给图片设置超链接、代替文字并标记超链接。我们可以使用<img>元素进行相关的操作。
工具/原料
推荐使用notepad++
推荐浏览器使用GoogleChrome
方法/步骤
1、打开notepad++,新建一个HTML类型文件,并写入:<!doctypehtml><html></html>此语句表明HTML的开始和结束位置
2、在<html>和</html>之间加入<head&g隋茚粟胫t;和<body>:<head>媪青怍牙</head><body></body><head></head>用来标记HTML中的说明部分,<body></body>用来标记HTML主体部分。
3、在<head></head>中加入字符集说明和标题说明:&盟敢势袂lt;metacharset=&quo墉掠载牿t;utf-8"> <title>嵌入图片</title>charset="utf-8"用于指明使用的字符集;<title>嵌入图片</title>用于指明文件标题。
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="..."当图片无法正常显示的时候,代替图片显示文字。
5、将文件保存为HTML格式,并使用浏览器打开。
6、点击图片后,跳转进入百度。制作完成。