Attributi HTML

Gli elementi/tag HTML possono avere alcuni attributi che forniscono proprietà aggiuntive agli elementi HTML. Questi attributi descrivono le diverse caratteristiche di elementi HTML come l'attributo "stile" utilizzato per impostare lo stile degli elementi HTML. Gli attributi sono definiti nel tag iniziale e i loro valori sono sempre specificati nelle doppie citazioni seguite dal nome del tag e dal segno "uguale a".

Questo articolo fornirà una panoramica approfondita degli attributi HTML che aiuterà l'utente a comprendere l'importanza degli attributi HTML nello sviluppo web. A tale scopo, implementeremo alcuni dei principali attributi degli elementi HTML e avremo una migliore comprensione.

Ci sono alcuni attributi che vengono utilizzati frequentemente sulla maggior parte degli elementi come id, titolo, stile, E classe. Questi attributi sono comunemente noti come attributi fondamentali. Ne discuteremo uno per uno e dopo, tratteremo alcuni altri attributi che forniscono proprietà cruciali agli elementi HTML.

attributo id in html

L'attributo ID fornisce unicità a qualsiasi elemento HTML. Ad esempio, abbiamo due elementi HTML con un nome simile, quindi possiamo identificare o differenziare questi elementi in base all'attributo ID.

Attributo ID 1

Attributo ID 2

In questo esempio vogliamo creare due titoli con stili diversi. Possiamo farlo assegnando diversi "IDS"Agli elementi. Il codice sopra fornirà il seguente output:

attributo del titolo in html

L'attributo del titolo fornisce un titolo specifico all'elemento HTML. Tuttavia, il suo comportamento si basa sull'elemento che tiene il "titolo"Attributo. Il più delle volte funziona come una descrizione di strumenti, il che significa che ogni volta che qualcuno muove il cursore su quell'elemento visualizzerà il valore dell'attributo del titolo come una descrizione di strumenti.

Questo è l'attributo HTML

L'output indicato di seguito verificherà che quando spostiamo il cursore sull'elemento mostra il valore del titolo attributo:

attributo di stile in html

L'attributo di stile fornisce caratteristiche come colore, dimensione del carattere, bordo, ecc. A qualsiasi elemento HTML:

Attributi HTML

In questo esempio, abbiamo creato un elemento di paragrafo e assegnargli alcuni attributi. Di conseguenza, fornirà il seguente output:

attributo di classe in html

L'attributo di classe viene utilizzato per definire una classe per un singolo o più elementi HTML. Si riferisce al nome di classe con fogli di stile.

In questo esempio, abbiamo creato due elementi HTML e utilizziamo l'attributo di classe in essi. Entrambi gli elementi porteranno lo stesso stile definito nella classe:

Dipendente 1

Il primo dipendente vive nel Regno Unito

Dipendente 2

Il secondo dipendente vive negli Stati Uniti

Poiché entrambi gli elementi HTML accedono alla stessa classe, entrambi gli elementi seguiranno lo stesso stile e l'uscita risultante sarà:

attributo src in html

Uno degli attributi HTML più utilizzati è il "src"Attributo Porta il collegamento di un'immagine di origine. Questo collegamento può essere un collegamento assoluto o un collegamento relativo.

Il termine collegamento assoluto si riferisce all'URL di un'immagine posizionata online mentre il collegamento relativo si riferisce al percorso dell'immagine posizionato localmente.

Ad esempio, se un utente desidera incorporare un'immagine in una pagina, utilizzerà il etichetta. Ma non sarebbe abbastanza, dobbiamo anche aggiungere il percorso di quell'immagine.

Ora considera il seguente codice per capire come il src L'attributo sarà incorporato con il tag immagine:

Nel codice HTML sopra, il nome dell'immagine insieme al suo percorso è assegnato al src etichetta.

Attributo Alt in HTML

Il termine alt sta per alternativa. Questo è usato nell'elemento come attributo. Un attributo che fornirà un testo alternativo per l'immagine se l'immagine non si carica correttamente per qualsiasi motivo.

Ora visualizzerà un messaggio alternativo se il "John.Il file png "non si carica per nessun motivo come mostrato nel seguente frammento:

attributo lang in html

L'elemento prende un file Lang attributo che determina la lingua della pagina web. Questo attributo facilita i motori di ricerca nel trovare le pagine Web specifiche della lingua:

Il codice sopra specifico la lingua francese per la pagina web.

Attributo HREF in HTML

HREF rappresenta il riferimento ipertestuale e viene utilizzato per aggiungere l'URL di qualsiasi pagina Web. È utilizzato all'interno del tag:

Benvenuti in Linuxhint

Nell'output, genererà un collegamento come mostrato nello snippet seguente:

Facendo clic sul collegamento sopra ci porterà a un sito Web come mostrato nel seguente output:

Conclusione

Gli attributi HTML definiscono alcune caratteristiche aggiuntive per gli elementi HTML. Lo scopo di utilizzare gli attributi con diversi elementi HTML è progettare una pagina Web più luminosa, più chiara e ben formattata.

Questo articolo offre un'immagine dettagliata degli attributi HTML. A partire dalla metà di questo articolo copre gli attributi fondamentali in cui discutiamo di come usare id, titolo, stile, E classe attributi negli elementi HTML. Mentre la seconda metà fornisce alcuni attributi noti in cui abbiamo capito come usare src E Al attributi mentre incorporano qualsiasi immagine con la pagina web.