当前位置: 首页 > news >正文

HTML链接、头部

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.lryc.cn/news/213812.html

相关文章:

  • IDEA优雅自动生成类注释和快捷键生成方法注释
  • 数据库面试题整理
  • 【无标题】输入日期是当年的第n天
  • 金蝶云星空自定义校验器和使用
  • MyBatis实验(四)——关联查询
  • Redis与Mysql的数据一致性(双写一致性)
  • sql-50练习题16-20
  • 算法通关村第四关|青铜|自己实现栈
  • Calcite 自定义优化器规则
  • 【flink】flink获取-D参数方式
  • NLP之多循环神经网络情感分析
  • 【AutoML】AutoKeras 的安装和环境配置(VSCode)
  • 树结构及其算法-用数组来实现二叉树
  • 知识图谱与大模型结合方法概述
  • ASO优化之如何制作Google Play的长短描述
  • Python-platform模块
  • Yolov5旋转框(斜框)检测自己的数据集,附带代码模型可以收敛
  • 嵌入式应用选择正确的系统设计方法:第三部分
  • pthread_attr_getstacksize 问题
  • anaconda常见语法
  • reactive与ref VCA
  • 小程序day01
  • redis主要支持的数据类型有哪些?—— 筑梦之路
  • 解决国际阿里云服务器挂载云盘的问题!!
  • 基于吉萨金字塔建造算法的无人机航迹规划-附代码
  • 高频SQL50题(基础版)-1
  • RecyclerView自定义LayoutManager从0到1实践
  • 【虹科干货】5个关于微服务的误解
  • 利用卷影拷贝服务攻击域控五大绝招
  • web3 在React dapp中全局管理web3当前登录用户/智能合约等信息