1 在html网页中如何插入图片

在编写的网页中插入图片, 可以使浏览网页的用户获得更好的体验结果, 那么如
安在网页中插入一个图片那, 本年夜神就来给大师具体讲解下, 在网页中若何插入
一张图片 。

需要这些哦
windows记事本(肆意一个版本即可)
Sublime(也是一种记事本)
肆意一个浏览器即可(这里利用Google Chrome浏览器)
方式/
11.如图所示, 我们新建一个记事本, 并将记事本的名字改为“插入图片.html”
, 并回车键确定, 以使文件转化为浏览器可以打开的html网页文件 。

1 在html网页中如何插入图片

文章插图

22..如图所示, 我们在这个html文件上鼠标右击, 在弹出的下拉列表中, 我们依
次选择“打开体例(H)”再选择“选择默认法式(C)...”然后鼠标点击确定
打开此项 。

1 在html网页中如何插入图片

文章插图

33..如图所示, 在这个选择法式的对话框中, 我们选择“Sublime Test”这个程
序, 打开这个html文件 。

1 在html网页中如何插入图片

文章插图

44..如图所示, 我们输入html5的声明标签为—<!DOCTYPE html>, 以告诉浏览器
我们编写的是一个html5的网页 。

1 在html网页中如何插入图片

文章插图

55.如图所示, 我们依次先用<html>这个标签包住网页的本家儿体, 这个是必需的 。

1 在html网页中如何插入图片

文章插图

66..如图所示, 我们接下来我们在里面依次编写html5网页的头部标签—
<head></head>这一对标签 。

1 在html网页中如何插入图片

文章插图

77如图所示, 我们再编写本家儿体部门的标签—<body>和</body> 。 (html标签一般
是当作对呈现的好比:<head>和</head>这一对 。 )

1 在html网页中如何插入图片

文章插图

88.如图所示, 我们先插入一个<title>标签, 为这个网页设置一个题目, 题目为
“插入图片” 。

1 在html网页中如何插入图片

文章插图

99.如图所示, 我们为了时我们的网页在各浏览器中不呈现乱码问题, 我们设置我
们网页的编码体例为utf-8, 如许就可以避免呈现乱码的问题(utf-8为万国码,
可以几乎编码息争码地球上所有的文字) 。

1 在html网页中如何插入图片

文章插图

1010.如图所示, 我们写一个<img>标签用于插入图片, 在src属性中写入图片的地址
, 在alt中写入这个图片的描述 。 <img />是自竣事标签 。 (标签格局一般是:<

推荐阅读