你看我像不像学HTML的人(五)——链接标签、注释和特殊字符

HTML的路径和链接、注释、特殊字符 学习目标: 提示:这里可以添加学习目标 例如:一周掌握 Java 入门知识 学习内容: 提示:这里可以添加要学的内容 例如: 1、 搭建 Java 开发环境 2、 掌握 Java 基本语法 3、 掌握条件语句 4、 掌握循环语句 学习时间: 提示:这里可以添加计划学习的时间 例如: 1、 周一至周五晚上 7 点—晚上9点 2、 周六上午 9 点-上午 11 点 3、 周日下午 3 点-下午 6 点 学习产出: 提示:这里统计学习计划的总量 例如: 1、 技术笔记 2 遍 2、优快云 技术博客 阅读详情

一 . 超链接标签

     在HTML标签中,<a>标签用于定义超链接,作用是从一个页面链接到另一个页面。

     1. 链接的语法格式

<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>

      单词anchor的缩写,意为:锚。

      两个属性的作用如下:

属性作用
href用于指定链接目标的url地址,(必须属性)当为标签应用href属性时,它就具有了超链接的功能。
target

用于指定链接页面的打开方式,其中_self为默认值,_blank为在新窗口中打开方式。

 代码回家补充

     2. 链接的分类

      (1)外部链接,例如<a href="http://www.tencent.com">腾讯</a>

               外部链接必须以http://开头。

      (2)内部链接:网站内部页面之间的相互链接,直接链接内部页面名称即可,例如<a href="index.html">首页</a>

      (3)空链接:如果当时没有确定链接目标时,<a href="#">首页</a>

      (4)下载链接:如果href里面地址是一个文件或者压缩包,会下载这个文件。

               下载链接:地址链接的是文件 .exe 或者是 zip等压缩包的形式

      (5)网页元素链接:在网页中的各种网页元素,如文本、图像、表格、音频、视频等都可以添加超链接。

      (6)锚点链接:我们点击链接,可以快速定位到页面中的某个位置。

               a. 在链接文本的href属性中,设置属性值为#名字的形式,如<a href="#two">第2集</a>

               b. 找到目标位置标签,里面添加一个id属性 = 刚才的名字,如<h3 id="two">第2集介绍</h3>

 代码回家补充

二 .注释和特殊字符

      1. 注释

          如果需要在HTML文档中添加一些便于阅读和理解但又不需要显示在页面中的注释文字,就需要使用注释标签。

          HTML中的注释以"<!--" 开头,以"-->"结束。

<!-- 注释语句 -->      快捷键: Ctrl+ /

          一句话:注释标签里面的内容是给程序员看的,这个代码是不执行不显示到页面中的。 

          添加注释是为了更好地解释代码的功能,便于相关开发人员理解和阅读代码,程序是不会执行注释内容的。

      2. 特殊字符

          在HTML页面中,一些特殊的符号很难或者不方便直接使用,此时我们就可以使用下面的字符来替代。

特殊字符描述字符的代码
 空格符&nbsp;
<大于号&lt;
>小于号&gt;
&和号&amp; 
¥人民币&yen;
©版权&copy;
®注册商标&reg;
°摄氏度&deg;
±正负号&plusmn;
×乘号&times;
÷除号&divide;
²平方2(上标2)&sup2;
³立方3(上标3)&sup3;

          重点记住:空格、大于号、小于号这三个,其余的使用很少,如果需要回头查阅即可。

 代码回家补充

三 .综合案例

 代码回家补充,回家看

若依框架实战:Java健身房管理系统源码解析与高并发改造 健身房管理系统是典型业务复杂、数据强一致、高并发敏感的企业级Java应用,其核心涉及会员多卡融合、课程预约冲突控制、器械实时状态管理及财务日结等关键场景。基于若依框架的二次开发,不仅可快速构建RBAC权限体系与代码生成能力,更需深入理解事务隔离、乐观锁/行锁选型、MySQL触发器校验、存储过程报表生成等工程实践要点。本系统以Spring Boot 2.7单体架构落地真实门店需求,兼顾毕业设计可交付性与生产环境可靠性,为Java开发者提供从‘能跑通’到‘真可用’的完整技术闭环,尤其适合作为若依二次开发、Jav 阅读详情

相关推荐

SpringBoot+Vue+Mysql社区医院信息平台(源码+文档)

