Elementos de bloque y elementos de línea en HTML

By Jorge Carretero on agosto 3rd, 2007

HTML clasifica a todos los elementos en dos grandes grupos: elementos en línea (inline elements en inglés) y elementos de bloque (block elements en inglés).

Las diferencias:

BLOQUE: Los elementos de bloque siempre empiezan en una nueva línea y ocupan todo el espacio disponible hasta el final de la línea, aunque sus contenidos no lleguen hasta el final de la línea. Esta nueva línea contiene un espacio superior y otro inferior.

LÍNEA: Los elementos en línea sin embargo no empiezan en nueva línea y solo ocupan el espacio necesario para mostrar sus contenidos

————

BLOQUE: La mayoría de elementos de bloque pueden contener elementos en línea y otros elementos de bloque.

LÍNEA: Los elementos en línea solo pueden contener texto u otros elementos en línea

==> En otras palabras, un elemento de bloque no puede aparecer dentro de un elemento en línea. En cambio, un elemento en línea puede aparecer dentro de un elemento de bloque y dentro de otro elemento en línea.

Lista de elementos de bloque y de línea definidos por HTML:

Los elementos de bloque definidos por HTML son:

address
blockquote
center
dir
div
dl
fieldset
form
h1
h2
h3
h4
h5
h6
hr
isindex
menu
noframes
nos-cript
ol
p
pre
table
ul

Los elementos en línea definidos por HTML son:

a
abbr
acronym
b
basefont
bdo
big
br
cite
code
dfn
em
font
i
img
input
kbd
label
q
s
samp
select
small
span
strike
strong
sub
sup
textarea
tt
u
var.

Los siguientes elementos también se considera que son de bloque:

dd
dt
frame-set
li
tbody
td
tfoot
th
thead
tr

Los siguientes elementos pueden ser en línea y de bloque según las circunstancias:

button
del
iframe
ins
map
object
script

Referencias
Librosweb.es : Elementos en línea y elementos de bloque
Juque
Mozilla Developer Center: HTML:Elemento:Tipos de elementos

Categorized under: CSS, Diseño, HTML.
Tagged with: no tags.

32 Responses to “Elementos de bloque y elementos de línea en HTML”

sommarjobb stockholm 2012 dice:

Jueves 8 diciembre, 2011 a las 19:44

2012 Fashion ideas b…

Events in the past may be roughly divided into those which probably never happened and those which do not matter….
pret personnel meilleur taux dice:

Domingo 18 marzo, 2012 a las 16:25

… [Trackback]…

[...] Read More Infos here: arcoe.es/2007/08/03/elementos-de-bloque-y-elementos-de-linea-en-html/ [...]…
rachat credit dice:

Lunes 19 marzo, 2012 a las 4:55

… [Trackback]…

[...] There you will find 62524 more Infos: arcoe.es/2007/08/03/elementos-de-bloque-y-elementos-de-linea-en-html/ [...]…
earlychildhoodeducationjobs.org dice:

Lunes 19 marzo, 2012 a las 10:33

… [Trackback]…

[...] Read More: arcoe.es/2007/08/03/elementos-de-bloque-y-elementos-de-linea-en-html/ [...]…
hardwoodflooringcost.org dice:

Lunes 19 marzo, 2012 a las 11:18

… [Trackback]…

[...] Read More: arcoe.es/2007/08/03/elementos-de-bloque-y-elementos-de-linea-en-html/ [...]…
Tarzan vibrator dice:

Martes 20 marzo, 2012 a las 13:40

… [Trackback]…

[...] There you will find 76721 more Infos: arcoe.es/2007/08/03/elementos-de-bloque-y-elementos-de-linea-en-html/ [...]…
\special education teaching jobs\ dice:

Viernes 23 marzo, 2012 a las 2:58

… [Trackback]…

[...] Read More here: arcoe.es/2007/08/03/elementos-de-bloque-y-elementos-de-linea-en-html/ [...]…
game dice:

Sábado 24 marzo, 2012 a las 10:31

… [Trackback]…

[...] Read More here: arcoe.es/2007/08/03/elementos-de-bloque-y-elementos-de-linea-en-html/ [...]…
προωθηση ιστοσελιδων dice:

Lunes 26 marzo, 2012 a las 7:39

… [Trackback]…

[...] Informations on that Topic: arcoe.es/2007/08/03/elementos-de-bloque-y-elementos-de-linea-en-html/ [...]…
οικιακά φωτοβολταϊκά dice:

Jueves 29 marzo, 2012 a las 16:00

… [Trackback]…

[...] Find More Informations here: arcoe.es/2007/08/03/elementos-de-bloque-y-elementos-de-linea-en-html/ [...]…
เกมสอนแต่งหน้า dice:

Sábado 31 marzo, 2012 a las 10:04

… [Trackback]…

[...] There you will find 73139 more Infos: arcoe.es/2007/08/03/elementos-de-bloque-y-elementos-de-linea-en-html/ [...]…
Celexa side effects dice:

Domingo 1 abril, 2012 a las 14:43

… [Trackback]…

