HTML链接、头部

news2025/7/20 22:50:30

HTML链接:

         HTML使用超级链接与网络上的另一个文档相连。HTML中的链接是一种用于在不同网页之间的导航的元素。链接通常用于将一个网页与另一个网页或资源(文档、图像、音频文件等)相关联。链接允许用户在浏览网页时单击文本或图像来跳转到其他位置,从而实现网页之间的互联。

        HTML使用标签<a>来设置超文本链接。超链接可以是一个字、一个词/词组、一幅图像,点击这些内容来调转到新的文档或者当前文档的某个部分。当鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。

        在标签<a>中使用href属性来描述链接的地址:未访问过的链接显示为蓝色字体并带有下划线;访问过的链接显示未紫色并带有下划线;点击链接时,链接显示为红色并带下划线。

HTML链接语法:<a>元素。代码示例:<a href = “url”>链接文本</a>。<a>元素具有以下属性:

href:指定链接目标的URL。可以是网页、文件或者其他资源的URL。

Target(可选):指定链接如何在浏览器中打开。常见的值包括_blank(在新标签或窗口中打开链接)和_self(在当前标签或窗口中打开链接)。

title(可选):提供链接的额外信息,通常在鼠标悬停在连接上时显示为工具提示。

rel(可选):指定与连接目标的关系,如nofollow、noopener等。

HTML链接实例:

1)、文本链接:

<a href="https://www.example.com">访问示例网站</a>

2)、图像链接:

<a href="https://www.example.com">

   <img decoding="async" src="example.jpg" alt="示例图片"></a>

3)、锚点链接:

<a href="#section2">跳转到第二部分</a><!-- 在页面中的某个位置 --><a name="section2"></a>

4)、下载链接:

<a href="document.pdf" download>下载文档</a>

HTML链接的target属性:使用target属性,可以定义被链接的文档在何处显示。如:

<a href="https://www.example.com/" target="_blank" rel="noopener noreferrer">访问例程!</a>

HTML链接id属性:id属性可用于创建一个HTML文档书签。

HTML头部:

        HTML<head>元素包含了所有的头部标签元素,在<head>元素中可以插入脚本(scripts)、样式文件(ccs)以及各种meta信息。可以添加在头部区域的元素标签为:<title> <style> <meta> <link> <script> <noscript> <base>。

1)、<title>标签定义了不同文档的标题。在HTML文档中,<title>是必需的。<title>元素是浏览器工具栏的标题;是显示在收藏夹中的标题;是显示在搜索引擎结果页面的标题。

<head>

<meta charset=“utf-8”>

<title> 标题</title>

</head>

 2)、<base>标签描述了基本的链接地址/链接目标,该标签作为HTML文档中所有的链接标签的默认链接。

<head>

<base href=“http://www.example.com” target = “_blank”>

</head>

 <link> 标签定义了文档与外部资源之间的关系,通常用于链接到样式。

<head>

<link rel=“stylesheet”type=“text/css”href=“mystyle.css”>

</head>

 3)、<style>标签定义了HTML文档的样式文件引用地址。在 <style>元素中可以直接添加样式来渲染HTML文档。

<head>

<style type=“text/css”>

Body {

Background-color:yellow;

}

P {

Color:blue

}

</style>

</head>

4)、<meta> 标签描述了一些基本的元数据。元数据不显示在页面上,但会被浏览器解析。<meta> 元素通常用于指定网页的描述、关键词、文件的最后修改时间、作者和其他元数据。元数据可以使用于浏览器、搜索引擎(关键词)或者其他web服务。

5)、<script>标签用于加载脚本文件。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1157278.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Java导入Jsoup库做一个有趣的爬虫项目

Jsoup库是一款Java的HTML解析器&#xff0c;可用于从网络或本地文件中获取HTML文档并解析其中的数据。它可以模拟浏览器的行为&#xff0c;获取网页中的数据&#xff0c;是Java爬虫中常用的工具之一。与浏览器相比&#xff0c;Jsoup库的主要区别在于它不会执行JavaScript代码&a…

二叉树(9.7)

目录 1.树概念及结构 1.1树的概念 1.2 树的相关概念 1.3 树的表示 2.二叉树概念及结构 2.1概念 2.2 特殊的二叉树 2.4 二叉树的存储结构 3.二叉树顺序结构及实现 3.1 二叉树的顺序结构 3.2 堆的概念及结构 1.树概念及结构 1.1树的概念 前面我们学习的都是组成简…

如何建设企业级API网关

企业级API网关是现代软件架构中不可或缺的重要组成部分&#xff0c;它能够为整个系统提供安全可靠的入口&#xff0c;同时也是系统中不同业务模块之间交互的桥梁。API网关使得搭建一个新的应用服务变得简单、快捷、高效&#xff0c;同时&#xff0c;开发人员可以将更多的精力放…

白嫖必看!500条chatgpt提示词任你使用

你可能好奇&#xff0c;什么是prompt? 简单来说&#xff0c;prompt就是chatgpt的启动口令&#xff08;即提示词&#xff09;&#xff0c;是指通过特定问题来启动AI助手的创作。 使用它非常简单&#xff0c;只需在chatgpt前输入一句话或几个关键词&#xff0c;就能让AI助手理解…

leetcode:27. 移除元素(python3解法)

难度&#xff1a;简单 给你一个数组 nums 和一个值 val&#xff0c;你需要 原地 移除所有数值等于 val 的元素&#xff0c;并返回移除后数组的新长度。 不要使用额外的数组空间&#xff0c;你必须仅使用 O(1) 额外空间并 原地 修改输入数组。 元素的顺序可以改变。你不需要考虑…

实现每栏中间穿插一个低于外部盒子高度的分割线

