1,040
社区成员
发帖
与我相关
我的任务
分享这是我参加“朝问道”知识分享大赛的第四篇分享文章
内容：用记事本为图片创造超链接，使在新窗口打开原图。
效果图：
实验步骤：
新建一个总文件夹，并在里面建立一个“images”文件夹，将实验所用图片保存至“images”文件夹中。在制作网页时，需完成某项设置后即点击保存并用浏览器打开查看效果，以便及时调整。
①打开记事本，将文档以“2.html”格式另存于总文件夹中；
②编写基本的 HTML 结构；
③将title命名为“图片链接”；
④适当插入几个换行标记符<br>，是网页内容达到居中效果；
⑤插入两根水平分隔线，并设置相关宽度属性使之与图片效果契合；
⑥在两根分割线中插入文字“图片链接”，并用<h1>设置居中属性；
⑦在水平分割线下插入三张图片(注意图片格式)，按照原图片宽高比例将三张图片设为相同大小；
⑧分别为三张图片插入超链接属性，且路径都为相对路径，target属性为blank；
⑨将三张图片视为整体，添加<center>属性，以达到整体居中效果；
⑩保存，在浏览器中打开查看网页效果。
代码如下：
<html>
<head>
<title>图片链接</title>
</head>
<body>
<br><br><br><br><br>
<hr width="85% size="1" color=green>
<h1 align="center">图片链接</h1>
<hr size="3" width="85%" color=green>
<center>
<a href=img/001.jpg target=_blank><img src=img/001.jpg width=28% height=33%></a>
<a href=img/002.jpg target=_blank><img src=img/002.jpg width=28% height=33%></a>
<a href=img/003.jpg target=_blank><img src=img/003.jpg width=28% height=33%></a></center>
</body>
</html>
...全文
请发表友善的回复…
发表回复
