<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<a href="https://www.baidu.com/">测 试</a>
</body>
</html>
代码:测试两字中间有很多空格
上图:实际效果看到,测试两字并没有那么多的空格,这是因为不管源码中有多少空格,最多只会保持当前的最大距离。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<a href="https://www.baidu.com/">测 ; ; 试</a>
</body>
</html>
代码: 符号是空格符号
上图: 越多,显示的空格越多
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<a href="https://www.baidu.com/">测 > 试</a>
</body>
</html>
代码: > 符号是 >
上图:在web中使用<>表示定义标签,用>来表示>符号以免直接使用<>时,被识别成标签格式。
<!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>
上图: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 >换行
上图:可以看到单单使用一个换行标签的话,其上下距离并不像每个段落标签那么高。
p标签属于 块级标签。
span标签是行内标签,是一个白板标签(没有特殊特性),便于设计
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。