HTML è il linguaggio utilizzato per creare pagine Web utilizzando blocchi diversi in esso. Tali elementi sono nello stile del modulo divisi in due tipi diversi come elementi di livello di blocchi HTML ed elementi incorporati. Tutti questi tipi di elementi sono racchiusi nel tag dei blocchi HTML. Gli elementi a livello di blocco sono strutturati per progettare il layout principale della tua pagina web.
Se stiamo parlando della vista della struttura, crea una vista della struttura più grande rispetto alla vista degli elementi incorporati. Ogni elemento a livello di blocco inizia con una nuova linea che occupa l'intera larghezza dello schermo. Devono essere scritti all'interno del tag di apertura e chiusura.
Il raggruppamento di elementi è un metodo importante per dividere il layout nelle forme di sezioni o sottosezioni. È possibile inserire qualsiasi elemento di blocco in un altro elemento di blocco, così come siamo anche in grado di inserire elementi inline negli elementi di blocchi HTML, ma non è possibile inserire elementi a livello di blocco negli elementi inline anziché nel tag element.
Vediamo la sintassi per diversi elementi a livello di blocco HTML sono i seguenti:
1. elemento div: funziona come un elemento a blocchi, che occupa l'intera larghezza dello schermo e inizia sempre su una nuova linea.
( ……Lines of code……)
2. tabella: la tabella viene utilizzata per mostrare i dati in un formato tabulare tra cui l'intestazione della tabella, il corpo della tabella con riga della tabella e una colonna della tabella.
3. Elementi dell'elenco : Elenco ordinato ed Elenco non ordinato.
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
4. Inserimento di elementi del modulo : inserimento di elementi del modulo per creare un modulo HTML come segue.
Elementi di blocchi HTML
Esistono diversi elementi utilizzati come elementi a livello di blocco HTML sono i seguenti:
: Il tag indirizzo viene utilizzato per specificare le informazioni di contatto dell'autore nell'articolo HTML.
: L'articolo viene utilizzato per specificare il contenuto che è autonomo.
: Si tratta di elementi che si trovano a parte il contenuto principale, in genere vengono trattati come una barra laterale.
: Ogni volta che utilizziamo contenuti da un'altra fonte blockquote viene utilizzato.
: Canvas is element viene utilizzato nei documenti Web per fornire spazio grafico.
: È l'elemento più importante in tutto lo sviluppo web che viene utilizzato per dividere documenti HTML in sezioni o divisioni.
: Qualsiasi etichetta o elemento correlato al gruppo utilizzato nei moduli Web raggruppati nel set di campi.
: I moduli HTML vengono definiti utilizzando questo elemento a livello di blocco. È più comunemente usato nel processo di sviluppo web.
: Viene utilizzato per indicare la sezione piè di pagina di una pagina Web.
-
: Queste sono le intestazioni utilizzate nel linguaggio HTML che definiscono i livelli da 1 a 6.
: Questo elemento viene utilizzato per indicare la sezione dell'intestazione della pagina Web.
: Questo è l'ultimo elemento introdotto in HTML 5 che viene utilizzato per indicare la sezione della pagina, inclusi i collegamenti di navigazione.
: L' elemento della sezione viene utilizzato per rappresentare una sezione generica al suo documento.
: Ogni volta che vogliamo mostrare i dati nel formato tabulare, una tabella è la soluzione perfetta per questo. Creerà una tabella per il tuo documento HTML.
: Se desideri includere contenuti video nel tuo documento HTML, puoi farlo anche usando semplici elementi video nel tuo codice.
: Se un utente desidera mostrare un elenco di elementi, è possibile utilizzarlo
elemento.
: Mostrerà l'elenco nel modo ordinato.
: Mostrerà l'elenco in modo non ordinato.
: questo elemento utilizzato per descrivere termini diversi nel formato dell'elenco delle descrizioni.
Esempi di blocchi HTML
Ecco alcuni esempi di blocchi HTML che sono riportati di seguito:
Esempio 1
Nell'esempio seguente, useremo alcuni elementi di blocco HTML di base come div, p, intestazioni, elemento di elenchi con l'elenco ordinato e non ordinato, ecc.
Codice:
HTML Block Level Elements
HTML Block Level Elements
HTML Block Level Elements
HTML Block Level Elements
HTML Block Level Elements
HTML Block Level Elements
Questo è l'esempio degli elementi di blocco HTML che mostrano più blocchi elementi di livello racchiusi al suo interno. Qui possiamo anche usare elementi incorporati
Esempio incluso div, p, elementi di titoli, elementi di elenco
Questo esempio mostra diversi tipi di elementi di blocco HTML come div, p , voci comprese tra h1 e h6
Esempio di elenchi
Un elenco HTML non ordinato che mostra i Paesi
Mumbai
Pune
Nagpur
Un elenco HTML ordinato che mostra i paesi
Mumbai
Pune
Nagpur
Produzione:
Esempio n. 2
Qui vedremo un altro esempio in cui stiamo creando una tabella.
Ora usando elementi di blocchi HTML, creeremo un modulo HTML come segue:
Codice:
Password Input Control
Welcome to HTMl Block Demo Please login here User ID :
Password:
Remember Me
Password Input Control
Welcome to HTMl Block Demo Please login here User ID :
Password:
Remember Me
Password Input Control
Welcome to HTMl Block Demo Please login here User ID :
Password:
Remember Me
Password Input Control
Welcome to HTMl Block Demo Please login here User ID :
Password:
Remember Me
Password Input Control
Welcome to HTMl Block Demo Please login here User ID :
Password:
Remember Me
Produzione:
Esempio n. 4
Qui stiamo cercando di indirizzare l'elemento in blocchi HTML.
Codice:
Presented BY Narendra Modi. Visit us at:Delhi primeminister.com Box 104, Red Fort Delhi
Produzione:
Conclusione
Da tutte le informazioni di cui sopra, ha concluso che l'elemento di livello dei blocchi HTML è incluso nel corpo del documento HTML. Creerà alcuni grandi blocchi HTML di sezioni come paragrafi o pagine con la divisione. Si può includere un altro elemento a livello di blocco negli elementi a livello di blocco. È anche possibile includere elementi incorporati nell'elemento a livello di blocco, ma non è possibile includere elementi a livello di blocco negli elementi incorporati.
Articoli consigliati
Questa è una guida ai blocchi HTML. Qui discutiamo gli elementi dei blocchi HTML insieme agli esempi e all'implementazione del codice. Puoi anche consultare i seguenti articoli per saperne di più -
