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

通过实例掌握BR和P标签的区别

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-05

本文主要包含标签,区别,掌握,实例,通过,<,br>,p>,标记,文字等相关知识,佚名 希望在学习及工作中可以帮助到您

换行标记<br>的使用
换行标记<br>是一个没有结尾的标记,HTML文件中任何位置只要使用了<br>标记,当文件显示在浏览器中时,该位置之后的文字将显示于下一行,该<br>标记就是起到换行的标记!
请注意!在一般的文字文件中,只要按下键盘上的Enter健便用产生了换行,但是在HTML文件中按Enter键换行是没用的,我们必须用特定的标记<br>来让它们产生换行!例:
以下为引用的内容:
<html>
<head>
<title>br标记的使用</title>
</head>
<body>
清平调<br>
云想衣裳花想容,<br>
春风拂槛露华浓,<br>
若非群玉山头见,<br>
会向瑶台月下逢。<br>
</body>
</html>
看看会出现什么效果呢~!
有人要问把整首诗让它在页面居中该怎么办呢?如果实现居中我们可以用到我们以前学过的<p align=center>内容</p>来实现!
例:
以下为引用的内容:
<html>
<head>
<title>br标记的使用</title>
</head>
<body>
<p align=center>清平调<br>
云想衣裳花想容,<br>
春风拂槛露华浓,<br>
若非群玉山头见,<br>
会向瑶台月下逢。<br>
</p>
</body>
</html>
================================================
段落标记<p>的使用
由<p>标记所标识和文字,代表同一个段落的文字。在浏览器中,不同段落文字间除了换行外,有时还会以一行空白加以间隔,以便区别出文字的不同段落,其语法如下:
<p>文字</p>
但在一般的应用中,往往只会在要区分为段落的文字后,加是上一个<p>标.记例:
以下为引用的内容:
<html>
<head>
</head>
<title><p>标记的使用</title>
</head>
<body>
清平调<p>
云想衣裳花想容,<p>
春风拂槛露华浓,<p>
若非群玉山头见,<p>
会向瑶台月下逢,<p>
</body>
</html>
那么<br>和<p>的有什么区别呢?通俗的讲就是,它们在分行的时候<br>分得行比
<p>分得行距比较大!我们可以看一下:
以下为引用的内容:
<html>
<head>
</head>
<title><p>标记的使用</title>
</head>
<body>
清平调<br>
云想衣裳花想容,<br>
春风拂槛露华浓,<p>
若非群玉山头见,<p>
会向瑶台月下逢,<p>
</body>
</html>
这样就可以看到效果了,看出来了吗?

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

  • 控制input标签只能输入数字
  • 细数html中的列表标签
  • html中常用的标签总结(必看)
  • 深入浅出meta标签
  • 标签栏的几种实现方法(推荐)
  • HTML中相似的标签和属性的区别详解
  • HTML基础重点_一般标签、常用标签和表格
  • 浅谈html标签的显示模式(块级标签,行内标签,行内块标签)
  • 使用语义化标签去写你的HTML 兼容IE6,7,8
  • XHTML中的常用标签整理

相关文章

  • 2017-08-05前端开发每天必学之HTML入门介绍
  • 2017-08-05html标签的嵌套规则介绍
  • 2017-08-05DIV背景半透明文字不半透明的样式
  • 2017-08-05Html Select option 如何进行默认选择
  • 2017-08-05使用vertical-align实现input和img对齐
  • 2017-08-05HTML页面嵌入视频与JS控制切换视频示例详解
  • 2017-08-05HTML基础总结推荐(标题)
  • 2017-08-05HTML 5.1学习之新增的14项特性与应用示例
  • 2017-08-05IE6 为什么最多人使用
  • 2017-08-05HTML设计模式日常学习笔记整理

文章分类

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

最近更新的内容

    • html 隐藏div HTML里隐藏表格TABLE或者DIV内容的css样式
    • XHTML编码七条基本规范小结
    • 如何给span标记的样式设置width属性
    • IE下文本模式!DOCTYPE作用介绍
    • W3C教程(5):W3C XML 活动
    • HTML中当定义多个class属性时无效的解决方法
    • 5个酷炫、实用的HTML标签和属性介绍
    • XHTML教程:Transitional和Strict的区别
    • 通过disabled和readonly将input设置为只读效果
    • HTML标签上标sup、下标sub应用介绍

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

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