(一)说明模块

HTML链接用法------三种属性:
*      href属性:指定跳转目标,也就是指定需要打开的链接地址,是必须存在的,不可缺省的
*      target属性:指定链接标签的弹出方式(默认为"_self"是指在本页面弹出跳转界面,"_blank"是指在新窗口打开界面),可以缺省(自动为默认值)
*      title属性:指定此链接的介绍信息*      分割线的实现:<hr align="center" width="200" color="#aa00ff" size="5"> ---→ align设置线条位置(left靠左、right靠右、center居中)

在使用html链接时,href是必不可少的,不可或缺的,不可以省略它,存在的主要目的是跳转到我们想要跳转的某个地方;target是指定链接的弹出方式,弹出方式有两种,第一种是"_self",是在自身存在的页面弹出窗口,不会新建一个窗口弹出你指定的弹出链接,第二种是"_blank",是指在除本身之外的窗口在弹出一个新的窗口显示编写者指定的链接内容,可以缺省,如果缺省,则会默认使用了"_self"弹出方式;title是介绍链接的内容,不会在窗口中显示,是可以省略的。

关于分割线的介绍已经在上面说明了,在此就不过多赘述了。

(二)代码模块

<!--/* ============================================================================= *\
*    Author                      : 星·回
*    Filename                    : test_1.html
*    Create Date                : 2023/01/15
*    Revision【修订】            : 1.0
*    Additional Comments【备注】 :
*      HTML链接用法------三种属性:
*      href属性:指定跳转目标,也就是指定需要打开的链接地址,是必须存在的,不可缺省的
*      target属性:指定链接标签的弹出方式(默认为"_self"是指在本页面弹出跳转界面,"_blank"是指在新窗口打开界面),可以缺省(自动为默认值)
*      title属性:指定此链接的介绍信息
*      分割线的实现:<hr align="center" width="200" color="#aa00ff" size="5"> ---→ align设置线条位置(left靠左、right靠右、center居中)
\* ============================================================================= */-->
<!DOCTYPE html>
<html><head><!--<meta charset="utf-8">---------------><title>星回</title></head><body><!-------仅使用href的情况---------><br /><p><a href="../code/test_1.html">此文本</a>是一个指向星回文本格式化的页面链接。</p><p><a href="http://www.baidu.com">百度</a>此文本是指向百度的页面。</p><br><hr><!-------href+target的情况---------><br /><p><a href="../code/test_1.html" target="_self">此文本</a>是一个指向星回文本格式化的页面链接。</p><p><a href="http://www.baidu.com" target="_blank">百度</a>此文本是指向百度的页面。</p><br><hr align="center" width="200" color="#aa00ff" size="5">    <!--align设置线条位置(left靠左、right靠右、center居中)--><!-------href+target+title的情况---------><br /><p><a href="https://www.bilibili.com/video/BV1rS4y1X7Wo/?spm_id_from=333.337.search-card.all.click" target="_blank" title="点击跳转到哔哩哔哩">数学</a>此文本指向哔哩哔哩中的一个网站。</p><p><a href="https://www.csdn.net" target="_blank" title="点击跳转到CSDN首页">CSDN</a>此文本指向访问CSDN页面。</p><br><hr width="500" align="center" color="#ff0000" size="6"><!---------创建图片链接---------><p>创建图片链接                    <br><a href="https://pic.netbian.com/tupian/30892.html"><!----无边框-----><img border="0" src="../code/img/春.png" alt="彼岸" width="32" height="32"><br></p><p><a href="https://pic.netbian.com/tupian/30892.html"><!----有边框-----><img border="5" src="../code/img/春.png" alt="彼岸" width="32" height="32"></p><hr align="center" width="200" color="#aa00ff" size="5"><!-------当前页面中的指定-------><br /><p><a href="#C1">词1</a>            <br><a href="#C2">词2</a>            <br><a href="#C3">词3</a>            <br><a href="#C4">词4</a>            <br><a href="#C5">词5</a>            <br><a href="#C6">词6</a>            <br><a href="#C7">词7</a>            <br><a href="#C8">词8</a>            <br><a href="#C9">词9</a>            <br><a href="#C10">词10</a>           <br></p><h2><a id="C1">词1</a></h2><p>阳关万里道,不见一人归。唯有河边雁,秋来南向飞。</p><h2><a id="C2">词2</a></h2><p>溪上残春黄鸟稀,辛夷花尽杏花飞。始怜幽竹山窗下,不改清阴待我归。</p><h2><a id="C3">词3</a></h2><p>浪花有意千重雪,桃李无言一队春。</p><h2><a id="C4">词4</a></h2><p>凋悴缘何事,青青忆旧丛。有枝撑夜月,无叶起秋风。暑路行人惜,寒巢宿鸟空。倘留心不死,嘘拂待春工。</p><h2><a id="C5">词5</a></h2><p>疏雨池塘见,微风襟袖知。阴阴夏木啭黄鹂。何处飞来白鹭立移时。易醉扶头酒,难逢敌手棋。日长偏与睡相宜,睡起芭蕉叶上自题诗。</p><h2><a id="C6">词6</a></h2><p>一身转战三千里,一剑曾当百万师。</p><h2><a id="C7">词7</a></h2><p>飒飒西风满园栽,蕊寒香冷蝶难开。他年我若为青帝,报与桃花一处开。</p><h2><a id="C8">词8</a></h2><p>况是青春日将暮,桃花乱落如红雨。</p><h2><a id="C9">词9</a></h2><p>坠素翻红各自伤,青楼烟雨忍相忘。将飞更作回风舞,已落犹成半面妆。沧海客归珠有泪,章台人去骨遗香。可能无意传双蝶,尽付芳心与蜜房。</p><h2><a id="C10">词10</a></h2><p>星回昭以灿,天行徐且溢。</p></body>
</html>

