HTML a 标签 超链接 锚点链接 伪类

「HTML和CSS入门指南」a 标签详解 标签是 HTML 中用于定义超链接的标签,可以用来实现网页间的跳转、下载文件等功能,并且可以与其他 HTML 元素配合使用。通过灵活运用 标签和属性,我们可以帮助用户更好地浏览页面内容,同时也可以美化和装饰页面。在实际应用中需要注意遵循 HTML 的规范,合理设置各种属性,并且避免滥用嵌套其他元素。 阅读详情

a 标签超链接     双标签

<a  href = “”    target =  "_blank / _self"> 我是超链接标签 </a>

href:表示链接的地址,可以是在线的地址,也可以是本地的html文件。

target: 表示页面打开方式;

_blank:表示在新的窗口打开;

_self:表示在当前窗口打开(默认);

如果   href="#" ,表示为空链接。

 

a 标签里面不光可以写文字,可以加图片,当用户直接点击图片就可以跳转到相关页面!

     <a  href="地址"   targer="_blank">

           <img   src="图片的路径"   alt=" 图片不显示时展现的文字"   title="当鼠标悬停时出现的文字">

     </a>

<a href="https://detail.meizu.com/item/meizu16spro.html" target="_blank">
            <img src="../img/01.jpg" alt="">
</a>

二、 a 标签 伪类

     :link    未点击时的状态;

     :visited     当鼠标点击之后的状态;

     :hover    当鼠标悬停或者划过时的状态;

     :active     当鼠标点击时出现的状态;

       注意:前面的冒号一定不能少,一定要按照这个顺序写→LoVe  hate!!!

      例子

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>a标签之伪类标签练习</title>
    <style>
        a:link {  /* 未点击时的状态 */
            color: aquamarine;
        }
        a:visited {    /*当鼠标点击后的状态 */
            color: red;
        }
        a:hover {  /*当鼠标悬停时、划过时所表现的状态*/
            color: blueviolet
        }
        a:active {  /*当鼠标点击时、按住时的状态*/
            color: #ff912f;
        }
    </style>
</head>
<body>
    <a href="https://www.meizu.com">追求源于热爱</a>
</body>
</html>

三、锚点链接

       锚点链接适用于快速跳转到顶部或者底部时可以用!

       1. 再要链接的位置命名 id 名字; 如 <p  id="title">顶部</p>

       2. 要在建立链接的对象上添加 a 标签    <a  href="#title">底部</a>   一定不能忘了 href 中的 # 号!

例子:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>a标签之锚点链接的练习</title>
</head>
<body>
    <p id="top">我是顶部</p>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <a href="#top">我是底部</a>
</body>
</html>

 

【a链接】点击a链接跳到另一个页面中指定的地方&锚点定位被顶部固定导航遮住 阅读详情

相关推荐

面试复习题--RN面试

考察点:热更新方案的深度理解,选型能力,实战落地经验。答题思路主流热更新方案对比。

hqiangtai的博客 723

HTML常见标签——超链接a标签

a>标签用于做跳转、导航,是双标签,记作,它是行内标签,不可以直接设置宽度高度,特殊的是,作为行内标签,它可以嵌套文本、行内元素、块级元素。

weixin_64294248的博客 1万+

泛微ecology9二次开发-附件上传-安全实践

本文深入探讨了泛微ecology9二次开发中附件上传功能的安全实践。针对原生接口的安全机制,文章提出了同源部署与服务端代理转发两大核心策略,并提供了基于Vue3和Element Plus的完整前端实现代码,重点解决了会话验证、权限控制及文件关联等关键安全问题,确保二次开发应用能安全、稳定地与ecology9系统集成。

qsc9012345的博客 531

HTML 之 <a>标签(超链接标签)

a> 标签定义超链接,用于从一个页面链接到另一个页面。

m0_64431500的博客 2万+

CoppeliaSim+matlab+simulink七轴机械臂仿真

七轴机械臂vrep+matlab+simulink 仿真

a1233219的博客 3545

可信数据空间关键技术和功能架构研究

可信数据空间(TDS)是实现数据安全共享的基础设施,通过数字合约和使用控制技术确保数据跨域流通的可信与安全。其架构包括服务平台和接入连接器,关键技术涵盖访问控制、隐私计算、区块链等。评估重点在于合规性、连接器能力、互联互通及安全体系。核心在于构建规则引擎而非简单数据汇聚,连接器开发比平台建设更重要。当前面临技术成本博弈、跨域身份互认等挑战,需平衡安全、性能与成本,推动数据要素市场发展。

