学习html5基础--4.链接标签

最新推荐文章于 2024-07-23 20:15:47 发布
最新推荐文章于 2024-07-23 20:15:47 发布
阅读量67 收藏 1
点赞数
分类专栏： html 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48586922/article/details/110150310
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>学习连接标签</title>
</head>
<body>
<!-- 锚链接回到顶部的标记-->
<a name="top"></a>
<!--
href : href后面跟的是网页地址
target : 表示网页的打开方式
_blank : 表示网页在新窗口打开
_self ： 表示在本窗口打开
-->

<a href="1.我的第一个网页.html" target="_blank">点击跳转到页面1</a><br/>
<a href="https://www.baidu.com" target="_self">点击跳转到百度</a><br/>
<a href="https://bbs.nga.cn/thread.php?fid=422">点击跳转到NGA论坛</a><br/>
<a href="https://www.baidu.com">
    <img src="../resources/image/1.jpg" alt="图片名字" title="悬停文字：哥们发现了啥？" width="300" height="300">
</a>

<p><a href="https://www.baidu.com">
    <img src="../resources/image/1.jpg" alt="图片名字" title="悬停文字：哥们发现了啥？" width="300" height="300">
</a></p><p><a href="https://www.baidu.com">
    <img src="../resources/image/1.jpg" alt="图片名字" title="悬停文字：哥们发现了啥？" width="300" height="300">
</a></p><p><a href="https://www.baidu.com">
    <img src="../resources/image/1.jpg" alt="图片名字" title="悬停文字：哥们发现了啥？" width="300" height="300">
</a></p><p><a href="https://www.baidu.com">
    <img src="../resources/image/1.jpg" alt="图片名字" title="悬停文字：哥们发现了啥？" width="300" height="300">
</a></p><p><a href="https://www.baidu.com">
    <img src="../resources/image/1.jpg" alt="图片名字" title="悬停文字：哥们发现了啥？" width="300" height="300">
</a></p><p><a href="https://www.baidu.com">
    <img src="../resources/image/1.jpg" alt="图片名字" title="悬停文字：哥们发现了啥？" width="300" height="300">
</a></p><p><a href="https://www.baidu.com">
    <img src="../resources/image/1.jpg" alt="图片名字" title="悬停文字：哥们发现了啥？" width="300" height="300">
</a></p>



<!-- 锚链接

-->
<a href="#top">回到顶部</a>

<a name="down"></a>






</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>学习图像标签</title>
</head>
<body>

