Heim > Web-Frontend > HTML-Tutorial > LN :跟着W3School学HTML 006_html/css_WEB-ITnose

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

WBOY
Freigeben: 2016-06-24 11:16:54
Original
1510 Leute haben es durchsucht

LN :跟着W3School学HTML 006

内容参考自W3School

HTML 教程

HTML段落

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

    是块级元素)

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

    <p>This is a paragraph</p><p>This is another paragraph</p>
    Nach dem Login kopieren

    效果展示

    This is a paragraph


    This is another paragraph

    HTML折行

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

        <p>This is<br />a para<br />graph with line breaks</p>
    Nach dem Login kopieren

    效果展示

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

    HTML tips

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

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

    效果展示

    春晓

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

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

    Verwandte Etiketten:
    Quelle:php.cn
    Erklärung dieser Website
    Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
    Beliebte Tutorials
    Mehr>
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage