Diferència entre els elements de bloc i en línia

2024 Autora: Alex Aldridge | [email protected]. Última modificació: 2023-12-17 13:34

Diferència clau: bloc vs elements en línia

HTML significa Hyper Text Markup Language. S'utilitza per crear pàgines web. Cada pàgina web està connectada a altres pàgines web mitjançant hiperenllaços. Aquest llenguatge consta d'etiquetes. Una etiqueta està tancada entre claus angulars. La sintaxi és semblant a. La majoria de les etiquetes també tenen una etiqueta de tancament. Quan és una etiqueta, l'etiqueta de tancament és. Algunes etiquetes no tenen una etiqueta de tancament. Exemples d'aquestes etiquetes són

i

Es coneixen com a etiquetes buides. Un element HTML és un component del document HTML o de la pàgina web després d'haver estat analitzat al Document Object Model (DOM). DOM és una representació interna dins del navegador web. Representa cada document en una estructura d'arbre. Al navegador, els elements que es poden mostrar poden ser un element de bloc o un element en línia. Els elements del bloc tenen una estructura rectangular. Els elements en línia es poden incrustar en elements de bloc. La diferència clau entre el bloc i l'element en línia és que els elements del bloc ocupen tota l'amplada disponible mentre que els elements en línia ocupen l'amplada necessària per mostrar el contingut dels elements.

Què són els elements de bloc?

Els elements de bloc tenen l'amplada total disponible. Aquests elements sempre comencen amb una línia nova. Alguns exemples d'elements de bloc són els següents.

s'utilitza per definir un paràgraf. p. ex.

Aquest és un paràgraf

. Hi ha sis etiquetes per definir les capçaleres. Són

,

,

…

. El programador pot utilitzar la capçalera en conseqüència.

La llista ordenada es defineix per

mentre que la llista no ordenada està definida per

. S'utilitza per mostrar una línia horitzontal a través de la pàgina web. El

s'utilitza per organitzar les dades en format de taula. Per a cada lloc web, cal recopilar dades dels visitants del lloc. Els formularis HTML s'utilitzen per obtenir dades de l'usuari. També és un element a nivell de bloc. Aquests són alguns exemples d'elements de bloc en HTML.

Què són els elements en línia?

Els elements en línia només tenen l'amplada necessària. Aquests elements no comencen amb una línia nova. Alguns exemples d'elements en línia són els següents. s'utilitza per crear enllaços d'una pàgina a una altra. Els hiperenllaços són un dels elements essencials en HTML. Pot contenir l'atribut href per crear un enllaç a la destinació. per exemple. Visiteu Google. L'atribut target està en blanc. Per tant, el nou document s'obrirà en una finestra nova. Si l'atribut de destinació és "_self", el document enllaçat s'obrirà a la mateixa finestra.

Figura 01: exemples d'elements de bloc i en línia

Els'utilitza per posar en negreta una secció de text. L'etiqueta ha de posar el text en cursiva. Una pàgina web ha de ser presentable. Per tant, qualsevol pàgina web consta de diverses imatges. El

s'utilitza per mostrar una imatge a la pàgina. Aquesta etiqueta requereix dos atributs. Són src i alt. El 'src' descriu la ubicació de la imatge i l'' alt' descriu de què tracta la imatge. per exemple.. Aquests són alguns exemples d'elements en línia.

Quina és la semblança entre els elements de bloc i en línia?

Els elements de bloc i en línia s'utilitzen com a contenidors en HTML

Quina diferència hi ha entre els elements en bloc i en línia?

Block vs elements en línia
Els elements del bloc són els elements que abastaran tota l'amplada de l'element principal i no permetran que cap altre element ocupi el mateix espai horitzontal on es col·loca.	Els elements en línia són els elements que no es poden col·locar directament dins de l'element del cos i que estan imbricats dins dels elements de bloc.
Nova línia
Els elements de bloc comencen amb una línia nova.	Els elements en línia no comencen amb una línia nova.
espai necessari
Els elements del bloc tenen tota l'amplada.	Els elements en línia només prendran l'amplada necessària.

Resum: bloc vs elements en línia

HTML són les sigles del llenguatge de marcat d'hipertext. És un llenguatge format per etiquetes. Cada etiqueta té una tasca específica i defineix com estructurar la pàgina web. Algunes etiquetes tenen l'etiqueta inicial i l'etiqueta final. Algunes etiquetes no tenen una etiqueta de finalització. S'anomenen etiquetes buides. L'anàlisi és el procés d'anàlisi de la sintaxi. Després del pas d'anàlisi, aquestes etiquetes es converteixen en elements. Els elements poden ser elements a nivell de bloc o elements en línia. La diferència entre els elements bloc i en línia és que els elements de bloc ocupen tota l'amplada disponible mentre que els elements en línia ocupen l'amplada necessària per mostrar el contingut dels elements.

Baixa la versió PDF de Block vs Inline Elements

Podeu descarregar la versió PDF d'aquest article i utilitzar-la per a finalitats fora de línia segons la nota de citació. Si us plau, descarregueu la versió PDF aquí: Diferència entre els elements de bloc i en línia