In questo articolo impareremo gli attributi HTML e ti aiuteremo a distinguere gli elementi HTML.

Che cos'è l'HTML in post? Ho detto che l'HTML è essenzialmente XML, quindi è composto da due componenti principali, che sono i nomi dei tag ( tagname ) e gli attributi ( attributo ). Per XML il nome del tag può essere definito dall'utente, ma per HTML è necessario utilizzare il nome del tag che si trova nell'elenco Elementi HTML. Altrimenti il browser non capirà quale tag stai usando per produrre il formato corretto.

Quindi qual è l' attributo in HTML e qual è l' elemento HTML , scopriamolo subito.

Cosa sono gli elementi html?

L'elemento html è l'elenco dei tag html supportati dal browser ed è anche nell'elenco dei tag html che WWW ha specificato.

L'elenco dei tag HTML è così vasto che è difficile elencare e utilizzare le istruzioni. Pertanto, elenco solo alcune carte e nei prossimi articoli ne introdurrò altre.

Biglietto da visita:

Il nome del tag HTML deve trovarsi nel proprio elenco, ad esempio:

• html
• corpo
• testa
• titolo
• meta
• h1
• h2
• h3
• h4
• h5
• h6
• p
• div
• tavolo
• figli
• td
• …

Non posso elencarli tutti, ma li tratterò gradualmente nei prossimi articoli.

Tag di apertura e chiusura

Ogni tag avrà un tag di apertura ( opentag ) e un tag di chiusura ( closetag ). Ad esempio, con il tag div , scriverei quanto segue:

 <div>Nội dung bên trong</div>

Tag di chiusura mancante (tag di chiusura rapida)

Ci sono anche alcuni tag che mancheranno il tag di chiusura, questo tipo è chiamato quick closetag, il che significa che esiste solo nel tag di apertura, scriveremo quanto segue:

 <tagname/>

Esempio : tag di input, meta e link

 <input /> <link /> <meta />

Carte annidate all'interno delle carte

I tag HTML verranno nidificati insieme per formare un layout solido, ora il tag figlio sarà completamente all'interno del tag genitore.

Esempio :

 <div> <input type="text" classname="Class Name" value=""/> </div>

Quindi, nel processo di scrittura del codice HTML, non devi dimenticare il tag di chiusura , perché in questo modo l'interfaccia sarà facilmente danneggiata. Nel caso in cui manchi il tag di chiusura, utilizzeremo la sintassi del tag di chiusura rapido .

Attributi in HTML

Possiamo pensare a ogni tag HTML come a un oggetto. Ora l'oggetto HTML avrà attributi per descriverlo. Ad esempio, il tag di input ha i seguenti attributi:

• name : Usato per dichiarare il nome
• type : Usato per impostare la categoria
• id : Usato per nominare la chiave per la carta
• value : utilizzato per dichiarare il valore per il tag

 <input type="text" name="inputname" id="inputid" value=""/>

Corri vedrai apparire una casella di testo e puoi inserire i dati in questa casella.

Virgolette singole e doppie

I principianti molto probabilmente incontreranno questo errore. Ogni attributo nell'HTML avrà la struttura name="value" o name='value' . Se si utilizzano virgolette singole intorno ' valore, il valore di value non deve contenere virgolette singole. Al contrario, se vengono utilizzate le virgolette " , il valore non deve apparire tra virgolette doppie.

 <input type="text" name="inputname" id="inputid" value="Hello 'freetuts.net'"/>

Quindi, in seguito, quando si desidera visualizzare i dati nel database in un linguaggio di back-end come PHP, JSP, è necessario convertire quei marcatori in un altro formato.

Attributi estesi

Ogni tag HTML accetta solo determinati attributi propri. Ma se vuoi definire un altro attributo, va bene. Tuttavia, il browser non capirà queste proprietà, quindi non farà nulla. Pertanto, di solito combineremo proprietà autodefinite con Javascript per gestire i problemi. Lo impareremo in altre lezioni.

Ad esempio : nel tag di input, non c'è un attributo classname , ma possiamo anche aggiungerlo, ma non funzionerà in fase di esecuzione.

 <input type="text" classname="Class Name" value=""/>

Epilogo

Quindi, in questo articolo, ti ho mostrato come assegnare un nome a un tag HTML e ai suoi attributi. Questa lezione non è ancora entrata nelle carte comuni quindi è ancora un po' noiosa, ma devi capire le regole sopra, nelle prossime lezioni ti sarà facile imparare.