Differenza tra elementi Block e Inline

Sommario:

Differenza tra elementi Block e Inline
Differenza tra elementi Block e Inline

Video: Differenza tra elementi Block e Inline

Video: Differenza tra elementi Block e Inline
Video: HTML5 - Tutorial 10: Elementi block e inline in HTML 2024, Luglio
Anonim

Differenza chiave – Blocco vs elementi in linea

HTML sta per Hyper Text Markup Language. Viene utilizzato per creare pagine web. Ogni pagina Web è collegata ad altre pagine Web tramite collegamenti ipertestuali. Questa lingua è composta da tag. Un tag è racchiuso tra parentesi angolari. La sintassi è simile a. La maggior parte dei tag ha anche un tag di chiusura. Quando è un tag, il tag di chiusura è. Alcuni tag non hanno un tag di chiusura. Esempi di tali tag sono

e

Differenza tra elementi a blocchi e inline
Differenza tra elementi a blocchi e inline

Sono conosciuti come tag void. Un elemento HTML è un componente del documento HTML o della pagina Web dopo che è stato analizzato in Document Object Model (DOM). DOM è una rappresentazione interna all'interno del browser web. Rappresenta ogni documento in una struttura ad albero. Nel browser, gli elementi visualizzabili possono essere un elemento di blocco o un elemento inline. Gli elementi a blocchi hanno una struttura rettangolare. Gli elementi inline possono essere incorporati in elementi di blocco. La differenza fondamentale tra il blocco e l'elemento in linea è che gli elementi a blocco occupano l'intera larghezza disponibile mentre gli elementi in linea occupano la larghezza richiesta per visualizzare il contenuto degli elementi.

Cosa sono gli elementi a blocchi?

Gli elementi Block occupano l'intera larghezza disponibile. Questi elementi iniziano sempre con una nuova riga. Alcuni esempi di elementi di blocco sono i seguenti.

è usato per definire un paragrafo. es.

Questo è un paragrafo

. Ci sono sei tag per definire le intestazioni. Sono

,

,

. Il programmatore può utilizzare l'intestazione di conseguenza.

L'elenco ordinato è definito da

mentre l'elenco non ordinato è definito da

. Viene utilizzato per visualizzare una linea orizzontale attraverso la pagina web. Il

è usato per organizzare i dati in un formato tabella. Per ogni sito web è necessario raccogliere dati dai visitatori del sito. I moduli HTML vengono utilizzati per ottenere dati dall'utente. È anche un elemento a livello di blocco. Questi sono alcuni esempi di elementi a blocchi in HTML.

Cosa sono gli elementi in linea?

Gli elementi in linea prendono solo la larghezza richiesta. Questi elementi non iniziano con una nuova riga. Alcuni esempi di elementi inline sono i seguenti. viene utilizzato per creare collegamenti da una pagina all' altra. I collegamenti ipertestuali sono uno degli elementi essenziali in HTML. Può contenere l'attributo href per creare un collegamento alla destinazione. per esempio. Visita Google. L'attributo di destinazione è vuoto. Pertanto, il nuovo documento si aprirà in una nuova finestra. Se l'attributo di destinazione è "_self", il documento collegato si aprirà nella stessa finestra.

Figura 01: Esempi di elementi a blocchi e in linea

Ilviene utilizzato per mettere in grassetto una sezione di testo. Il tag serve a rendere il testo corsivo. Una pagina web dovrebbe essere presentabile. Pertanto, qualsiasi pagina Web è composta da più immagini. Il

è usato per visualizzare un'immagine sulla pagina. Questo tag richiede due attributi. Sono src e alt. " src" descrive la posizione dell'immagine e " alt" descrive di cosa tratta l'immagine. per esempio.. Questi sono alcuni esempi di elementi in linea.

Qual è la somiglianza tra elementi Block e Inline?

I blocchi e gli elementi inline sono usati come contenitori in HTML

Qual è la differenza tra elementi Block e Inline?

Blocca contro elementi in linea

Gli elementi block sono gli elementi che si estenderanno per l'intera larghezza dell'elemento genitore e non permetteranno a nessun altro elemento di occupare lo stesso spazio orizzontale su cui è posizionato. Gli elementi inline sono gli elementi che non possono essere posizionati direttamente all'interno dell'elemento body e che sono nidificati all'interno degli elementi block.
Nuova linea
Gli elementi del blocco iniziano con una nuova riga. Gli elementi in linea non iniziano con una nuova riga.
Spazio richiesto
Gli elementi del blocco occupano tutta la larghezza. Gli elementi in linea occuperanno solo la larghezza richiesta.

Riepilogo – Block vs Inline Elements

HTML sta per Hyper Text Markup language. È una lingua composta da tag. Ogni tag ha un compito specifico e definisce come strutturare la pagina web. Alcuni tag hanno il tag iniziale e il tag finale. Alcuni tag non hanno un tag finale. Sono chiamati tag void. L'analisi è il processo di analisi della sintassi. Dopo il passaggio di analisi, questi tag diventano elementi. Gli elementi possono essere elementi a livello di blocco o elementi inline. La differenza tra gli elementi block e inline è che gli elementi block occupano l'intera larghezza disponibile mentre gli elementi inline occupano la larghezza richiesta per visualizzare il contenuto degli elementi.

Scarica la versione PDF di Block vs Inline Elements

Puoi scaricare la versione PDF di questo articolo e usarla per scopi offline come da nota di citazione. Si prega di scaricare la versione PDF qui: Differenza tra elementi Block e Inline

Consigliato: