Attributi HTML

Come fornire informazioni aggiuntive agli elementi HTML

scritto da Giuseppe il 15 aprile, 2015

Gli attributi permettono di fornire informazioni aggiuntive agli elementi HTML.

Gli attributi devono essere specificati nel tag di inizio. La struttura è la seguente nome/valore : name="valore".

Un esempio può essere il seguente che dichiara la lingua in cui è scritta la pagina HLTM:

<html lang="it-IT"> utile per la traduzione automatica nella ligua dell'utente (le prime due lettere indicano la lingua, le seconde il dialetto se esiste).

L'attributo per i collegamenti ipertestuali

I collegamenti ipertestuali o link sono definiti con il tag <a>

 L'attributo che specifica l'indirizzo della pagina è href.

Esempio di link che porta ad un indirizzo <a href="http://www.studiolem98.com> Questo è il testo che appare come link</a>

L'attributo per la dimensione

In html il tag per le immagini è <img>, come attributi vengono forniti dal nome del file sorgente con (src) seguito dalle dimensioni dell'immagine (larghezza ed altezza). Qui sotto un esempio:

<img src="logo.jpg" width="50" height="50">

Le dimensioni dell'immagine è espressa in pixel.

HTML per Tutti

L'attributo alt

con questo attributo si specifica il testo alternativo da utilizzare, quando l'elemento HTML non può essere visualizzato. Questo è ottimale nel caso della "lettura" della pagina da parte di strumenti di accessibilità per non vedenti. Qui sotto un esempio:

<img src="logo.jpg"  alt="logo sito" width="50" height="50">

Ogni Tag ha un suo punto iniziale segnalato com <Tag> ed un punto finale indicato con </Tag>. Non dimenticate di chiudere un Tag altrimenti la pagina al momento della visione nel browser potrebbe essere come l'abbiamo pensata.

In fondo alla pagina trovate il link per scaricare sia il file in formato txt che in formato html.

Allegati da scaricare

Ecco l'elenco degli attributi html in un file txt che potete scaricare:

  • file di testo