逸尘的专栏 2222

每天总结一个html标签——a标签

HTML a标签详解 a标签是前端开发中最常用的HTML标签之一,主要用于创建超链接。其基本语法为<a href="目标地址">链接文本</a>,其中href属性指定跳转目标。a标签支持多种属性: 核心属性:包括href(指定链接地址)、download(下载文件)、target(打开方式)等 多样化跳转:可链接到网页、文件、邮箱、电话,甚至执行JavaScript代码 SEO相关属性:如rel属性可指定nofollow、noopener等关系 a标签支持常见DO

为你而战的博客 4729

【数字电源/MATLAB+PLECS】如何进行 Buck 数字电源仿真(二)PLECS 搭建开环 Buck 功率级

本文介绍了如何在PLECS中搭建开环Buck功率级模型,验证数字电源设计的基本思路。重点内容包括: 明确开发顺序:先开环验证功率级,再闭环设计控制器 搭建关键组件:输入电源、PWM模块、MOSFET开关、续流二极管、LC滤波电路及负载 设置初始参数:24V输入、12V输出、200kHz开关频率、22μH电感、100μF电容 测量关键波形:MOSFET Vds验证开关动作、电感电流纹波和输出电压稳态值 提供完整仿真模型和GitHub资源,便于读者复现验证 文章强调通过开环测试先确保功率级正确性,为后续闭环控制

weixin_43234123的博客 1218

HTML 中 a 超链接标签全解析:属性、锚点与伪类

本文深入阐释 HTML 中的 a超链接标签、锚点及伪类。丰富的讲解与实际案例紧密结合,助力读者快速熟悉这些常用标签。无论你是网页设计新手,还是经验丰富的开发者,都能在此收获实用知识与技巧,为你的网页创作之路增添新的活力。

前端基地 4927

074.多任务学习:在YOLO基础上同时进行分割、关键点检测

本文探讨了在YOLOv5模型中实现检测、分割和关键点多任务的技术方案。通过分层特征抽取策略(检测用深层、分割用浅深融合、关键点用中层)解决特征共享问题;采用不确定性加权方法自动平衡多任务损失;设计了支持三种标签的数据流处理方式;并分享了推理部署时的后处理技巧。实践表明,合理的多任务设计可以提升主任务性能,但需权衡标注成本和推理效率。最终方案选择在训练时引入分割作为辅助任务,推理时仅保留检测和关键点,实现了检测mAP提升2.3%的优化效果。

2603_95664987的博客 44

ArcGIS实验教程——实验二十五:大型商场选址经典案例

本实验基于ArcGIS平台进行商场选址分析,综合考虑道路、居民点、停车场和已有商场四个影响因素。通过缓冲区分析建立各要素的影响范围(道路50米、居民点100米、停车场100米、已有商场500米),采用叠加分析中的相交和擦除运算确定最优选址区域。实验建立了区位评价体系,通过属性赋值(1/-1)和联合运算生成综合评价结果,并实现分级可视化显示。注意事项包括距离参数设置对结果的影响以及正确选择空间分析工具。该流程为商业选址提供了科学的GIS解决方案。

智慧空间实验室 1万+

HTML13_有语义的标签2_a标签(超链接,锚点,伪类)