<!-- img图像标签
src : 可以用相对路径和绝对路径，默认用相对路径
alt : 图片名字
-->
<img src="../resources/image/1.jpg" alt="图片名字" title="悬停文字：哥们发现了啥？" width="1024" height="768">
<!-- 跨页面跳转，可以跳转到上面的页面-->
<a href="4.链接标签.html#down">跳转</a>
</body>
</html>
曾梦想仗剑天涯12138
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
学习html5基础--6.表格标签
weixin_48586922的博客
11-26 108
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>学习表格标签</title> </head> <body> <!-- 学习表格标签 行：tr 列：td border:表格线 &nbsp; :空格符号 --> <table border="1px"> <tr&
html5基础第四篇，超链接标签。
前进的蜗牛的博客
09-22 1555
超链接 1.a 必选属性href。超链接显示内容的路径，与图片src的路径语法格式相同.https://mp.csdn.net/postedit/82811876.超链接点击显示内容的情:如果支持,直接显示 如果不支持,变为下载.超链接支持的显示内容html文件,txt文档,图片文件,超链接不支持的类型压缩文件,PHP文件,浏览量不支持的音频,视频文件,PHP文件比较特殊,经过服务器之后,是可...
前端基础---HTML常用标签
luckyboy!的博客
08-11 3536
例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考提示：这里对文章进行总结：例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。...............
HTML5概述 - 语义化标签
前端队长Daotin
11-20 6581
一、HTML5 简介1、什么是 HTML5HTML5 不是一门新的语言，而是我们之前学习的 HTML 的第五次重大修改版本。2、HTML 的发展历史•超文本标记语言（第一版，不叫 HTML 1.0）——在 1993 年 6 月作为互联网工程工作小组（IETF）工作草案发布（并非标准）；•HTML 2.0——1995 年 11 月作为 RFC 1866 发布，在 RFC 2854 于 2000 年 ...
HTML5常用基础标签
weixin_53414403的博客
05-11 3400
HTML5中的标签众多，有时新手刚入门前端很容易步入误区，即想要一把抓掌握所有的知识，其实全部掌握效果不尽人意，相反会让我们学习受挫，效率低下，因此“片面”的学习有助于我们提高学习效率等，对于一些不常用的标签或者知识即查即用。因此都是有哪些常用的基础HTML5标签呢？快来看看吧！ 1.首先是一些重要的文本标签，辟如<div>、<span>、<p>、<h1-h6>、<br>、<hr>、<pre>等等 以下是依据官方解释以及
Kung-Fu-Master.github.io:个人博客
03-27
4. **图片和媒体文件**：如`.jpg`、`.png`、`.gif`或`.mp4`，用于增强网页的视觉体验。 5. **字体文件**：如`.ttf`或`.woff`，用于自定义网页的字体样式。 6. **图标文件**：如`.svg`或`.ico`，用于网站的图标和...
(完整word版)HTML标签-按功能分类.doc
11-15
7. **链接标签**： - `<a>`：定义超链接，链接到其他页面或资源。 - `<link>`：定义文档与其他资源的关系，如CSS样式表。 - `<nav>`：定义主要的导航链接。 8. **列表标签**： - `<ul>`：无序列表。 - `<ol>`...
Boolean-Cats.github.io:布尔猫组合
05-25
HTML基础知识： 1. 结构与标记：HTML由一系列元素组成，每个元素由起始标签（例如`<p>`）和结束标签（例如`</p>`）构成，用于包裹网页内容。这些标签定义了内容的类型，如段落（`<p>`）、标题（`<h1>`至`<h6>`）等。...
某马机构----HTML常用标签.rar
09-28
2. **链接标签**：`<a>`创建超链接，通过`href`属性指定目标URL，`target`属性可以设定打开链接的方式，如新窗口 `_blank` 或当前窗口 `_self`。 3. **图像标签**：`<img>`用于插入图片，`src`属性指定图像源，`alt...
30节--HTML基础笔记.rar
02-02
4. **链接与导航**：`<a>`标签用于创建超链接，通过`href`属性指定目标URL，`target`属性可以设定新窗口打开链接。 5. **图片插入**：`<img>`标签插入图片，`src`属性指向图片源，`alt`属性提供文字替代，以供无法...
HTML进阶：表格、表单与布局基础
WayneYalejk的博客
07-18 198
在掌握了HTML的基础知识之后，接下来我们将探索一些进阶内容，包括如何使用HTML创建表格、表单以及进行基本的网页布局。
黑马JavaWeb企业级开发（知识清单）01——前端介绍，HTML实现标题：排版
apple_68589597的博客
07-21 987
本篇文章是2023年最新黑马JavaWeb企业级开发（知识清单）01：前端介绍、html实现标题格式内容的总结，帮助需要学习Web开发的朋友温故而知新。
[HTML]一文掌握
CSDN20221005的博客
07-21 831
场景：在网页的底部导航中通常会用到。语法：dl>dt>dd特点：dd前会默认显示缩进效果注意：dl中只允许包含dt/dd标签dt/dd中可以包含任意内容。
使用PicGo操作gitee图床(及web端html不能访问图片的解决办法)
weixin_68658847的博客
07-20 1076
使用PicGo操作gitee图床(及web端html不能访问图片的解决办法)
第2节课：文本内容与格式化——HTML中的文本处理技巧
学问小小谢的技术博客
07-20 1352
文本内容与格式化是HTML中的重要组成部分。通过本节课，我们学习了如何使用HTML标签来创建和格式化文本，包括段落、标题、加粗、斜体、下划线以及列表。这些技能是每个网页开发者的基础，掌握它们将帮助你创建出结构良好、易于阅读的网页。继续探索和实践，你将能够不断提升你的网页设计能力。
HTML启动本地EXE的通用方法
07-22 679
HTML启动本地应用的解决方案
HTML(五）——HTML区块，布局
最新发布
m0_62701594的博客
07-23 297
HTML可以通过 <div> 和 <span>将元素组合起来，可以来布局，就是盒子，div是块级盒子，里面 可以放任何东西，span里面装的是文本。
HTML进阶：探索语义化标记与可访问性优化
2301_79375313的博客
07-19 527
随着Web技术的不断发展，HTML不再仅仅是用来定义网页内容的标记语言，它还被赋予了更多的责任，如提高网页的可读性、可维护性和可访问性。语义化标记（Semantic Markup）和可访问性优化（Accessibility Optimization）是HTML进阶学习中的两个重要方面。本文将深入探讨这两个话题，帮助您提升HTML编程的水平。
用HTML做python教程02
2401_82944012的博客
07-20 822
用HTML做python教程02前言上次的代码正文最后 前言 我们上次用HTML做了一个python教程关于数据类型和print()python的内置函数，上次留了个小尾巴，这次补上 上次的代码 上次最后将了响应式，或者说是自适应，具体代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="wi
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值