search

Home >Web Front-end >HTML Tutorial >LN :跟着W3School学HTML 006_html/css_WEB-ITnose

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

WBOY
WBOYOriginal
2016-06-24 11:16:541499browse

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>

    效果展示

    春晓

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

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

    Statement：
    The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
    Previous article：超赞！值得网页设计师&前端收藏的实用工具列表_html/css_WEB-ITnoseNext article：JQplot的折线图 图示_html/css_WEB-ITnose

    Related articles

    See more