HTML使用嵌入图片

2025-09-24 12:05:15

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>中加入字符集说明和标题说明：

charset="utf-8"用于指明使用的字符集;<title> 嵌入图片 </title>用于指明文件标题。

HTML使用嵌入图片

4、在<body></body>中写入文件主体，包括超链接、图片等：

其中：<a href="....."></a>用于标记超链接的网址，其中的"http://www.baidu.com"可以更换成其他网址；<img src="..." alt="嵌入图片"> 用于嵌入图片，src="..."表示图片位置；alt="..."当图片无法正常显示的时候，代替图片显示文字。

HTML使用嵌入图片

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

HTML使用嵌入图片

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

HTML使用嵌入图片

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。