Quali sono i codici HTML di base?

Quali sono i codici HTML di base?

Diverse pagine Web sono incluse in un sito Web, come la home page, la pagina di contatto e la pagina sulla pagina. Il linguaggio HTML viene utilizzato per creare quelle pagine. I siti Web sono strutturati e i loro contenuti sono specificati con l'aiuto di HTML. Nel contenuto del sito Web, ci sono diversi elementi, tra cui intestazioni, paragrafi, pulsanti e collegamenti.

In questo manuale, impareremo i codici HTML di base. Quindi iniziamo!

Quali sono i codici HTML di base?

HTML si basa su tag diversi come , ,

e molti altri. Questi tag sono generalmente racchiusi tra parentesi angolari, indicando l'inizio di un elemento HTML.

I seguenti tag saranno ora discussi in modo più dettagliato:


Cominciamo con il primo.

In HTML5, il “"Il tag appare all'inizio del documento. Il browser lo utilizza per scoprire la versione HTML. Più specificamente, dice al browser in quale versione di HTML il documento è scritto in:

etichetta

I tipi di documenti sono definiti dal tag iniziale. Per creare un documento HTML, il ""Viene utilizzato il tag. Tutti gli altri elementi di HTML, come "Testa" E "corpo", Sono scritti tra"" E ""Tag:

etichetta

Il tag principale di HTML definisce le informazioni relative al documento nella testa del documento. Contiene altri elementi della testa come ,,, e:

etichetta

In un documento HTML, per utilizzare lo stile in linea, ""Viene utilizzato il tag. Le proprietà di stile definite all'interno del tag determinano come apparirà il documento. Ad esempio, lo stile definito nella sezione evidenziata si applica solo all'interno del documento:

etichetta

IL ""Il tag specifica quale tipo di contenuto viene aggiunto in una pagina, inclusi intestazioni, paragrafi, collegamenti, pulsanti, immagini e altri. Ogni documento HTML necessita di questo tag e dovrebbe usarlo solo una volta:

Tag di intestazione

Un'intestazione è la prima parte di qualsiasi documento. Esistono diverse dimensioni del carattere che puoi usare per le intestazioni, anche

,

,

,

,

, E
. Quando viene visualizzata un'intestazione, il browser aggiunge una riga prima e una dopo.

Esempio 1:

etichetta

Qui, aggiungeremo l'intestazione di livello più alto usando il "

"Tag:


Questa è una voce 1


Puoi vedere che l'intestazione viene aggiunta alla pagina web:

Esempio 2:

etichetta

Ora aggiungeremo due intestazioni usando il

E

Tag per visualizzare la differenza tra entrambi:


Questa è una voce 1


Questa è una voce 2


Si può vedere che entrambe le intestazioni differenziano in termini di dimensioni dei caratteri:

etichetta

I paragrafi possono essere definiti in una pagina Web utilizzando HTML "

"Tag. IL

I tag indicano l'inizio di un nuovo paragrafo in HTML. Una linea vuota viene aggiunta a ogni paragrafo all'inizio o alla fine dal browser.

Esempio

Qui, useremo "
..

Questo è un paragrafo


Nell'output di seguito, il paragrafo viene aggiunto alla stessa pagina Web:

etichetta

Un tag HTML Div viene utilizzato per aggiungere insieme gli elementi HTML. I tag hanno ruoli specifici. Ad esempio, il

Il tag indica paragrafi, da H1 a H6 rappresenta le intestazioni, ma il tag DIV specifica le sezioni all'interno dei documenti HTML. Gli elementi HTML sono generalmente raggruppati insieme usando il tag DIV in modo che gli stili CSS possano essere applicati a molti di essi contemporaneamente.

Esempio

Qui, aggiungeremo un div usando il ""Tag. Successivamente, aggiungeremo un'intestazione usando

e paragrafo usando

etichetta:


..

Questo è un div


Paragrafo Div



Produzione


etichetta

IL "
"Il tag viene utilizzato per le pause di linea; Qualunque cosa che ne segue inizia dalla riga successiva. Nel luogo in cui aggiungerai il
Tag, i prossimi elementi web verranno spostati nella nuova riga della pagina web.

Esempio

Qui, aggiungeremo "
"Tag in una dichiarazione Div, dopo la parola"UN":


..
Questo è un
div

Nell'immagine sotto fornita, puoi vedere che c'è un'interruzione di riga dopo la parola "UN":

etichetta

IL ""Il tag viene utilizzato per ottenere l'input dall'utente. HTML consente a un utente di specificare un campo di input in cui è possibile inserire i dati. Può avere una varietà di tipi a seconda dei loro attributi, come caselle di testo, caselle di controllo, pulsanti di radio e molti altri.

Esempio

Ora creeremo una casella di controllo, usando la ""Tag e imposta il tipo di input come"Casella di controllo":


..

Utilizzando il codice sopra, puoi vedere che la casella di controllo viene aggiunta correttamente:

etichetta

IL ""Il tag viene utilizzato per impostare la didascalia di un elemento. Viene aggiunto con gli elementi del modulo, come campo di testo, casella e -mail, campo password o casella di controllo per fornire informazioni correlate.

Esempio

Imposta l'etichetta dopo la casella di controllo utilizzando ""Tag e specifica il testo dell'etichetta:


..


Ecco il risultato che dimostra che l'etichetta rappresenta la casella di controllo:

Questo è tutto! Abbiamo spiegato in dettaglio il tag di base HTML.

Conclusione

Per creare un documento HTML e aggiungere elementi ad esso, ci sono diversi tag che vengono utilizzati come , , ,

,

, e molti altri. In questo articolo, abbiamo spiegato tutti questi tag e fornito esempi di ogni tag per la tua migliore comprensione.