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>代码：测试两字中间有很多空格
上图：实际效果看到，测试两字并没有那么多的空格，这是因为不管源码中有多少空格，最多只会保持当前的最大距离。
<!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中使用<>表示定义标签，用>来表示>符号以免直接使用<>时，被识别成标签格式。
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>
上图：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标签
span标签是行内标签，是一个白板标签（没有特殊特性），便于设计
相关推荐
玫瑰小妖 2020-02-15
nercon 2020-01-09
xyyojl 2019-11-14
爱好HtmlCssJs 2019-11-01
谷歌架构师 2019-06-29
haocxy 2018-02-08
wxcmdn 2019-06-28
统一开发环境UDE 2016-08-26
勤能补拙孰能生巧 2019-06-28
liusslove 2011-01-21
IT游罠 2014-08-14
Burgdan 2014-05-21
zhangpeng 2013-07-28
gigipop 2013-06-23
zhegechengxuyuan 2019-06-21
markshuai 2012-09-20