首頁 >web前端 >html教學 >LN :跟着W3School学HTML 006_html/css_WEB-ITnose

LN :跟着W3School学HTML 006_html/css_WEB-ITnose

WBOY
WBOY原創
2016-06-24 11:16:541492瀏覽

LN :跟着W3School学HTML 006

内容参考自W3School

HTML 教程

HTML段落

  • 浏览器会自动地在段落的前后添加空行。(

    是块级元素)

  • 不要忘记结束标签。
  • 实例解析

    <p>This is a paragraph</p><p>This is another paragraph</p>

    效果展示

    This is a paragraph


    This is another paragraph

    HTML折行

  • 如果您希望在不产生一个新段落的情况下进行换行(新行),请使用
    标签:
  • 即使
    在所有浏览器中的显示都没有问题,使用
    也是更长远的保障。
  • 实例解析

        <p>This is<br />a para<br />graph with line breaks</p>

    效果展示

    This is
    a para
    graph with line breaks

    HTML tips

  • 对于 HTML,您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。
  • 当显示页面时,浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是,HTML代码中的所有连续的空行(换行)也被显示为一个空格。
  • 实例解析

    <html><body><h1>春晓</h1><p>春眠不觉晓,  处处闻啼鸟。    夜来风雨声,      花落知多少。</p><p>注意,浏览器忽略了源代码中的排版(省略了多余的空格和换行)。</p></body></html>

    效果展示

    春晓

    春眠不觉晓, 处处闻啼鸟。 夜来风雨声, 花落知多少。

    注意,浏览器忽略了源代码中的排版(省略了多余的空格和换行)。

    陳述:
    本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn