• HTML学习笔记_004_分段与换行


    我们先来看一个不分段的情况

    1 <html>
    2 <body>
    3 
    4 这里是随便写的
    5 看看和上面是不是一行
    6 
    7 </body>
    8 </html>

    效果图

    可以看得出来,我们写的代码,虽然在写的时候换行了,当时实际显示的时候却没有,这是因为如果这样写就换行的话,会给代码的编写带来很大的难度,不方便调整格式。

    HTML 段落

    HTML 段落是通过 <p> 标签进行定义的。

    下面来看一个实例:

     1 <html>
     2 <body>
     3 
     4 <p>
     5 这里是一个段落
     6 </p>
     7 
     8 <p>这里是另一个段落,我们看看如果这一句很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长的话会怎样显示</p>
     9 
    10 </body>
    11 </html>

    效果图:

    这样测试下效果,看看在特殊情况下会如何显示,看到它自动为我们换行了,所以要注意段落是段落,行是行。(在vs2010中也测试通过,效果一样)

    下面是换行的学习,这里只是大致的了解,并没有验证是不是真正的正确。

    <html>
    <body>
    
    <p>
    这里是一个段落
    </p>
    
    <p>
    这里学习换行,<br />这里是换行后的另一行
    </p>
    
    </body>
    </html>

    效果图:

    为了保证兼容性,在写代码的时候要注意,有开始 ,就要有结束。

  • 相关阅读:
    设计模式--17、建造者模式
    设计模式--16、原型模式
    面向对象的几大设计原则
    设计模式--15、模板方法模式
    设计模式--14、中介者模式
    设计模式--13、享元模式
    设计模式--12、外观模式
    设计模式--11、命令模式
    消息中间件ActiveMQ、RabbitMQ、RocketMQ、ZeroMQ、Kafka如何选型?
    Kafka,Mq,Redis作为消息队列有何差异?
  • 原文地址:https://www.cnblogs.com/tk091/p/2612633.html
Copyright © 2020-2023  润新知