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

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

WBOY
发布: 2016-06-24 11:16:54
原创
1510 人浏览过

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>
    登录后复制

    效果展示

    <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>
    登录后复制

    效果展示

    春晓

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

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

    来源:php.cn
    本站声明
    本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
    热门教程
    更多>
    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板