HTML p元素

p元素

HTML会忽略在文本编辑器中输入的回车符合其他额外的空格,要在网页中开始一个新的段落,应该使用p元素(p 是 paragraph 的缩写)。

p元素是一个有特定语义的元素,以

标签开始,以

标签结束。但是,当 p元素后紧跟 address、article, aside、blockquote、div、dl、fieldset、footer、form、h1~h6、header、hgroup、hr、main、nav、ul、ol、p、pre、section、table元素时,或 p元素的父元素中再没有其他内容时,可以省略结束标签。

p元素最常见的用法就是放置文本,浏览器会在每个段落结束的地方,自动插入一个换行符,让段落自动换行。并且,为了防止段落之间过于拥挤,大部分的浏览器都在段落与段落之间设置一定的空白。如:

 
  
  1. p元素最常见的用法就是放置文本…在段落与段落之间设置一定的空白。

运行结果如图 2‑6 所示:

段落自动换行图2-6 段落自动换行

段落中除了可以放置文本外,还可以放置其他元素,如在表单中使用 p元素来对表单元素进行分块。如:

 
  
  1.     用户登录:
  2.    

  3.    

运行结果如图 2‑7 所示:

HTML p元素_第1张图片图2-7 段落对表单分块

另外,还可以使用 br 元素来段落内部手动强制换行。如:

 
  
  1.    

    静夜思

  2.    

    唐•李白

  3.    

    床前明月光,疑是地上霜。 />举头望明月,低头思故乡。

运行结果如图 2‑8 所示:

HTML p元素_第2张图片图2-8 段落内强制换行

版权声明:本文出自 歪脖网 的《HTML5宝典》,欢迎在线阅读,并提出宝贵意见。

你可能感兴趣的:(HTML,宝典)