SpringBoot+Vue+Mysql学生宿舍信息管理系统 WEB端软件项目(源码+文档) 项目包含:①完整源码(后端+管理后台+用户前台);②数据库脚本文件;③万字论文文档;④开题报告;⑤答辩PPT;⑥项目运行视频教程。 项目架构: B/S 架构、MVC 分层设计 技术栈: Java、MySQL、SpringBoot、MyBatis-Plus、Token 权限校验、管理后台 Vue+ElementUI+ECharts、用户前台 Layui+jQuery、Maven 构建。 一、角色设计 学生用户: 注册登录、浏览宿舍信息、查询宿舍安排、在线报修、缴费查询、失物招领、桶装水预订、评论交流、收藏等。 商家用户: 注册登录、桶装水品牌与商品信息维护、预订订单查看与处理。 维修人员: 注册登录、查看待处理报修、接单维修、填写报修处理结果与进度反馈。 管理员: 学生管理、班级管理、宿舍信息管理、宿舍安排管理、报修处理管理、缴费信息管理、卫生检查与文明宿舍管理、失物招领管理、桶装水与商家管理、维修人员管理、公告资讯与轮播图管理等。 二、前台功能模块(学生端) 1. 首页展示:轮播图、宿舍公告、最新动态推荐、常用服务快速入口 2. 宿舍信息模块:宿舍列表、楼栋与房间条件筛选、宿舍详情查看、我的宿舍安排查询 3. 在线报修模块:在线提交宿舍设施报修申请、上传故障描述、查看报修进度与维修处理结果 4. 缴费模块:水电等缴费记录查询、缴费状态查看 5. 卫生检查与文明宿舍:宿舍卫生检查结果公示、文明宿舍展示 6. 失物招领模块:失物信息发布、招领信息发布、详情查看、评论互动 7. 桶装水预订:桶装水品牌与商品浏览、在线预订、我的预订记录查询 8. 假期留宿:假期留校申请提交、申请记录查询 9. 评论与收藏:信息评论、查看他人评论、评论回复互动、收藏感兴趣的内容 10. 个人中心...

JavaScript浏览器对象之location对象

前言 JavaScript浏览器对象:window对象 window对象是ECMAScript中规定的Global(全局)对象的显式对象,因为Global对象相对情况下是隐式存在的。 通过JS引用可以对浏览器窗口进行访问、操作的一个接口,属于BOM浏览器对象模型中的常用对象之一。如下就window对象控制URL的location对象进行摘要解析: 摘要 一、Location对象方法 简介: Loc...

qq_41890503的博客 1059

YOLOv8作物病害检测实战源码

这是一套基于YOLOv8n的农田病虫害目标检测系统,对叶片照片做目标检测,识别健康叶片、褐斑病、白粉病、锈病四类,并给出对应防治建议。全流程纯CPU可跑,配套交付完整Python源码、9章实战教程(md/html/pdf三种格式)、100张自造样本及YOLO标签、训练曲线与混淆矩阵截图、Tkinter界面和答辩PPT。 系统围绕五项功能展开:同一套推理逻辑覆盖图像、视频、摄像头三种来源;图形界面选文件即检测,画面叠彩色框标注病名与置信度,右侧面板同步给出症状与防治措施;检测记录自动写入CSV,统计页一键生成四类病害占比饼图;训练结束自动产出损失与精度曲线;内置防治建议文案库,检测命中即回填面板。 选型用YOLOv8n nano档,参数量约320万、权重约6.2MB,CPU单帧几十毫秒,小样本训练5到8分钟完成。数据由data_gen.py程序化绘制100张叶片图,固定随机种子,重跑分布一致,不依赖公开数据集。依赖全部锁版本,教程第7章整理了19条真实报错及排查方法,第8章给出换模型档、换PlantVillage数据集的迁移路径。 适合做计算机视觉方向课程设计或毕业设计的学生,也适合智慧农业方向想了解检测模型如何落进业务面板的学习者。不需要GPU,不需要系统学过目标检测,教程第3章会按需补齐原理。 使用时先pip install -r requirements.txt装好依赖,download_data.py下载预训练权重,data_gen.py生成样本后train.py训练,完成后用main.py infer批量检测或main.py gui启动界面。

小tip: 外链地址网站标志图标API应用

2019独角兽企业重金招聘Python工程师标准>>> ...

weixin_33737134的博客 308

数据挖掘实战:决策树 + 聚类 + 关联规则,零 Key 离线可跑(Python 源码)

