htmlbr高度（html body高度设置）

本篇文章给大家谈谈htmlbr高度，以及html body高度设置对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

微信号：cloud7591
如需了解更多，欢迎添加客服微信咨询。
复制微信号

本文目录一览：

• 1、html中元素是内联元素还是块元素，并分别说明是块或者内联元素的原因
• 2、html标签 通过实例掌握BR和P标签的区别
• 3、html语言中, 与与它们分别指的是什么呀?我总是不明白呀.给我说说用法行吗？

html中元素是内联元素还是块元素，并分别说明是块或者内联元素的原因

根据br 标记本身的属性，html中br/元素是内联元素。

块元素 就是  block元素往往是独占一行的。是独占一行，可以自行设置宽高！

内联元素： inline元素的高度和广度是由自己的内容填充的。从这两个元素的表现形式就能蔽铅绝区分出来宏姿他们是什么类型的元素了。

可以根据一激空下的几个方法判断是块元素 还是内联元素：

第一：1、是否独占一行；

           2、是否可以单独为元素设置高度和宽度。

第二：在浏览器中 按f12查看计算后的样式，有display一项。根据他你可以确定它是什么类型的元素了

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

br是换行，p是段落。换行后br不会空行，而p换行后会空一行。

我们拿案例来说：标准体重计算公式

这个页面利用了p标签与br标签，他们用的P标签后，就出现了段落分行，而且这个间距是明显的，下图：

也就是说，一个P/P组合标签，就是明显的段落分行，而/br就有区别了，看图

看完上面的图一就会一目了然，用p标签后，两行之间的距离明显是大于br标签的，通过js的OffsetHeight属性计算后发现，不加css与任何样式的p标签与br标签，用P标签后其两行之间的高度明显是大于br标签的，而且是br的两倍。

那么不难理解的是，p标签更适合用在段落分行，而br只适合用在强行换行或许一段文章要换行的地方。

一、那么，我们综合介绍一下br 与p 

首先，相同之处是br和p都是有换行的属性及意思

其次，区别br /是只需一个单独使闭弯用，而p和/p是一对使用

再次，br标签是小换行提行，p标签是大换行（分段）各行作用。

Br实例，特别注知大意是br的web标准是br /,而如果用br没有"/"虽然效果相同，但是是不符合w3c标准的。

这个是p标签实例，可以看出使用html p标签是换了一个大行，有一个空白行样式。

在未对p设置css样式时候，一般使用一个p段落标签效果等于使用两个br /换行标签效果。

使用p标签的时候需要注意的是需要p和/p是一对配合使用的，可见以上图例即可了解与理解。

当然可以让p标签换行与br换行一样没有空白，可以使用css对对应p标签进行设置margin:0; padding:0;即可实现，实例p{ margin:0; padding:0;}，即可实现p等于一个br /。

P和Br都有换行作用，p标签是段落标签，br是强制换行标签。

二、P和br /标签区别 

P是使用一对p/p组合标签，而轿猛闷br独立一个br /闭合标签。

1、P段落标签介绍

通常文章中段落区分明显上段文字与下段文字有一定间隔我们就可以对上下段文字都使用p标签，我们使用p段落标签，在一段文字开始前使用

p，在这段文字结束加个/p标签。段落p标签将让上段与下段文字有一定距离，大概是两倍line-height行高距离。

2、Br强制换行标签介绍

区别于p段落标签，br标签我们用于文段换行排版。换行后上下行文字距离是按line-height行高实现间距。

通常同等初始化下网页里，要实现上下文字间隔相同，2个br换行标签相当于使用p段落标签。

具体来说，p和br都有换行作用，p标签是段落标签，br是强制换行标签。p/p是成对的，br/是单个的。

打字不易，我用了20分钟写了这篇回答，希望采纳 谢谢！

html语言中, 与与它们分别指的是什么呀?我总是不明白呀.给我说说用法行吗？

html/html 创建一个HTML文档

head/head 设置文档标题和其它在网页中不显示的信息

title/title 设置文档的标题

h1/h1 最大的标题

pre/pre 预先格式化文本

u/u 下划线

b/b 黑体字

i/i 斜体字

tt/tt 打字机风格的字体

cite/cite 引用,通常是斜体

em/em 强调文本(通常是斜体加黑体)

strong/strong 加重文本(通常是斜体加黑体)

font size="" color=""/font 设置字体大小从1到7，颜色使用名字或RGB的十六进制值

BASEFONT/BASEFONT 基准字体标记

big/big 字体加大

SMALL/SMALL 字体缩小

STRIKE/STRIKE 加删除线

CODE/CODE 程式码

KBD/KBD 键盘字

SAMP/SAMP 范例

VAR/VAR 变量

BLOCKQUOTE/BLOCKQUOTE 向右缩排

DFN/DFN 述语定义

ADDRESS/ADDRESS 地址标记

sup/SUP 上标字

SUB/SUB 下标字

