HTML

style=“color: brown; font-family: 正体; font-size: xx-large; font-weight: bolder;”

href属性

hyper reference超引用:通常表示跳转地址

普通链接

<a href="链接地址">章节</a>

锚链接

锚链接
[属性]写法。

<!-- 单个锚链接 -->
<a href="#锚链接">章节</a>
<!-- 多个锚链接（不换行） -->
a[href="#锚链接$"]*n>{章节$}
<!-- 多个锚链接（换行） -->
a[style="display:block;"][href="#锚链接$"]*n>{章节$}
<!-- 回到顶部（写在底部/键盘home键） -->
<a href="#">章节</a>

正文

((h2[id="锚链接$"]>{章节$})+p>lorem100)*n
((h2#mao$>{zhang$})+p>lorem10)*5<h2 id="锚链接">章节</h2>
<p>lorem1000</p>

功能链接
点击后触发某个功能

执行js代码，JavaScript:

<a href ="javascript:alert('大虞海棠，顶峰相见！')"style="color:brown;">2799</a>

发送邮件，mailto:（要求用户计算机上安装有邮件发送邮件）

<a href="mailto:2799@qq.com"style="font-weight:bolder; color:blue；font-size:xx-large">点击给大虞海棠发送邮件</a>

拨号，tel:（要求用户计算机上安装有拨号软件，或使用移动端访问页面）

<a href="tel:2799">给鱼塘批拨打电话</a>

target属性

target:表示跳转窗口

target的取值:

_self: 在当前页面窗口打开，默认值
_blank: 在新窗口中打开

<a href="http://acm.scau.edu.cn:8000/uoj/mainMenu.html" target="_blank" title="acm.scau">OJ实验系统</a>

herf(超链接、锚链接)相关推荐

HTML往herf超链接中插入变量
如何在<a herf=超链接中添加变量呢? 直接输入变量名或者给变量打上引号,都无济于事,超链接的路径根本不是变量所存的值! 困惑了一上午,在csdn上面有各种答案,什么编写script脚本实现 ...
超链接锚链接功能性链接块元素行内元素
目录超链接标签页面间的锚链接不同页面中的锚链接功能性链接行内元素和块元素超链接标签超链接的基本应用: 超链接包含两部分内容:1.是链接地址,可以是某个网址或文件的路径,对应为<a& ...
pikachuxss之herf、js输出
pikachu xss之herf F12打开开发者模式发现输入的内容就成为了herf的超链接内容: 输入javascript:alert(1)得到: [外链图片转存失败,源站可能有防盗链机制,建议将图 ...
连接标签＜a herf=“”＞＜/a＞
文本超链接:就是通过文本连接到另一个网站图像超链接:通过照片跳去其他网站 <a>标签例如 <a href="https//www.baidu.com"> ...
xss_url通关_1-10
文章目录一.xss_基础_图片演示二.xss_基本思路三.1-10_通关 1.没有过滤的xss 2.属性中的xss 3.选择列表中的xss 4.隐藏参数中的xss 5.限制长度的xss 6.HT ...
Web，Servlet，网络复习，超全，快来看
文章目录一. html 二. css 三.js(JavaScript) 四.网络 -> 协议 1.HTTP协议(超文本传输协议,前后端交互的基础) 2.HTTPS:超文本传输安全协议 3. H ...
微信的WXML和HTML WXSS和CSS的区别详解
WXML和HTML: 标签名称不同: HTML标签主要包括:div,img,a,span...... WXML标签主要包括:view,image,navigator,text...... 属性节点不同 ...
JavaScript使用事件onclick导致css样式失效问题
问题:JavaScript使用事件onclick导致css样式失效首先,我们用以下代码得到的是一个样式没有失效的红色"超链接",如下图1 代码1: <!DOCTYPE ht ...
CSS，何谓CSS，如何使用CSS文件
css,层叠样式表,Cascading Style Sheet. 它是一个文件,一种以它自身名字 .css 为文件扩展名的文件. css文件中,一个个诸如p{color:blue;}这样语法结构的语句 ...

herf(超链接、锚链接)

HTML

href属性

target属性

herf(超链接、锚链接)相关推荐

最新文章

热门文章