数据挖掘实战包。用 Python 标准库实现 CART 风格决策树、K-Means 聚类与 Apriori 关联规则,在虚构「星河便利店」会员表和购物篮上跑通分类、分群与购物篮分析,并给出准确率、轮廓系数、支持度/置信度/提升度。零第三方依赖、零 API Key 即可离线跑通。含 4 个样例、离线冒烟、中文 README(含「使用方法」)。均为作者原创可运行源码。MIT。作者 blog.youkuaiyun.com/mtl1994

科技中介服务机构在技术供需对接中如何实现服务流程的自动化与标准化?.docx

科技中介服务机构在技术供需对接中如何实现服务流程的自动化与标准化?

导入外部样式表

1:使用<link>标签导入 使用<link>标签导入外部样式表文件: <link href="001.css" rel="stylesheet" type="text/css" />        其中href属性设置外部样式表文件的地址,可以用相对地址,也可以用绝对地址。rel属性定义该...

路虽远,行则必至! 4965

产业园区如何高效对接企业技术需求与高校科研成果?.docx

科易网基于AI模型+行业大数据,在技术转移、成果转化、技术经纪、知识产权、产业创新、科技招商等垂直领域的多样化应用场景,推出科技创新领域的AI+工具与数智化解决方案,推动科技创新与产业创新智能化发展。

超链接标签,注释与特殊字符,列表 与 表格,

</ul>中只能嵌套<li></li>,直接在<ul></ol>中只能嵌套<li></li>,直接在<ol>

2402_84987408的博客 1106

国央企创新负责人如何快速掌握本地科技资源分布与匹配情况?.docx

科易网基于AI模型+行业大数据,在技术转移、成果转化、技术经纪、知识产权、产业创新、科技招商等垂直领域的多样化应用场景,推出科技创新领域的AI+工具与数智化解决方案,推动科技创新与产业创新智能化发展。

国央企创新负责人如何实现科技成果的精准识别与高效筛选?.docx

科易网基于AI模型+行业大数据,在技术转移、成果转化、技术经纪、知识产权、产业创新、科技招商等垂直领域的多样化应用场景,推出科技创新领域的AI+工具与数智化解决方案,推动科技创新与产业创新智能化发展。

jsp 页面链接(注解:指a标签的超链接)乱码问题及其解决办法

最近遇到一个很奇怪的问题,就是超链接 后面的参数带有中文的话,在取得这个参数的页面(即目的页)会出现中文乱码问题,具体解决办法参照了一篇帖子的内容,很受益,具体用到的部分就是:URLEncoder.encode(param,"UTF-8") -------------------------------------------------------------- 困扰已久的乱码问题终

rave..juine 5296

高校技术转移办公室人员如何系统化管理科技成果信息?.docx

科易网基于AI模型+行业大数据,在技术转移、成果转化、技术经纪、知识产权、产业创新、科技招商等垂直领域的多样化应用场景,推出科技创新领域的AI+工具与数智化解决方案,推动科技创新与产业创新智能化发展。

Web前端开发笔记5——链接、锚点链接、注释及特殊字符

在此之前,我们需要先搞明白什么是相对路径和绝对路径。 1.超链接标签<a>,用法: <a href=''跳转目标'' target=''目标窗口弹出方式''>文本或图像</a> href属性,用于指定链接目标的url地址。 target属性,用于指定链接的打开方式,其中_self为默认值,_blank为在新窗口中打开方式。 ...

DRLDER的博客 825

Sparse4Dv3 代码复现

打包数据集的元信息和标签,并生成所需的.pkl文件。最后还输出了很多跟踪相关的东西...然后通过K-means生成锚点。编译可变形聚合CUDA算子。安装motmetrics。

m0_60857098的博客 4487

清华开源GPGPU“承影Ventus”初体验:用RISC-V RVV指令集跑通第一个OpenCL程序

本文详细介绍了清华大学开源GPGPU“承影Ventus”的开发实践,展示了如何基于RISC-V RVV指令集运行首个OpenCL程序。从环境配置、内核开发到性能优化,全面解析了这一创新架构的开发流程,为开发者提供了在RISC-V生态中进行通用GPU计算的实用指南。

weixin_30415113的博客 490

HTML——锚点标签,注释标签和特殊字符

HTML——锚点标签,注释标签和特殊字符 锚点标签 作用:点击链接,可快速定位到该页面某个位置 方法: 使用<a href="#id名">链接文本</a>创建链接文本(被点击的标题等链接) <a href="#two"> 使用相应的id名标注跳转目标的位置。 (定位跳转的目标位置) <h3 id="two">第2集</h3> 注释标签 注释内容在页面内是不可见的,仅在代码中可见 方法: <!-- 注释语句