xmp.../xmp固定宽度字体(在文件中空白、换行、定位功能有效游铅)

plaintext.../plaintext固定宽度字体(不执行标记符号)

listing.../listing 固定宽度小字体

font color=00ff00.../font字体颜色

font size=1.../font最小字体

font style ='font-size:100 px'.../font无限增大

◆◆◆◆◆◆◆◆◆◆◆◆◆◆《〈格式标志〉》◆◆◆◆◆◆◆◆◆◆◆◆

p/p 创建一个段落

p align="" 将段落按左、中、右对齐

br换行 插入一个回车换行符

blockquote/blockquote 从两边缩进文本

dl/dl 定义列表

dt 放在每个定义术语词前

dd 放在每个定义之前

ol/ol 创建一个标有数字的列表

ul/ul 创建一个标有圆点的列表

li 放在每个列表项之前,若在ol/ol之间则每个列表项加上一个数字,

若在ul/ul之间则每个列表项加上一个圆点

div align=""/div 用来神晌好排版大块HTML段落,也用于格式化表

MENU 选项清单

DIR 目录清单

nobr/nobr 强行不换行

hr size='9' width='80%' color='ff0000'水平线(设定宽度)

center/center 水平居中

◆◆◆◆◆◆◆◆◆《〈链接标志表格标志〉》◆◆◆◆◆◆◆◆◆◆◆◆◆◆

a href="URL"/a 创建超文本链接

a href="mailtEMAIL"

/a 创建自动发送电子邮件的链接

a name="name"/a 创建位于文档内部的书签

a href="#name"/a 创建指向位于文档内部书签的链接

BASE 文档中不能被该站点辨识的其它所有链接源的URL

LINK 定义一个链接和源之间的相互关系

◆◆◆◆◆◆◆◆链接标记注解：◆◆◆◆◆◆◆◆◆◆◆◆

