Community Learn Tools Library Leisure
search
English
Home > Web Front-end > HTML Tutorial > LN :跟着W3School学HTML 006_html/css_WEB-ITnose

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

WBOY
Release： 2016-06-24 11:16:54
Original
1501 people have browsed it

LN :跟着W3School学HTML 006

内容参考自W3School

HTML 教程

HTML段落

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

    是块级元素）

  • 不要忘记结束标签。

    • 实例解析

    <p>This is a paragraph</p><p>This is another paragraph</p>
    Copy after login

    效果展示

    This is a paragraph


    This is another paragraph

    HTML折行

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

    • 实例解析

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

    效果展示

    <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>
    Copy after login

    效果展示

    春晓

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

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

    Related labels：
    LN :跟着W3School学HTML 006
    source：php.cn
    Previous article：超赞！值得网页设计师&前端收藏的实用工具列表_html/css_WEB-ITnose Next article：JQplot的折线图 图示_html/css_WEB-ITnose
    Statement of this Website
    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
    Latest Articles by Author
    Latest Issues
    function_exists() cannot determine the custom function Function test () {return true;} if (function_exists ('test')) {echo "test is function...
    From 2024-04-29 11:01:01
    0
    3
    2166
    How to display the mobile version of Google Chrome Hello teacher, how can I change Google Chrome into a mobile version?
    From 2024-04-23 00:22:19
    0
    11
    2315
    The child window operates the parent window, but the output does not respond. The first two sentences are executable, but the last sentence cannot be implemented.
    From 2024-04-19 15:37:47
    0
    1
    1950
    There is no output in the parent window document.onclick = function(){ window.opener.document.write('I am the output of the child ...
    From 2024-04-18 23:52:34
    0
    1
    1828
    Where is the courseware about CSS mind mapping? Courseware
    From 2024-04-16 10:10:18
    0
    0
    1880
    Related Topics
    More>
    Popular Recommendations
    Popular Tutorials
    More>
    Related Tutorials
    Popular Recommendations
    Latest courses
    Latest Downloads
    More>
    Web Effects
    Website Source Code
    Website Materials
    Front End Template