• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > H5段落的使用方法

H5段落的使用方法

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含html5,使用方法,段落等相关知识,匿名希望在学习及工作中可以帮助到您
这次给大家带来H5段落的使用方法,H5段落使用的注意事项有哪些,下面就是实战案例,一起来看一下。

HTML可以将文档分割为若干个段落,这样能使文档更加有规律、美观。

HTML段落:

HTML文档中,段落是通过<p>标签定义的;

<p>段落一</p>

<p>段落二</p>

ps:运行HTML文档,浏览器会自动在段落前后添加空行

大多数HTML文档现在都会自动补全结束标签,不过大家还是得养成好习惯,主动添加好结束标签,相信在未来的HTML发展趋势下,是不允许省略结束标签的。

在对于段落的编写中,如果你不希望另起一个段落换行的话可以是使用<br/>标签,在段落中换行,不影响段落的编辑。

<p>

第一行<br/>

第二行<br/>

</p>

段落内完整的分行还可以使用<br/>标签,使用效果还是蛮不错的。

这里的<br/>元素是HTML的一个空元素,关闭标签没有意义,所以它没有结束标签。

HTML输出使用提醒:

我们无法确定 HTML 被显示的确切效果。屏幕的大小,以及对窗口的调整都可能导致不同的结果。
对于 HTML,您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。
当显示页面时,浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是,HTML 代码中的所有连续的空行(换行)也被显示为一个空格。

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

相信看了本文案例你已经掌握了方法,更多精彩请关注微课江湖其它相关文章!

推荐阅读:

H5的文本格式化使用方法

H5+C3+JS实现楼层跳跃特效

以上就是H5段落的使用方法的详细内容,更多请关注微课江湖其它相关文章!

您可能想查找下面的文章:

  • HTML5知识点总结
  • HTML5的本地存储
  • HTML5本地存储之IndexedDB
  • Html5实现文件异步上传功能
  • Html5新标签datalist实现输入框与后台数据库数据的动态匹配
  • 详解HTML5 window.postMessage与跨域
  • HTML5拖放API实现拖放排序的实例代码
  • 解决html5中video标签无法播放mp4问题的办法
  • HTML5新特性 多线程(Worker SharedWorker)
  • Html5新增标签有哪些

相关文章

  • 2018-12-03HTML5 Canvas绘制五星红旗_html5教程技巧
  • 2017-08-06HTML5之WebGL 3D概述(上)—WebGL原生开发开启网页3D渲染新时代
  • 2018-12-03HTML5用于创建表单的输入小部件 数据绑定以及数据验证
  • 2018-12-03H5移动端各种各样的列表的制作方法详解(三)
  • 2018-12-03淘宝手机客户端有多少页面是 Web 模式 (包括 HTML5) 的?
  • 2018-12-03h5怎样实现获取用户地理定位
  • 2018-12-03我想做web前端,怎么学习 ?
  • 2018-12-03Html5百叶窗效果的代码
  • 2018-12-03AjaxUpLoad.js怎样实现文件上传
  • 2018-12-03好看且免费的 Web Font 有哪些推荐?

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • HTML5 Canvas阴影使用方法实例演示
    • HTML5 Canvas锯齿图代码实例_html5教程技巧
    • HTML5 SVG带圆形进度条动画的提交按钮特效
    • 现在学html5开发手机应用前景好吗?
    • HTML5 元素通用DOM接口
    • 基于HTML5 Canvas实现视频破碎重组特效
    • html5中audio支持音频格式的解决方法
    • HTML5 新事件 小结_html5教程技巧
    • 如何使用HTML5 File接口在web页面上使用文件下载
    • 听到别人说H5页面时总觉得很恶心,怎么办?

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有