所有文章 分类 标签 笔记 文档 关于 简体中文

目录

Html笔记

KKKPSJKEY 收录于 Front 笔记
   约 848 字   预计阅读 2 分钟    次阅读  
/html-note/featured-image.jpg

如何让button变成<a href='链接'></a>效果

其实就是一行代码，不过网上老有人拿错误代码来误导，不知道是不是以前的语法有不一样，下面放正确方法

在原窗口跳转到新网址

1

<button onclick="window.location.href='http://www.baidu.com'">链接</button>

打开新窗口跳转到新网址

1

<button onclick="window.open('http://www.baidu.com')">链接</button>

这两个方法不一样，看清楚，切记切记。

html怎么添加字体删除线

html添加字体删除线的方法：1、用<s>标签，语法<s>删除线文本</s>；2、用<del>标签，语法<del>删除线文本</del>；3、给文本元素添加text-decoration:line-through;样式。

./1.jpg

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

html添加字体删除线

1、用<s>标签

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
    </head>

    <body>
        正常文本<br /><br />
        <s>删除线文本</s>
    </body>
</html>

./2.png

2、用<del>标签

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

<!DOCTYPE html>
<html>
    <head>
        <meta chazset="utf-8">
    </head>

    <body>
        正常文本<br /><br />
        <del>删除线文本</del>
    </body>
</html>

./3.png

3、给文本元素添加text-decoration:line-through;样式

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
    </head>

    <body>
        正常文本<br /><br />
        <span style="text-decoration: line-through;">删除线文本</span>
    </body>
</html>

./4.png

text-decoration 属性规定添加到文本的修饰（下划线、上划线、删除线等）；当属性值设置为line-through时即可定义穿过文本下的一条线。

更新于 2022-06-15
阅读原始文档
 HTML
返回 | 主页