In informatica, un elemento HTML, spesso chiamato anche tag HTML, indica una struttura in un documento HTML e un metodo per ordinare gerarchicamente i contenuti.
Più specificatamente è un elemento SGML che soddisfa i requisiti di uno o più DTD HTML.
Gli elementi HTML consistono generalmente di quattro parti:
un tag di apertura che definisce l'inizio di un elemento;
uno o più attributi di tale elemento con i loro rispettivi valori;
il contenuto informativo da visualizzare;
un tag di chiusura: è opzionale per molti elementi, in pochissimi casi un "elemento vuoto" non ha contenuti o tag di chiusura. Gli elementi XHTML vanno sempre chiusi.
Gli elementi vuoti vengono chiusi aggiungendo una "/", come nei tag di chiusura. Per questioni di retrocompatibilità è consigliato mettere uno spazio prima della barra.
Gli elementi possono rappresentare intestazioni, paragrafi, collegamenti ipertestuali, elenchi, form, oggetti multimediali incorporati e diverse altre strutture.
Alcuni elementi, sebbene non siano contenuti in nessun DTD ufficiale, sono supportati da alcuni web browser e utilizzati da pagine web. Tali elementi possono essere ignorati o visualizzati impropriamente da browser che non li supportano.
a
Crea un collegamento ipertestuale (link); necessita dell'attributo href
abbr
Utilizzato per racchiudere delle abbreviazioni
acronym
Utilizzato per racchiudere degli acronimi
address
Scrive un testo impostandolo come un indirizzo di una persona, di un'azienda, ecc...
applet
Include un'applet Java all'interno di una pagina Html
area
Crea un'area linkabile su un'immagine
b
Imposta il testo compreso tra i Tag di apertura e chiusura in grassetto
base
Stabilisce alcune caratteristiche di base della pagina corrente
basefont
Stabilisce alcune stilizzazioni di base per la pagina corrente
bdo
Necessita dell'attributo dir e serve a cambiare direzione al testo compreso: da destra verso sinistra (ltr di default) e da sinistra verso destra (rtl)
bgsound
Permette di inserire una musica di sottofondo; si consiglia di utilizzarlo con parsimonia e alla fine della pagina
big
Aumenta la dimensione del testo rispetto a quella specificata esplicitamente o per default
blink
Crea l'effetto testo lampeggiante (valido solo per Netscape Navigator)
blockquote
Crea uno spazio di tabulatura sulla sinistra per gli elementi inclusi nei Tag di apertura e di chiusura
body
Specifica il corpo della pagina: tutto ciò che è compreso tra i tag di apertura e di chiusura saranno mostrati a video
br
Imposta un ritorno a capo senza lasciare un'interlinea vuota
button
Simile ad un input con type="button" crea un bottone per un modulo HTML
caption
Aggiunge un titolo ad una tabella, senza necessità di includerlo in una cella
center
Centra gli elementi compresi tra i Tag di apertura e di chiusura; in disuso, si preferisce usare align="center" su p o su div
cite
Evidenzia una citazione indentando il testo contenuto ed impostandolo in corsivo
code
Utilizzato per aggiungere ad una pagina un esempio di codice; simile al Tag pre, con la differenza che non indenta il testo riconoscendo tutti gli spazi vuoti
col
Con l'utilizzo di un colgroup aggiunge un gruppo ad una tabella
colgroup
Crea un gruppo per una tabella
dd
Tag testuale utilizzato per enfatizzare definizioni
del
Come strike sbarra un testo
dfn
Utilizzato per racchiudere delle definizioni: enfatizza il testo in corsivo, come i
dir
Permette di creare elenchi come il Tag ul
div
Tag di testo che comporta un ritorno a capo ma non un'interlinea vuoto alla chiusura
dl
Apre un blocco di definizioni
doctype
Riporta le specifiche e la versione Html utilizzata nella pagina corrente
dt
Specifica il testo a cui fa riferimento una definizione scritta in un dd
em
Enfatizza un testo stilizzandolo in corsivo; equivale ad i
embed
Permette di inserire un filmato o altri tipi di elementi multimediali, utilizzando il lettore predefinito del client connesso
fieldset
Crea un'area dedicabile ad un form e permette di inserire un titolo compreso nel box con l'utilizzo dei Tag legend
font
Permette la formattazione del testo: colore, dimensione e carattere da utilizzare
form
Apre un modulo Html; è necessario specificare il method da utilizzare e l'action a cui dirigere i dati
frame
Indica i riferimenti ad un file contenuti in un frameset; necessita dell'attributo src per specificare il file
frameset
Crea un set di frame
h1
Titolo di primo livello
h2
Titolo di secondo livello
h3
Titolo di terzo livello
h4
Titolo di quarto livello
h5
Titolo di quinto livello
h6
Titolo di sesto livello
head
Contiene gli elementi di back-office di intestazione della pagina, quali script, meta Tag, stilizzazioni, ecc...
hr
Crea una linea orizzontale di separazione
html
Apre e chiude il codice Html della pagina, ad eccezione della dichiarazione doctype
i
Imposta il testo compreso tra i Tag di apertura e chiusura in corsivo
iframe
Imserisce in una pagina un frame in linea
img
Imserisce un'immagine nella pagina; necessita dell'attributo src
input
Permette di creare una casella di testo, pulsanti di scelta o bottoni; è necessario specificare l'attributo type; va inserito in un form
ins
Sottolinea il testo compreso tra i Tag di apertura e di chiusura, come il Tag u
isindex
Sostituisce alcuni elementi dei form HTML
kbd
Enfatizza un testo che viene richiesto dal sistema all'utente
label
Permette ad un testo di far riferimento ad un elemento di un form grazie al suo attributo for legandolo all'id dell'elemento del modulo
legend
Inserito in un fieldset permette di specificarne il titolo in una legenda
li
Crea degli item per un elenco numerato (ol) o puntato (ul)
link
Permette di includere un file Css esterno
map
Inizializza una mappa d'immagine
marquee
Crea l'effetto testo scorrevole (valido solo per Ms Internet Explorer)
menu
Anche questo Tag può sostituire il classico ul per l'elenco puntato
meta
Specifica una serie di parametri per la pagina corrente, come il titolo della pagina, le parole chiave per i motori di ricerca, l'autore, ecc...
nobr
Impedisce ad una frase compresa tra i Tag di apertura e di chiusura di andare a capo
noframes
Presenta un messaggio a video sui browser che non supportano i frames
noscript
Presenta un messaggio a video sui browser che non supportano il linguaggio di scripting utilizzato
object
Specifica un elemento multimediale tipo filmati Flash
ol
Crea un elenco numerato; gli itam sono racchiusi nei Tag di apertura e di chiusura li
optgroup
Con l'attributo label crea un elenco definito in una select, dividendo i vari option per categoria
option
Specifica gli item di una casella di scorrimento select
p
Tag di testo che comporta un ritorno a capo ed un'interlinea vuoto alla chiusura
param
Specifica i parametri di un'applet Java
pre
Testo preformattato; non necessita di br per andare a capo e conta tutti gli spazi vuoti
q
Enfatizza ed indenta del testo
s
Abbraviazione di strike
samp
Enfatizza un testo di esempio
script
Accetta codice Javascript o VBScript tra i Tag di alertura e di chiusura; si consiglia di specificare il linguaggio nell'attributo language
select
Permette di creare una casella di scorrimento; è necessario utilizzare il Tag option per specificare gli item; va inserito in un form
small
Diminuisce la dimensione del testo rispetto a quella specificata esplicitamente o per default
span
Tag testuale che non comporta ritorno a capo
strike
Sbarra il testo compreso tra i Tag di apertura e di chiusura
strong
Equivale a b per impostare il grassetto
style
Specifica stilizzazioni Css tra i tag di apertura e di chiusura
sub
Imposta come "pedice" il testo compreso tra i Tag di apertura e di chiusura
sup
Imposta come "apice" il testo compreso tra i Tag di apertura e di chiusura
table
Apre una tabella per la formattazione di un layout o di una serie di dati
tbody
Contiene il corpo di una tabella
td
Rappresenta una cella di una tabella; da inserire nei tag table
textarea
Permette di creare un'area di testo; inserito in un form
tfoot
Specifica una frase per la fine di una tabella
th
Specifica l'intestazione per il titolo di una tabella
thead
Contiene un'intestazione per il titolo di una tabella
title
Specifica il titolo della pagina; va inserito tra i Tag di apertura e di chiusura head
tr
Contiene una serie di td disposte in orizzontale; da inserire nei tag table
tt
Testo a spaziatura fissa: riporta perfettamente in colonna tutte le lettere e/o simboli, anche di dimensioni differenti
u
Sottolinea il testo compreso tra i Tag di apertura e chiusura
ul
Crea un elenco puntato; gli itam sono racchiusi nei Tag di apertura e di chiusura li
var
In un blocco di codice di esempio stampato a video evidenzia parole chiave del codice stesso
xml
Permette di far riferimento ad un file Xml; necessita dell'attributo src per richiamare il file e di un id per un riferimento univoco
Se ti è piaciuto l'articolo , iscriviti al feed cliccando sull'immagine sottostante per tenerti sempre aggiornato sui nuovi contenuti del blog:
Nessun commento:
Posta un commento