当前位置: ManBetXapp > 百科 > 科技 >正文

HTML网页制作:如何给图片添加超链接

人气:110 ℃ /2023-07-27 16:17:09

操作方法

要给图片添加超链接也很简单,我们在html里先添加一个图片标签,img,

然后用超链接a标签将图片标签包围。

然后再为超链接标签添加href属性,指定链接的目标网址。

如上设置后,就可以了,在浏览器上打开,点击图片就会跳转到对应的网址的。

html网页制作基础

「HTML」从零开始学网页制作

网页是一个包含html标签的纯文本文件

网页制作离不开浏览器制作网页工具

浏览器推荐【谷歌浏览器】或【火狐浏览器】

制作网页工具用电脑自带的【记事本】即可

六步即可学会最基础的网页制作!

第一步

右击桌面,选择新建,选择文本文档

第二步

打开新建的文本文档,输入以下内容(建议照敲一遍)

标题

上面这些内容就是超文本标记语言,也称为HTML,现在HTML已经发展到第五代——HTML5,上面这些HTML5代码是帮助我们写出网页的基础。

第三步

右击文档重命名,修改文件后缀,将文件扩展名修改为.html

什么浏览器打开就会出现什么浏览器图标

如果你看不到文件的扩展名那么就打开此电脑(我的电脑),在菜单栏查看勾选文件扩展名即可。

第四步

双击打开它,你会发现一片空白。

但并不是什么都没有,上图中箭头指的那一串字母就叫URL,也称“统一资源定位器”。因为这个文件只是本地文件,所以它现在的作用是定位你的文件存放位置,显示文档地址,说明文档放在什么地方。

第五步

忍受不了空空的感觉,那么就开始添加一些东西吧!

右击选择打开方式,选择用记事本打开

点击其他应用可以看到记事本

试试看把标题改成“这是一个标题”,按快捷键ctrl s保存

刷新一下浏览器,于是标题就变成了“这是一个标题”

那么我们就可以知道,修改 里面的内容可以改变标题;同时标签是<head>标签中唯一要求包含的东西。</p> <strong>第六步</strong> <p>一鼓作气,再添加一些内容吧!</p> <p>在<body></body>这一对标签里面加上这样一段话:</p> <p><code><p>Hello</p><p>World</p></code></p> <p>然后保存刷新</p> <p><img src="http://i.nibaku.com/uploads/t/3/pgc-image/ffbccc3a27044347a48164db3cab1354.jpg"></p> <p>Hello World</p> <p>恭喜你,你已经学会了最基础的网页制作了。</p> <p><p>这是什么意思呢?</p> <p>这些被称为标签,上面出现尖括号的都属于标签,它们通常都是成对的,由开始标签和结束标签(结束标签加上斜杠)构成一组标签,例如<title>

标签定义段落,我们写文章一般是敲一下回车就换一行,但是网页不一样,你敲多少个回车都是不被识别的。

有志者,事竟成,破釜沉舟,百二秦关终属楚;苦心人,天不负,卧薪尝胆,三千越甲可吞吴!

可以看到上面的一段话,敲多少个回车都没有用,而下面的一段话,用两个

标签就换行了。

搜索更多有关“ HTML网页制作:如何给图片添加超链接”的信息 [百度搜索] [SoGou搜索] [头条搜索] [360搜索]
CopyRight © 2008-2024 ManBetXappAll Rights Reserved. 手机版