weixin_43041350的博客 587

国民技术N32G45X SysTick定时器实战:从1us到100ms的精准延迟实现(附完整代码)

本文详细解析了国民技术N32G45X芯片中SysTick定时器的工作原理,并提供了从1微秒到100毫秒的高精度延迟实现方案。通过对比官方库函数的局限性,文章重点介绍了无中断查询模式、时钟源选择策略以及完整的代码实现,帮助嵌入式开发者精准控制时序,适用于LED控制、软件模拟通信协议等多种实战场景。

weixin_29190573的博客 375

不让html中的注释给用户看到

<br />/ * 注释 * /<br />改成<br /><?php  / * 注释 * /  ?><br />浏览器就不会下载和解释。

专栏 1910

SAP-ABAP:新手入门篇——从0到1写出你的第一个ABAP Hello World程序并完成调试运行

本文是ABAP开发入门指南,详细介绍如何创建并运行第一个"Hello World"程序。主要内容包括:通过SE38事务码进入ABAP编辑器;创建以Z/Y开头的程序并保存为本地对象;编写简单的WRITE输出语句;完成语法检查、激活和执行流程;以及初步体验调试功能。文章特别强调ABAP开发的规范要求,如程序命名规则、激活与保存的区别等,并提供了详细的步骤说明和常见问题提示,帮助零基础开发者快速上手ABAP编程。

baidu_35680696的博客 479

DataX对接数据如何在ODS加密脱敏数据(插件开发)

datax对接mysql数据,对姓名只保留姓,名变成**。对这种简单的脱敏,可以不用修改datax源码,直接在配置文件上实现。

大模型大数据攻城狮的专栏 994

注释、锚链接

HTML中注释 &lt;!--注释内容--&gt; &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &amp

Public places 341

30天入门 SAP BTP 开发系列之十八:保姆级教程 - 如何部署 SAP UI5 到 SAP BTP Cloud Foundry 环境

本文摘要: 本文详细介绍了如何将SAP UI5应用部署到Cloud Foundry环境。首先需完成前17篇教程学习,创建SAP BTP子账户并启用Cloud Foundry环境。在SAP Business Application Studio中创建Fiori开发空间,导入GitHub上的UI5项目代码。通过npm run build命令打包成mtar文件后,使用cf deploy命令部署到Cloud Foundry。部署成功后,可在BTP控制台查看应用或通过命令行获取访问URL。整个过程涵盖了环境准备、代码

2007 年 ~ 2025 年,深耕 SAP 技术 18 年 1020

图像标签、超链接标签、注释标签、特殊字符

图像标签 < img src=“URL” /> alt:文本。替换文本,图像不能显示的文字。 title:文本。提示文本,鼠标放在图像上,显示文字。 width:像素。设置图像宽度。 height:像素。设置图像高度。 border:像素,设置图像的边框粗细。css 超链接标签 < a href=“跳转目标” target=“目标窗口的弹出方式”>文本或图像< /a&...

qq_40628901的博客 347

SAR成像概述

1. 发展概述 雷达是英文Radar(Radio detection and ranging)的音译,原意为“无线电探测与测距”。雷达的发明是无线电发展史上的里程碑,二战时,英国急需通过雷达探测空中金属物体来帮助搜寻德国飞机,这期间,雷达技术飞速发展,发展出了地对空、空对地轰炸、空对空火控、敌我识别等功能。雷达在第二次世界大战中发挥了重大作用,至今仍是军用和许多民用领域的重要传感器。 早期雷达系统通过时间延迟来测距,通过天线指向来测角,通过多普勒频移测速。1951年,Carl Wiley发现,通..

5074

QLineEdit控件: 实现IP地址输入框(基于编辑信号)

在开发网络应用程序时,经常需要用户输入IP地址。直接使用普通输入框容易导致格式错误,用户体验也较差。本文将手把手教你用Qt的QLineEdit控件实现一个智能IP地址输入框。即使你是刚接触Qt的新手,也能通过本文理解核心实现原理。

u011186532的专栏 650
上一篇: 你看我像不像学HTML的人(四)——路径(相对路径和绝对路径)
下一篇: 你看我像不像学HTML的人(六)——表格标签
田小江爱分享
博客等级 码龄10年 34粉丝 143原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值