手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

怎么编写点击图像可以跳转的网页

时间:2024-10-15 12:55:18

1、为了方便说明,我们在桌面上新建一个记事本,名字自己随便修改;找到一张你喜欢的图片,也放在桌面上。

怎么编写点击图像可以跳转的网页

2、把记事本的后缀由“.txt”修改为“.html”,回车,然会它会跳出来提示,点击“是”。(如图)

怎么编写点击图像可以跳转的网页

3、然后我们右键点击记事本,选“打开方式”,再选“记事本”。打开的这个界面,就是我们要写内容的地方。

怎么编写点击图像可以跳转的网页

4、网页的基础代码是<html> <head> </head> <b泠贾高框ody> </body></html>其中,<body>中间放置网页上能看到内容</body>,所以我们要把图片放置的位置是在这中间。写完后,右键点击记事本,选择“打开方式”,再选择一个你习惯用的浏览器。恭喜你,你已经写出来一个空白的网页了!~

怎么编写点击图像可以跳转的网页
怎么编写点击图像可以跳转的网页

5、加入图片的代码是这样的: <img src="图屡阽咆忌片名">这里注意下,图片名字一定要带上后缀,不然完成的页面是不讵畿缤耒会显示出图片来的。你刷新下刚才打开的页面,图片也会神奇地出现。我加入我的图片,位置和效果如下图:

怎么编写点击图像可以跳转的网页
怎么编写点击图像可以跳转的网页

6、能够跳转的代码是“超链接”,或者我们也叫“a标签”,它是一个双标记,所以要前后要写上两遍,后面的加上“/”。如:<a>图片媪青怍牙</a>。超链接是a标签的一个属性,这么写的:<a href="链接到的地址">图片</a>我把图片链接到百度首页,写出来就是这样的:<html> <head> </head> <body> <a href="http://www.baidu.com" ><img src="站起来更刚强.jpg"></body></html>保存下你的记事本,刷新下刚才打开的网页,再点击图片,就会跳转了。

怎么编写点击图像可以跳转的网页
怎么编写点击图像可以跳转的网页
© 手抄报圈