如何在网站制作教程中创建图像和链接?
  • 更新时间:2024-05-02 08:29:43
  • 网站建设
  • 发布时间:11个月前
  • 272

上一节,3位村民布置了自己的产品。这一次,第一个村民为了与其他村民竞争,给产品加上了图片。图形网页列表如代码1-3所示。

图形化网页列表

打开记事本,输入以上代码,将文件另存为“img.htm”到桌面,双击“img.htm”文件,显示结果如图1.5所示。

创建图像

提示:此时看不到图片,赶快在网上找一些冬瓜、西瓜、南瓜的图片,然后在桌面新建一个文件夹“images”,把找到的图片放到“images”里文件夹,然后重新打开img。 htm 看看,你可以看看。建站代码分析:给网页添加图片使用img标签。在本例中,img 标签有3 个属性,以空格分隔。 “src”属性指定图片的路径,“width”属性指定图片的宽度。宽度,'height'属性指定图像的高度。

自从第一个村民贴上了冬瓜、西瓜、南瓜的图片,其他村民就纷纷效仿,直到每个人的产品越来越多。一页放不下所有图片。这时,第一个村民研究了几天,决定修改版本。原图与列表页分离。列表仅用于显示产品的名称和描述,并在名称中添加链接。单击名称可查看图片。

第三个村民共有4页源代码。打开记事本,输入代码1-4,将文件另存为“links.htm”到桌面。

带连接的网页links.htm

打开记事本,输入以下代码,将文件命名为'donggua.htm'保存到桌面。

donggua.htm代码

打开记事本,输入以下代码,将文件另存为“nangua.htm”到桌面。

nangua.htm代码

全部保存后,回到桌面,双击“links.htm”文件,浏览器显示结果如图1.6。

页面内容中的冬瓜、西瓜、南瓜都是带颜色加下划线的,表示冬瓜、西瓜、南瓜各有一个链接,点击后会跳转到另一个地方。点击任意链接,如冬瓜,浏览器会跳转到“donggua.htm”,到达“donggua.htm”后,也可以点击“返回列表”链接返回“links.htm”,如如图11.7所示。

链接页面

营销型网站建设代码分析:从一个页面跳转到另一个页面,可以使用链接标签a。在此示例中,a 标记具有属性“href”以指定要访问的页面。有了链接,就不用每次都在浏览器地址栏输入地址,直接点击链接就可以到达想去的地方,就像现在人们使用的互联网一样,一个网站链接到另一个网站网站,另一个网站链接到另一个网站。其他网站最终形成了一个规模不详的网络。

我们专注高端建站,小程序开发、软件系统定制开发、BUG修复、物联网开发、各类API接口对接开发等。十余年开发经验,每一个项目承诺做到满意为止,多一次对比,一定让您多一份收获!

本文章出于推来客官网,转载请表明原文地址:https://www.tlkjt.com/web/12022.html

在线客服

扫码联系客服

3985758

回到顶部