(三)效果图

(四)总结

html文件可以正常运行和显示,当点击“此文本”时会链接到我自己编写的html中,当点击“百度”时会打开百度界面首页,图片创建链接中,第一个是不带边框的链接,第二个是带边框的链接。

分割线其实就是直线的实现或者线段的实现。

下面的链接是我的源代码,包括文本格式化源代码和本次html链接与分割线,以及在编写代码中涉及到的相关图片,在img文件夹中可以找到。

https://download.csdn.net/download/weixin_53509627/87387355?spm=1001.2014.3001.5503

HTML链接(详细)与分割线(部分)相关推荐

  1. HTML_超级链接详细讲解

    HTML 超级链接详细讲解: http://www.jb51.net/web/10637.html 以上这篇简单易懂,30min全部看完,很好的html入门,主要讲了超级链接,以下是练习部分代码: & ...

  2. 使用IIS将APK生成下载链接详细步骤

    使用IIS将APK生成下载链接详细步骤 1. Ctrl+s 搜索IIS 2 .设置网站 地址为下图 点击新建,加上扩展名,.apk 然后下面类型写 application/vnd.android.pa ...

  3. 在html中超链接_HTML 超级链接详细讲解

    超级链接 超级链接是网站中使用比较频繁的HTML元素,因为网站的各种页面都是由超级链接串接而成,超级链接完成了页面之间的跳转.超级链接是浏览者和服务器的交互的主要手段,在后面的技术中会逐步深化学习. ...

  4. HTML 超级链接详细讲解

    超级链接 超级链接是网站中使用比较频繁的HTML元素,因为网站的各种页面都是由超级链接串接而成,超级链接完成了页面之间的跳转.超级链接是浏览者和服务器的交互的主要手段,在后面的技术中会逐步深化学习. ...

  5. HTML超级链接详细讲解

    超级链接是网站中使用比较频繁的HTML元素,因为网站的各种页面都是由超级链接串接而成,超级链接完成了页面之间的跳转.超级链接是浏览者和服务器的交互的主要手段,在后面的技术中会逐步深化学习. -  注意 ...

  6. 软链接与硬链接 详细讲解

    1.链接作用 软链接与硬链接是用来干什么的呢? 为解决文件的共享使用,Linux 系统引入了两种链接:硬链接 (hard link) 与软链接(又称符号链接,即 soft link 或 symboli ...

  7. 详细分析本机号码一键登录原理

    详细分析本机号码一键登录原理! 很多 APP 的目前都支持「本机号码一键登录」功能.本机号码一键登录是基于运营商独有网关认证能力推出的账号认证产品.用户只需一键授权,即可实现以本机号码注册/登录,相比 ...

  8. 如此简单 | ElasticSearch 最全详细使用教程

    点击上方"朱小厮的博客",选择"设为星标" 后台回复"书",获取 来源:r6a.cn/cyJw 本文介绍了ElasticSearch的必备知 ...

  9. c++定义一个动态全局变量_静态链接与动态链接的宏观概述及微观详解

    静态链接与动态链接的宏观概述及微观详解 第一部分 宏观概述 1. 静态链接 静态链接就是在程序运行前,链接器通过对象文件中包含的重定位表,完成所有重定位操作,并最终形成一个在运行时不需要再次进行依赖库 ...

  10. ElasticSearch最全详细使用教程:入门、索引管理、映射详解

    墨墨导读:本文介绍了ElasticSearch的必备知识:从入门.索引管理到映射详解. 一.快速入门 1. 查看集群的健康状况http://localhost:9200/_cat http://loc ...

最新文章

  1. Java 面向对象编程、jQuery、JavaScript、servlet、javabean----理论知识
  2. 一些对制作网站有帮助的站点
  3. sqlitepython导入数据_python从sqlite读取并显示数据的方法
  4. Linux文件系统中文版,Linux 文件系统-Go语言中文社区
  5. 深度操作系统 15 发布 —— 不忘初心,追逐梦想
  6. ML之PPMCC:PPMCC皮尔逊相关系数(Pearson correlation coefficient)、Spearman相关系数的简介、案例应用之详细攻略
  7. helm添加仓库命令:helm repo add带用户名密码
  8. 获取linux服务器基本信息脚本
  9. 机器学习笔记(七):神经网络:表示
  10. WPF编程,将控件所呈现的内容保存成图像的一种方法。
  11. 三年蜜罐实验:黑客想从物联网设备中得到什么?
  12. docker 关闭所有容器_软件安全 : Docker逃逸详解
  13. 操作系统—覆盖与交换
  14. iOS 数组与字符串的相互转化
  15. [导入]+ADO.NET读书笔记系列 一+
  16. TVS管选型详细流程
  17. 使用VMware10虚拟机安装Linux系统(能力工场)
  18. 无法使用计算机名访问共享,局域网内无法用计算机名访问共享的解决办法
  19. Python调用Rasa API服务进行连续对话
  20. java类注释格式模板

热门文章

  1. STM32基础知识(一)
  2. 后台推广数据下载处理导入数据库
  3. PHP字符串格式化特点和漏洞利用点
  4. 【寒假训练/Java】搜索专题
  5. _TCHAR在java中怎么用_char 与 TCHAR之间转换
  6. TCHAR 对应的字符串处理函数
  7. swing ui主题_美丽的令人震撼的swing界面!
  8. moment.js格式化时间常用方法
  9. c语言中的sleep(time),c语言中sleep的用法
  10. 线程休眠 (sleep)