Day4_HTML+CSS+JS——a标签

最新推荐文章于 2020-03-23 15:40:44 发布

Android_la

最新推荐文章于 2020-03-23 15:40:44 发布

阅读量104

点赞数

分类专栏： HTML+CSS+JS 文章标签： HTML+CSS+JS

本文链接：https://blog.csdn.net/qq_40634846/article/details/99082047

版权

HTML+CSS+JS 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

一. 储备知识

a标签：可以将内部的文本变成具有超链接能力的文本

href属性：a标签必不可少的属性，hypertext reference，可以指定超链接被点击时跳转的页面的路径（相对路径）
target属性：设置打开新页面的方式

默认是_self，在当前标签中直接打开新页面
_blank，新创建空白的标签打开新页面

二. 例子

项目的目录结构如下图所示：
在这里插入图片描述
indxe.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
      <a href="../插入图片/hello.html" target="_blank">点击看我女神读书</a>
</body>
</html>

hello.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
      <table border="1">
           <tr>
               <td><img src="img/girl01.jpg" width="280px" alt="读书时的女神" title="读书时的女神"></td>
               <td><img src="girl02.jpg" width="280px" alt="读书时的女神" title="读书时的女神"></td>
               <td><img src="../girl03.jpg" width="280px" alt="读书时的女神" title="读书时的女神"></td>
           </tr>
           <tr>
               <td align="center"><h5>girl01.jpg,这是同级目录文件夹下的文件</h5></td>
               <td align="center"><h5>girl02.jpg，这是同级目录下的文件</h5></td>
               <td align="center"><h5>girl03.jpg，这是上一级目录下的文件</h5></td>
           </tr>
      </table>
      
</body>
</html>

效果图如下：
在这里插入图片描述

Android_la

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Day4_HTML+CSS+JS——a标签

一. 储备知识a标签：可以将内部的文本变成具有超链接能力的文本href属性：a标签必不可少的属性，hypertext reference，可以指定超链接被点击时跳转的页面的路径（相对路径）target属性：设置打开新页面的方式默认是_self，在当前标签中直接打开新页面_blank，新创建空白的标签打开新页面二. 例子项目的目录结构如下图所示：indxe.html<!...
复制链接

扫一扫

专栏目录