HTML基础3:利用段落和换行符组织页面

浏览器在显示HTML文件的<body>标签内容时,它将忽略换行符或者单词之间的空格。此外,当文本到达浏览器窗口边缘时,它将自动换到下一行,而不管在原始的HTML文件中换行符出现在什么位置。

<!DOCTYPE html>

<html lang="en">
  <head>
    <title>The Advertising Agency Song</title>
  </head>

  <body>
    <p>
      When your client's    hopping mad,
      put his picture in the ad.

      If he still should    prove refractory,
      add a picture of his factory.
    </p>
    <hr>
    <p>
      When your client's hopping mad,<br><!--<br>空标签在段落内进行强制换行-->
      put his picture in the ad.
    </p>
    <p>
      If he still should prove refractory,<br><!--<br>空标签在段落内进行强制换行-->
      add a picture of his factory.
    </p>
  </body>
</html>

输出:
在这里插入图片描述
可以看到,当把文本包围在<p></p>标签之中,就假定结束标签之后有一个换行符,并且该标签内的文本会忽略原始文本的换行与空格,但可以利用<br>标签在段落内强制换行。除此还发现,利用<hr>标签插入水平标线也会导致自动换行。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值