Nome Sintassi figli Spiegazione
Sito <html> </html> Tag di apertura del codice
Intestazione <head> </head> <title></title> Tag di intestazione all’interno è presente il titolo (title), i
collegamenti ai fogli di stile (CSS p JS) e gli script
Titolo della pagina
Corpo <body></body> Il corpo centrale del sito, cioè che viene visualizzato
all’interno della finestra
Paragrafi <p></p> Paragrafo di testo
Interruzione di riga <br/> Interruzione di riga, va a capo
Intestazioni <h1> - <h2> - <h3>…<h6> Stile di intestazione (titoli) in ordine di grandezza
Commenti <!-- testo del commento --!> Commenti da inserire all’interno del codice, non
vengono visualizzati sulla pagina servono solo al
programmatore
Box-model Elemento che contiene un oggetto, può essere gestito con
i margini, padding ecc..
Liste Liste non ordinate <ul> <li>___</li> </ul> Elenco in lista non ordinate (punto elenco)
Liste ordinate <ol> <li>___</li> </ol> Elenco in lista ordinate (numerate)
Lista di definizione <dl><dt><dd>..</dd></dt></
dl>
Elenco in lista con titoli categorie (dt)
Link e Ancore <a href=”URL”>etichetta</a> Sintassi per inserire un link URL all’interno del sito con
etichetta
Tabelle <table></table> Sintassi per creare una tabella
<tr> </tr> Riga all’interno della tabella
<th> </th> Titolo di cella all’interno di una riga
<td> </td> Cella all’interno di una riga
Colspan Numero di colonne che occupa una cella
Rowspan Numero di righe che occupa una cella
Immagini <img src”URL” /> Sintassi per inserire un’immagine
alt Testo alternativo all’immagine
title Titolo dell’immagine, viene visualizzato al passaggio del
mouse
Form <form></form> Tag per creare un form
<input></input> Definizione di un campo di testo o interazione con utente
Type: Text Inserisce una riga di testo (tipo username)
Type: Password Inserisce una stringa di tipo password (si vedono degli
asterischi)
Type: Radio Scegli un’opzione tra quelle disponbili (pulsante
cliccabile)
Type: Checkbox Scegli un’opzione di selezione (anche multiple – simbolo
spunta)
Type: Submit Tasto di invio o conferma
Type: Reset Tasto di reset o cancella
<textarea></textarea> Inserisce un’area di testo editabile
<select></select> Inserisce un menù di selezione
Option Inserisce ogni riga del menù di selezione
Multiple Permette la selezione multipla
<fieldset></fieldset> Raggruppa campi delle form correlati
<legend></legend>
<optgroup></optgroup>
HTML5 <header></header>
<nav></nav>
<section></section>
<footer></footer>
elementi dell’HTML: tabella riassuntiva