效果&#xff1a; <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><meta name"viewport" content"widthdevice-wi…

第21期 | GPTSecurity周报

GPTSecurity是一个涵盖了前沿学术研究和实践经验分享的社区&#xff0c;集成了生成预训练 Transformer&#xff08;GPT&#xff09;、人工智能生成内容&#xff08;AIGC&#xff09;以及大型语言模型&#xff08;LLM&#xff09;等安全领域应用的知识。在这里&#xff0c;您可以…

利用python绘制多个箱型图

文章目录 1. 图片2. 代码 1. 图片 图片示例如下所示&#xff1a; 2. 代码 代码如下所示&#xff1a; # Define the custom order based on atmospheric stability custom_order [vus_0, us_1, ne_2, ws_3, ws_4, s_5, s_6, s_7, vs_8, vs_9]# Step 1: Reorder the statis…

0基础学习VR全景平台篇第116篇:认识修图软件Photoshop

上课&#xff01;全体起立~ 大家好&#xff0c;欢迎观看蛙色官方系列全景摄影课程&#xff01; 今天给大家讲解修图软件Photoshop&#xff0c;下面我们开始吧&#xff01; &#xff08;PS软件课程大纲&#xff09; 1.Photoshop是什么 发明人Adobe Photoshop&#xff0c;简称…

一分钟教你批量删除文件名中特定文字

怎么批量删除文件名中特定文字&#xff1f;在这个信息化的时代&#xff0c;我们每天会通过电脑处理大量的电子文件。无论是个人还是企业用户&#xff0c;在文件管理过程中&#xff0c;常常会遇到文件名混乱、重复或包含特定文字等问题。这些问题对于文件的检索和整理造成了很大…

【新增长100人研讨会】大客户管理:揭秘驱动业绩增长的关键策略

2023年10月26日&#xff0c;纷享销客在上海举办了一场名为《新增长100人研讨会&#xff1a;驱动业绩增长的大客户管理》的活动。该活动旨在探讨如何有效管理大客户&#xff0c;以实现企业的利润和可持续发展。新奥动力战略与数字化负责人胡昊和纷享销客制造行业解决方案总经理王…

对比解析php和go对JSON处理的区别

一、go 转化php数组代码 php程序 $str <<<EOF {"操作源":"任意","数据库":"任意","语句类型":"CREATE DATABASE&#xff1b;DROP DATABASE&#xff1b;ALTER DATABASE","影响行数":"不…

word文档中宏的使用(使用VBA批量修改表格样式)

1. 找到工具栏中“视图-》宏” 2. 选择“查看宏” 3. 创建/编辑宏 4. 修改“表格背景和设定字体大小”代码 如图&#xff1a; 代码块&#xff1a; Sub 修改表格字体()修改表格字体 宏For i 1 To ActiveDocument.Tables.CountDim t As TableSet t ActiveDocument.Tables(i)…

Maven第九章: Maven插件应用-FTP的插件

Maven第九章: Maven插件应用-FTP的插件 前言 本章内容重点:IDEA中 FTP的插件,以及FTP的插件在IDEA中连接和操作FTP服务器 操作应用。 背景 实际开发过程中,windows 安装相应的编辑工具不方便,我们需要实时上传到Linux服务进行编辑运行,查看效果,IDEA开发工具FTP插件,…

基于算术优化算法的无人机航迹规划-附代码

基于算术优化算法的无人机航迹规划 文章目录 基于算术优化算法的无人机航迹规划1.算术优化搜索算法2.无人机飞行环境建模3.无人机航迹规划建模4.实验结果4.1地图创建4.2 航迹规划 5.参考文献6.Matlab代码 摘要&#xff1a;本文主要介绍利用算术优化算法来优化无人机航迹规划。 …

iPhone手机如何恢复删除的视频?整理了3个好用方法!

在日常生活中&#xff0c;我们会把各种各样的视频存放在手机里。这些视频记录着我们生活中的点点滴滴&#xff0c;每一帧都承载着珍贵的记忆。但如果我们不小心将这些重要视频删除了该怎么办&#xff1f;如何恢复删除的视频&#xff1f;本文将以iPhone手机为例子&#xff0c;教…

如何选一款适合自己的网页浏览器?-2023

常用的网页浏览器有哪些&#xff0c;电脑上所用的浏览器&#xff0c;通常也都有手机版本的。 网页浏览器是互联网的接口&#xff0c;最基础最核心的人机交互应用。 个人结论&#xff1a; 以mainland china为例&#xff1a; edge>firefox>opera>chrome 关闭不需要的…

彻底解决使用better-scroll不能滚动的问题

better-scroll这个组件不能说有多好&#xff0c;只能说可以拿来用用。但是很多人都碰到了引入这个组件以后&#xff0c;页面反而不能滚动的问题。今天我就来谈谈怎么彻底解决这个问题 首先要谈谈better-scroll页面滚动的原理&#xff1a; 如上图所示&#xff0c;只有当内容高度…

kafka入门教程,介绍全面

1、官网下载最新版本的kafka&#xff0c;里面已经集成zookeeper。直接解压到D盘 2、配置文件修改&#xff0c;config目录下面的zookeeper.properties. 设置zookeeper数据目录 dataDirD:/kafka_2.12-3.6.0/tmp/zookeeper 3、修改kafka的配置文件server.properties. 主要修…

数模竞赛那么累,究竟能给我带来什么?

国赛官网上有这么一句话&#xff1a;一次参赛&#xff0c;终生受益。 学生时代&#xff0c;我对这句话没啥感触。 因为刚开始学数模时感觉很没头绪&#xff0c;书也看不懂&#xff0c;论文也看不懂&#xff0c;看啥都看不懂。 比赛时题目看不懂&#xff0c;答案搜不到&#xf…