[...] Read More here: arcoe.es/2007/08/03/elementos-de-bloque-y-elementos-de-linea-en-html/ [...]…
gabapentin dose dice:

Domingo 1 abril, 2012 a las 15:31

… [Trackback]…

[...] Find More Informations here: arcoe.es/2007/08/03/elementos-de-bloque-y-elementos-de-linea-en-html/ [...]…
lennot dice:

Martes 3 abril, 2012 a las 10:28

… [Trackback]…

[...] Read More Infos here: arcoe.es/2007/08/03/elementos-de-bloque-y-elementos-de-linea-en-html/ [...]…
free hd wallpapers nature dice:

Jueves 5 abril, 2012 a las 20:26

… [Trackback]…

[...] Read More Infos here: arcoe.es/2007/08/03/elementos-de-bloque-y-elementos-de-linea-en-html/ [...]…
rachat de credit surendettement dice:

Jueves 5 abril, 2012 a las 22:02

… [Trackback]…

[...] Read More: arcoe.es/2007/08/03/elementos-de-bloque-y-elementos-de-linea-en-html/ [...]…
china dice:

Viernes 6 abril, 2012 a las 2:05

… [Trackback]…

[...] There you will find 71231 more Infos: arcoe.es/2007/08/03/elementos-de-bloque-y-elementos-de-linea-en-html/ [...]…
P90X Review dice:

Viernes 6 abril, 2012 a las 21:53

… [Trackback]…

[...] Read More Infos here: arcoe.es/2007/08/03/elementos-de-bloque-y-elementos-de-linea-en-html/ [...]…
angry birds picture dice:

Martes 10 abril, 2012 a las 18:26

… [Trackback]…

[...] There you will find 78750 more Infos: arcoe.es/2007/08/03/elementos-de-bloque-y-elementos-de-linea-en-html/ [...]…
routing number, aba routing, bank routing number, aba routing number, routing transit number dice:

Sábado 14 abril, 2012 a las 7:53

… [Trackback]…

[...] There you will find 74771 more Infos: arcoe.es/2007/08/03/elementos-de-bloque-y-elementos-de-linea-en-html/ [...]…
make a website dice:

Viernes 20 abril, 2012 a las 0:16

… [Trackback]…

[...] Find More Informations here: arcoe.es/2007/08/03/elementos-de-bloque-y-elementos-de-linea-en-html/ [...]…
39;+ dice:

Viernes 20 abril, 2012 a las 23:58

… [Trackback]…

[...] Read More: arcoe.es/2007/08/03/elementos-de-bloque-y-elementos-de-linea-en-html/ [...]…
Read more dice:

Miércoles 25 abril, 2012 a las 10:54

… [Trackback]…

[...] There you will find 61109 more Infos: arcoe.es/2007/08/03/elementos-de-bloque-y-elementos-de-linea-en-html/ [...]…
stratford career institute dice:

Miércoles 25 abril, 2012 a las 13:42

… [Trackback]…

[...] Informations on that Topic: arcoe.es/2007/08/03/elementos-de-bloque-y-elementos-de-linea-en-html/ [...]…
Visit page dice:

Miércoles 25 abril, 2012 a las 16:06

… [Trackback]…

[...] Read More: arcoe.es/2007/08/03/elementos-de-bloque-y-elementos-de-linea-en-html/ [...]…
rocking chair cushion dice:

Jueves 26 abril, 2012 a las 11:46

… [Trackback]…

[...] There you will find 77326 more Infos: arcoe.es/2007/08/03/elementos-de-bloque-y-elementos-de-linea-en-html/ [...]…
searscard dice:

Domingo 29 abril, 2012 a las 4:26

… [Trackback]…

[...] Read More here: arcoe.es/2007/08/03/elementos-de-bloque-y-elementos-de-linea-en-html/ [...]…
Akkusauger dice:

Jueves 3 mayo, 2012 a las 10:48

… [Trackback]…

[...] Read More here: arcoe.es/2007/08/03/elementos-de-bloque-y-elementos-de-linea-en-html/ [...]…
book of ra dice:

Lunes 7 mayo, 2012 a las 17:53

… [Trackback]…

[...] Find More Informations here: arcoe.es/2007/08/03/elementos-de-bloque-y-elementos-de-linea-en-html/ [...]…
Markku dice:

Miércoles 9 mayo, 2012 a las 20:24

… [Trackback]…

[...] Read More Infos here: arcoe.es/2007/08/03/elementos-de-bloque-y-elementos-de-linea-en-html/ [...]…
how to get your ex boyfriend back dice:

Viernes 11 mayo, 2012 a las 4:25

… [Trackback]…

[...] Read More: arcoe.es/2007/08/03/elementos-de-bloque-y-elementos-de-linea-en-html/ [...]…
Page dice:

Lunes 14 mayo, 2012 a las 15:38

… [Trackback]…

[...] Informations on that Topic: arcoe.es/2007/08/03/elementos-de-bloque-y-elementos-de-linea-en-html/ [...]…

Leave a Response

You must be logged in to post a comment.

Arcoe – Tecnología Software

Con el paso de los días, semanas, meses… uno va aprendiendo cosas que o las apunta o va a tener que volver a buscarlas en Google.