5.关于超链接(W3chool a标签用法介绍:http://www.w3school.com.cn/tags/tag_a.asp)   (1)所有浏览器都支持 <a> 标签。   (2)在html4.01 与 html5.0之间的差异:     在 HTML 4.01 中,<a> 标签可以是超链接或锚;     在 HTML5 中,<a> 标...

dinan9786的博客 317

手把手教你学PCIE-- 热插拔电路设计与实现方案

PCIe热插拔(Hot-Plug)技术允许用户在系统运行时安全地插入或移除设备,而无需重启系统。本文将深入讲解热插拔电路的设计要点、关键器件选型及信号协议规范,涵盖机械结构、电气保护和电源管理三大核心模块。​。

MHD0815的博客 440

前端基础知识学习——Html常见标签 img标签、a标签、h标题、p段落、列表、选择符(二)

Html常见标签 img标签、a标签、h标题、p段落、列表、选择符

weixin_45496521的博客 2540

数学建模模型总结

这是本人在两年内准备参加数学建模竞赛搜集到的模型资料,已经经过了本人的筛选和整理,希望能够对准备参加数学建模竞赛的学弟学妹们提供一些帮助!

深度学习工具包 DeepLearningToolbox

深度学习工具包Deprecation notice.-----This toolbox is outdated and no longer maintained.There are much better tools available for deep learning than this toolbox, e.g. [Theano](http://deeplearning.net/software/theano/), [torch](http://torch.ch/) or [tensorflow](http://www.tensorflow.org/)I would suggest you use one of the tools mentioned above rather than use this toolbox.Best, Rasmus.DeepLearnToolbox================A Matlab toolbox for Deep Learning.Deep Learning is a new subfield of machine learning that focuses on learning deep hierarchical models of data.It is inspired by the human brain's apparent deep (layered, hierarchical) architecture.A good overview of the theory of Deep Learning theory is[Learning Deep Architectures for AI](http://www.iro.umontreal.ca/~bengioy/papers/ftml_book.pdf)For a more informal introduction, see the following videos by Geoffrey Hinton and Andrew Ng.* [The Next Generation of Neural Networks](http://www.youtube.com/watch?v=AyzOUbkUf3M) (Hinton, 2007)* [Recent Developments in Deep Learning](http://www.youtube.com/watch?v=VdIURAu1-aU) (Hinton, 2010)* [Unsupervised Feature Learning and Deep Learning](http://www.youtube.com/watch?v=ZmNOAtZIgIk) (Ng, 2011)If you use this toolbox in your research please cite [Prediction as a candidate for learning deep hierarchical models of data](http://www2.imm.dtu.dk/pubdb/views/publication_details.php?id=6284)```@MASTERSTHESIS\{IMM2012-06284, author = "R. B. Palm", title = "Prediction as a candidate for learning deep hierarchical models of data", year = "2012",}```Contact: rasmusbergpalm at gmail dot comDirectories included in the toolbox-----------------------------------`NN/` - A library for Feedforward Backpropagation Neural Networks`CNN/` - A library for Convolutional Neural Networks`DBN/` - A library for Deep Belief Networks`SAE/` - A library for Stacked Auto-Encoders`CAE/` - A library for Convolutional Auto-Encoders`util/` - Utility functions used by the libraries`data/` - Data used by the examples`tests/` - unit tests to verify toolbox is workingFor references on each library check REFS.mdSetup-----1. Download.2. addpath(genpath('DeepLearnToolbox'));Example: Deep Belief Network---------------------```matlabfunction test_example_DBNload mnist_uint8;train_x = double(train_x) / 255;test_x = double(test_x) / 255;train_y = double(train_y);test_y = double(test_y);%% ex1 train a 100 hidden unit RBM and visualize its weightsrand('state',0)dbn.sizes = [100];opts.numepochs = 1;opts.batchsize = 100;opts.momentum = 0;opts.alpha = 1;dbn = dbnsetup(dbn, train_x, opts);dbn = dbntrain(dbn, train_x, opts);figure; visualize(dbn.rbm{1}.W'); % Visualize the RBM weights%% ex2 train a 100-100 hidden unit DBN and use its weights to initialize a NNrand('state',0)%train dbndbn.sizes = [100 100];opts.numepochs = 1;opts.batchsize = 100;opts.momentum = 0;opts.alpha = 1;dbn = dbnsetup(dbn, train_x, opts);dbn = dbntrain(dbn, train_x, opts);%unfold dbn to nnnn = dbnunfoldtonn(dbn, 10);nn.activation_function = 'sigm';%train nnopts.numepochs = 1;opts.batchsize = 100;nn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.10, 'Too big error');```Example: Stacked Auto-Encoders---------------------```matlabfunction test_example_SAEload mnist_uint8;train_x = double(train_x)/255;test_x = double(test_x)/255;train_y = double(train_y);test_y = double(test_y);%% ex1 train a 100 hidden unit SDAE and use it to initialize a FFNN% Setup and train a stacked denoising autoencoder (SDAE)rand('state',0)sae = saesetup([784 100]);sae.ae{1}.activation_function = 'sigm';sae.ae{1}.learningRate = 1;sae.ae{1}.inputZeroMaskedFraction = 0.5;opts.numepochs = 1;opts.batchsize = 100;sae = saetrain(sae, train_x, opts);visualize(sae.ae{1}.W{1}(:,2:end)')% Use the SDAE to initialize a FFNNnn = nnsetup([784 100 10]);nn.activation_function = 'sigm';nn.learningRate = 1;nn.W{1} = sae.ae{1}.W{1};% Train the FFNNopts.numepochs = 1;opts.batchsize = 100;nn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.16, 'Too big error');```Example: Convolutional Neural Nets---------------------```matlabfunction test_example_CNNload mnist_uint8;train_x = double(reshape(train_x',28,28,60000))/255;test_x = double(reshape(test_x',28,28,10000))/255;train_y = double(train_y');test_y = double(test_y');%% ex1 Train a 6c-2s-12c-2s Convolutional neural network %will run 1 epoch in about 200 second and get around 11% error. %With 100 epochs you'll get around 1.2% errorrand('state',0)cnn.layers = { struct('type', 'i') %input layer struct('type', 'c', 'outputmaps', 6, 'kernelsize', 5) %convolution layer struct('type', 's', 'scale', 2) %sub sampling layer struct('type', 'c', 'outputmaps', 12, 'kernelsize', 5) %convolution layer struct('type', 's', 'scale', 2) %subsampling layer};cnn = cnnsetup(cnn, train_x, train_y);opts.alpha = 1;opts.batchsize = 50;opts.numepochs = 1;cnn = cnntrain(cnn, train_x, train_y, opts);[er, bad] = cnntest(cnn, test_x, test_y);%plot mean squared errorfigure; plot(cnn.rL);assert(er<0.12, 'Too big error');```Example: Neural Networks---------------------```matlabfunction test_example_NNload mnist_uint8;train_x = double(train_x) / 255;test_x = double(test_x) / 255;train_y = double(train_y);test_y = double(test_y);% normalize[train_x, mu, sigma] = zscore(train_x);test_x = normalize(test_x, mu, sigma);%% ex1 vanilla neural netrand('state',0)nn = nnsetup([784 100 10]);opts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samples[nn, L] = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.08, 'Too big error');%% ex2 neural net with L2 weight decayrand('state',0)nn = nnsetup([784 100 10]);nn.weightPenaltyL2 = 1e-4; % L2 weight decayopts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex3 neural net with dropoutrand('state',0)nn = nnsetup([784 100 10]);nn.dropoutFraction = 0.5; % Dropout fraction opts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex4 neural net with sigmoid activation functionrand('state',0)nn = nnsetup([784 100 10]);nn.activation_function = 'sigm'; % Sigmoid activation functionnn.learningRate = 1; % Sigm require a lower learning rateopts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex5 plotting functionalityrand('state',0)nn = nnsetup([784 20 10]);opts.numepochs = 5; % Number of full sweeps through datann.output = 'softmax'; % use softmax outputopts.batchsize = 1000; % Take a mean gradient step over this many samplesopts.plot = 1; % enable plottingnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex6 neural net with sigmoid activation and plotting of validation and training error% split training data into training and validation datavx = train_x(1:10000,:);tx = train_x(10001:end,:);vy = train_y(1:10000,:);ty = train_y(10001:end,:);rand('state',0)nn = nnsetup([784 20 10]); nn.output = 'softmax'; % use softmax outputopts.numepochs = 5; % Number of full sweeps through dataopts.batchsize = 1000; % Take a mean gradient step over this many samplesopts.plot = 1; % enable plottingnn = nntrain(nn, tx, ty, opts, vx, vy); % nntrain takes validation set as last two arguments (optionally)[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');```[![Bitdeli Badge](https://d2weczhvl823v0.cloudfront.net/rasmusbergpalm/deeplearntoolbox/trend.png)](https://bitdeli.com/free "Bitdeli Badge")

html基础教程博客,小编Mageo和您一起学习html基础教程

该楼层疑似违规已被系统折叠隐藏此楼查看此楼今天小编mageo给大家带来的是HTML基础教程之html最基本的代码含义和书写方式。一、HTML标签1、无语义标签:、。2、语义标签(有含义的):h1-h6、p、img、embed、a、ul、ol、table.二、html应用。1、h标签一共有6个,分别是h1-h6,写法:h代表标题的意思,具备加粗加重属性,从h1-h6依次减小,h1最大。正常H标签都...

weixin_36054458的博客 161

最新的sdio 4.0 spec 协议标准 带书签 高清完整PDF版

Part-E1-SDIO-Specification-Ver4.00-Final-120220.pdf:最新的sdio 4.0 spec 协议标准 带书签 高清完整PDF版,包括SDIO 接口的外设,SDIO 接口官方协议等。

在html中超链接的标记是,在HTML代码中,超链接元素的标记是什么?

在HTML代码中,超链接元素的标记是a标签,如:百度知道。在HTML中标签 或者大写字母A 。其中的a(或者 A) 是 anchor 的缩写 。anchor的基本解释是锚。这些标签的作用是标明超连接的起始位置或目的位置。 标签可定义锚,锚 (anchor) 有两种用法,通过使用 href 属性。创建指向另外一个文档的链接(或超链接)通过使用name或id属性,创建一个文档内部的书签。 元素最重要的...

weixin_30965253的博客 6056

汉书HE8,好用的汇编代码编写工具

汉书HE8,好用的汇编代码编写工具早期编写汇编代码所用功能强大

html5a链接_HTML5 a标签常用整理

一、HTML5 a标签常用整理定义和用法 标签定义超链接,用于从一张页面链接到另一张页面。 元素最重要的属性是 href 属性,它指示链接的目标。在所有浏览器中,链接的默认外观是:未被访问的链接带有下划线而且是蓝色的已被访问的链接带有下划线而且是紫色的活动链接带有下划线而且是红色的提示:您可能已经注意到了,W3School 站点内的链接外观与默认的链接外观非常不同。您可以使用CSS 伪类向文本...

weixin_39564368的博客 374

html基础超链接

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> a:link { font: 14px "microsoft yahei"; ...

丷寒枫丷 278

自学html-five(锚点、伪类、字符实体)

一、锚点 我们在平时浏览网页的时候会发现有一些网页很长很长,里面的内容可以分为N个部分,我们在浏览这种网页时因为内容太长,会导致我们不能快速的找到对应的信息。这时,我们就可以在网页的顶部设置一些锚点,这样便可以方便浏览者点击相应的锚点,到达本页内相应的位置,而不必在一个很长的网页里自行寻找。 通俗的理解,锚点是一种超链接,只是它是页面内部的超链接,所以锚点我们也会用到a标签。 ...

weixin_30642267的博客 125

【HTML打卡】0123 HTML语义标签

有语义标签: div span  无语义标签: 标题:h1-h6 段落:p 图片:img 视频:embed 超链接、锚点:a 无序列表:ul 有序列表:ol 表格:table、tr、td 1、img标签(自闭合标签) img scr=“” alt=“” title=“” scr 地址,本地地址/网络服务器地址 alt 文字(给机器看) title 鼠标放

「谁定义我是我」 525

a标签和静态伪类中的a:link到底有什么区别?

当我在接触到伪类的时候,静态伪类a:link引起了我的注意。 你a:link描述的是超链接在点击之前的样式,那和我直接在样式里给a标签添加样式有什么区别?怎么有一种a:link没什么卵用的感觉呢? 实际上两者还是有去别的。 首先还是先简单说一下常用的5个伪类。 伪类分为静态伪类和动态伪类。 静态伪类有两个,只能用于超链接。分别描述超链接在点击之前和点击之后。...

weixin_33739627的博客 1339

列表与超链接

ul、ol、dl标签中都用il标签进行排列 同时各种列表可以进行嵌套使用。

yerial的博客 259

a标签伪类.md

第一次用优快云有点慌先导入一篇试试看;这是a标签的样式写法 a标签伪类 空链接

now_go_的博客 429

<a>标签 那点事

a标签样式 和 a标签属性写法 13-12-09 15:06作者:脚本之家 a标签样式 一组专门的预定义的类称为伪类,主要用来处理超链接的状态。超链接文字的状态可以通过伪类选择符+样式规则来控制。伪类选择符包括: 总: a          表示所有状态下的连接 如 .mycls a{color:red} ① a:link:未访问链接 ,如 .mycls a:li

qq_34836433的博客 547

HTML <a> 标签

指向 w3school 的超链接: <a href="http://www.w3school.com.cn">W3School</a> 所有浏览器都支持 <a> 标签。 定义和用法 <a> 标签定义超链接,用于从一张页面链接到另一张页面。 <a> 元素最重要的属性是 href 属性,它指示链接的目标。 在所有浏览器中,...

weixin_34185560的博客 80
上一篇: HTML form表单标签
下一篇: CSS 文字属性
昨夜太平长安888
博客等级 码龄9年 1万+粉丝 176原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值