快捷搜索:  汽车  科技

html怎样调整垂直水平距离代码(转行测试开发-HTML)

html怎样调整垂直水平距离代码(转行测试开发-HTML)<br /><body><!DOCTYPE html><html lang = "en"><title>我是江湖最后的大佬</title>

刚刚发现,HTML第四章节没有说删除线的标签,趁着马上要12点的时候,赶快将删除线标签补上。

删除线标签使用 <del>和<s> 不用多说,一般用的多的就是<del>

先上效果:

html怎样调整垂直水平距离代码(转行测试开发-HTML)(1)

然后看下代码:

<!DOCTYPE html>

<html lang = "en">

<title>我是江湖最后的大佬</title>

<body>

<br />

<h>我是一个<del>删除线</del>的人</h>

<br />

</body>

</html>

html怎样调整垂直水平距离代码(转行测试开发-HTML)(2)

然后我们用下<s> 效果是一样的

html怎样调整垂直水平距离代码(转行测试开发-HTML)(3)

代码如下:

<!DOCTYPE html>

<html lang = "en">

<title>我是江湖最后的大佬</title>

<body>

<br />

<h>我是一个<s>删除线</s>的人</h>

<br />

</body>

</html>

看看效果:

html怎样调整垂直水平距离代码(转行测试开发-HTML)(4)

删除线说完了,还没有说下划线。下划线是用<ins>和<u>标签来实现的。

先看看效果:

html怎样调整垂直水平距离代码(转行测试开发-HTML)(5)

然后看下代码:

<!DOCTYPE html>

<html lang = "en">

<title>我是江湖最后的大佬</title>

<body>

<br />

<h>我是一个<ins>下划线</ins>的人</h>

<br />

</body>

</html>

html怎样调整垂直水平距离代码(转行测试开发-HTML)(6)

再使用<u>来试下:

html怎样调整垂直水平距离代码(转行测试开发-HTML)(7)

看代码:

<!DOCTYPE html>

<html lang = "en">

<title>我是江湖最后的大佬</title>

<body>

<br />

<h>我是一个<ins>下划线</ins>的人</h>

<br />

<h>我是一个<u>下划线</u>的人</h>

</body>

</html>

再看看效果:

html怎样调整垂直水平距离代码(转行测试开发-HTML)(8)

都是一样的展示

好了,今天先到这里

接着,我们学习下<div>和<span>标签的功能

猜您喜欢: