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 图标换行以及其他

上图：越多，显示的空格越多

<!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 图标换行以及其他

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标签是行内标签，是一个白板标签（没有特殊特性），便于设计

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

当前名称：8图标换行以及其他-创新互联
标题链接：https://www.cdcxhl.com/article6/dsioig.html

成都网站建设公司_创新互联，为您提供云服务器、网站收录、商城网站、网站改版、手机网站建设、微信小程序

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容