温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

8 图标 换行 以及其他

发布时间:2020-07-19 02:07:22 来源:网络 阅读:163 作者:代码老兵 栏目:web开发

符号

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <a href="https://www.baidu.com/">测      试</a>
</body>
</html>

代码:测试两字中间有很多空格

8 图标 换行 以及其他

上图:实际效果看到,测试两字并没有那么多的空格,这是因为不管源码中有多少空格,最多只会保持当前的最大距离。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<a href="https://www.baidu.com/">测     ; ; 试</a>
</body>
</html>

代码:  符号是空格符号

8 图标 换行 以及其他

上图: 越多,显示的空格越多

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<a href="https://www.baidu.com/">测  >  试</a>
</body>
</html>

代码: > 符号是 >

8 图标 换行 以及其他

上图:在web中使用<>表示定义标签,用>来表示>符号以免直接使用<>时,被识别成标签格式。

8 图标 换行 以及其他

8 图标 换行 以及其他

8 图标 换行 以及其他

8 图标 换行 以及其他

p标签、br标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <a href="https://www.baidu.com/">测  >  试</a>

    <p>1lskjdf89l23j4osdlkjluij2lkj3ljk</p>
    <p>123</p>
    <p>123</p>
    <p>123</p>

</body>
</html>

8 图标 换行 以及其他

上图:p标签是段落标签,使用p标签可以看到每个段落上下之间都有一定距离,不会很紧凑。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <a href="https://www.baidu.com/">测  >  试</a>

    <p>1lskjdf89l23j4o<br>sdlkjluij2lkj3ljk</p>
    <p>123</p>
    <p>123</p>
    <p>123</p>

</body>
</html>

代码:在p标签中 使用< br >换行

8 图标 换行 以及其他

上图:可以看到单单使用一个换行标签的话,其上下距离并不像每个段落标签那么高。

p标签属于 块级标签。

span标签

span标签是行内标签,是一个白板标签(没有特殊特性),便于设计

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

web
AI