◆target="..."决定链接源在什么地方显示(用户自定义的名字，_blank,_parent,_self,_top

◆rel="..."发送链接的类型

◆rev="..."保存链接的类型

◆accesskey="..."指定该元素的热键

◆shape="..."允许我们使用已定义的形状定义客户端的图形镜像(default，rect，circle，poly

◆coord="..."使用像素或者长度百分比来定义形状的尺寸

◆tabindex="..."使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使用tab键使元素获得焦点)

◆◆◆◆◆◆◆◆表格标记注解：◆◆◆◆◆◆◆◆◆◆◆◆

table/table 创建一个表格

tr/tr 表格中的每一行

td/td 表格谨前中一行中的每一个格子

th/th 设置表格头:通常是黑体居中文字

table cellspacing="" 设置表格格子之间空间的大小

table border="" 设置边框的宽度

table cellpadding="" 设置表格格子边框与其内部内容之间空间的大小

table width="" 设置表格的宽度。用绝对像素值或总宽度的百分比

table align="" 设置表格格子的水平对齐方式(left,center,right,justify)

tr align="" 设置表格格子的水平对齐方式(left,center,right,justify)

tr valign="" 设置表格格子的垂直对齐方式(baseline,bottom,middle,top)

td colspan="" 设置一个表格格子跨占的列数(缺省值为1)

td rowspan="" 设置一个表格格子跨占的行数(缺省值为1)

td nowrap 禁止表格格子内的内容自动断行

CAPTION/CAPTION 表格的标题

COLGROUP/COLGROUP 定义多个列为一组列

TABLE/TABLE 创建一个表格

THEAD/THEAD 定义表格的页眉

COL 定义一个列组中的列，以便对它们能够同时设置有关属性

TBODY/TBODY 定义一个表格的实体

TFOOT/TFOOT 定义一个表格的页脚

◆◆◆◆◆◆◆◆◆◆◆◆《表单标志》◆◆◆◆◆◆◆◆◆◆◆

form/form 创建表单

action="..."接收数据的服务器的URL

method="..."HTTP的方法(get, post)。其中get是被反对使用的

enctype="..."指定MIME(Internet媒体类型)

onsubmit="..."当提交表单时发生的内部事件

noreset="..."在重新设置表单时发生的内部事件

target="..."决定把内容显示在什么地方(_blank, _parent, _self, _top

select multiple name="name" size=""/select 创建滚动菜单,size设置在需要滚动前可以看到的表单项数目 option 设置每个表单项的内容

select name="name"/select 创建下拉菜单

textarea name="name" cols=40 rows=8/textarea 创建一个文本框区域,列的数目设置宽度,行的数目设置高度

input type="checkbox" name="name" 创建一个复选框,文字在标签后面

input type="radio" name="name" value="" 创建一个单选框,文字在标志后面

input type=text name="foo" size=20 创建一个单行文本输入区域,size设置以字符串的宽度中国站长第一门户

input type="submit" value="name" 创建提交(submit)按钮

input type="image" border=0 name="name" src="name.gif" 创建一个使用图象的提交(submit)按钮 input type="reset" 创建重置(reset)按钮

BUTTON/BUTTON 创建一个按钮

disabled="..."把按钮的状态设置为不能

name="..."按钮的控制名 value="..."按钮的值

type="..."按钮的类型(button, submit, reset)

FIELDSET/FIELDSET 把相互关联的控件组合成一组

ISINDEX 提示用户输入

LABEL/LABEL 为一个控件提供标签

LEGEND/LEGEND 为FIELDSET元素指定一标题中国站长第一门户

SELECT/SELECT 为用户做选择创建各个选项

TEXTAREA/TEXTAREA 创建一个允许用户多行输入的区域

◆◆◆◆◆◆◆◆◆◆◆◆◆◆表单注解：◆◆◆◆◆◆◆◆◆◆◆◆◆◆

type="..."用于输入控件的类型(text,password,checkbox,radio,submit,reset,file,hidden,image,button)

name="..."控件的控制名(要求是除了submit和reset之外的任何名字)

value="..."控件的初始值

checked="..."把一个单选钮设置为选中的状态

disabled="..."把控件的状态设置为不能使用

readonly="..."只对输入密码的文本框使用

size="..."表示以像素为单位的除了文本框和密码框控件之外的其它控件的宽度，它是用来指定字符的数目 src="..."一个图像控件的URL

maxlength="..."指定可以输入的最多的字符数目

alt="..."另外一种文本描述

usemap="..."到客户端图形镜像的URL

align="..."被反对。控制对齐方式(left, center, right, justify)

tabindex="..."通过定义的tabindex值确定在不同元素之间获得焦点的顺序

onfocus="..."当元素获得焦点时发生的事件

onblur="..."当元素失去焦点时发生的事件

onselect="..."当元素被选中时发生的事件

onchang="..."当元素状态被改变时发生的事件

accept="..."允许上载的文件类型

◆◆◆◆◆◆◆◆◆◆◆◆◆◆《帧标志》◆◆◆◆◆◆◆◆◆◆◆◆◆◆

frameset/frameset 放在一个帧文档的body标签之前,也可以嵌在其他帧文档中中国站长第一门户

frameset rows="value,value" 定义一个帧内的行数,可以使用绝对像素值或高度的百分比

frameset cols="value,value" 定义一个帧内的列数,可以使用绝对像素值或宽度的百分比

frame 定义一个帧内的单一窗或窗区域

noframes/noframes 定义在不支持帧的浏览器中显示什么提示

frame src="URL" 规定帧内显示的HTML文档

frame name="name" 命名帧或区域以便别的帧可以指向它

frame marginwidth="" 定义帧左右边缘的空白大小,必须大于等于1

frame marginheight="" 定义帧上下边缘的空白大小,必须大于等于1

frame scrolling="" 设置帧是否有滚动栏,其值可以是"yes","no" 或"auto"

frame noresize 禁止用户调整一个帧的大小

IFRAME/IFRAME 创建一个内联的帧

scr="..."定义在帧中显示的内容的来源

frameborder="..."定义帧之间的边界(0或1)

align="..."被反对。控制对齐方式(left, center, right, justify)

height="..."帧的高度 width="..."帧的宽度

marquee.../marquee普通卷动

marquee behavior=slide.../marquee滑动

marquee behavior=scroll.../marquee预设卷动中国站长第一门户

marquee behavior=alternate.../marquee来回卷动

marquee direction=down.../marquee向下卷动

marquee direction=up.../marquee向上卷动

marquee direction=right/marquee向右卷动

marquee direction='left'/marquee向左卷动

marquee loop=2.../marquee卷动次数

marquee width=180.../marquee设定宽度

marquee height=30.../marquee设定高度

marquee bgcolor=FF0000.../marquee设定背景颜色

marquee scrollamount=30.../marquee设定卷动距离

marquee scrolldelay=300.../marquee设定卷动时间

img src="" 插入图片，参数有:width="宽",alt="说明文字",height="高",boder="边框"

◆◆◆◆◆◆◆◆◆◆◆◆◆◆《 文档整体属性标志》◆◆◆◆◆◆◆◆◆◆◆◆◆◆

body bgcolor="" 设置背景颜色。使用名字或RGB的十六进制值

body background="" 设置背景图片中国站长第一门户

body bgsound="" 设置背景音乐

body bgproperties="fixed"

固定背景图片（IE适用）

body text="" 设置文本颜色。使用名字或RGB的十六进制值

body link="" 设置链接颜色。使用名 字或RGB的十六进制值

body vlink="" 设置已使用的链接的颜色。使用名字或RGB的十六进制值

body alink="" 设置正在被击中的链接的颜色。使用名字或RGB的十六进制值

body topmargin="" 设置页面的上边距 body leftmargin="" 设置页面的左边距中国站长第一门户

htmlbr高度的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html body高度设置、htmlbr高度的信息别忘了在本站进行查找喔。