I tags header H1 ... H6 servono per contenere brevi intestazioni o titoli della pagina web. Ci sono appunto 6 livelli di intestazioni; la più importante è la H1 e la meno è H6.
<H1> ... </H1>
Intestazione 1
Possibili attributi di tale tag:
style
Serve per fissare uno stile alla intestazione.
title
Serve per stabilire un titolo all'intestazione.
align
Serve per stabilire un allineamento dell'intestazione.
Il tag HR serve per inserire una riga orizzontale di larghezza pari alla dimensione della pagina. Di seguito sono mostrati vari esempi con i relativi codici html.
<HR>
<HR size="5" width="50%" align="center">
<HR noshade size="5" width="50%" align="center">
Possibili attributi di tale tag:
style
Serve per fissare uno stile alla riga.
noshade
Serve per stabilire che la riga sia piena (e cioè riempita di un colore).
align
Serve per stabilire un allineamento della riga.
size width
Servono per stabilire la dimensione e la larghezza della riga.
COMMENTO HTML
Per inserire un commento, si usa il seguente codice, per cui tutto il testo o codice inserito al suo interno non verrà interpretato dal browser web.
<!-- ... -->
HTML B TAG
Questo tag serve per inserire un testo in grassetto (Bold).
<B> ... </B>
Esempio di frase in grassetto.
Possibili attributi di tale tag:
style
Serve per fissare uno stile al testo.
title
Serve per stabilire un titolo al testo.
onload onunload onclick onmouseover
Sono eventi javascript riservati per generare certi effetti sul testo.
Sono eventi javascript riservati per generare certi effetti sul testo.
HTML ACRONYM TAG
Questo tag serve per inserire un acronimo.
<ACRONYM title = "North Atlantic Tready Organization"> NATO </ACRONYM>
NATO
Possibili attributi di tale tag:
style
Serve per fissare uno stile al testo.
title
Serve per stabilire un titolo al testo.
onload onunload onclick onmouseover
Sono eventi javascript riservati per generare certi effetti sul testo.
HTML ABBR TAG
Questo tag serve per inserire una abbreviazione.
<ABBR title = "World Wide Web"> WWW </ABBR>
WWW
Possibili attributi di tale tag:
style
Serve per fissare uno stile al testo.
title
Serve per stabilire un titolo al testo.
onload onunload onclick onmouseover
Sono eventi javascript riservati per generare certi effetti sul testo.
HTML BLOCKQUOTE TAG
Questo tag serve per inserire una citazione.
<BLOCKQUOTE CITE="..."> ... </BLOCKQUOTE>
They went in single file, running like hounds on a strong scent,
and an eager light was in their eyes. Nearly due west the broad
swath of the marching Orcs tramped its ugly slot; the sweet grass
of Rohan had been bruised and blackened as they passed.
Possibili attributi di tale tag:
cite = uri
Serve per inserire l'eventuale link da cui è stata presa la citazione.
style
Serve per fissare uno stile al testo.
title
Serve per stabilire un titolo al testo.
onload onunload onclick onmouseover
Sono eventi javascript riservati per generare certi effetti sul testo.
HTML CENTER TAG
Questo tag serve per centrare il testo. L'output è lo stesso di align = middle.
<CENTER > ... </CENTER>
Esempio di testo centrato.
HTML DEL, INS TAGS
Questo tag serve per cancellare (testo barrato) o inserire (testo sottolineato) del testo.
<DEL> ... </DEL> <INS> ... </INS>
A Sheriff can employ 15 5 deputies.
Possibili attributi di tali tags:
cite = uri
Serve per inserire l'eventuale link che spiega il perchè il testo è stato cambiato (inserito o cancellato).
datetime
Serve per inserire l'eventuale data di modifica del testo.
style
Serve per fissare uno stile al testo.
title
Serve per stabilire un titolo al testo.
onload onunload onclick onmouseover
Sono eventi javascript riservati per generare certi effetti sul testo.
HTML A TAG
Questo tag serve per inserire un link html nella pagina.
<A HREF="url_sito"> ... </A>
Possibili attributi di tale tag:
name
Serve per fissare un nome al link; molto utile per i links interni.
href = url
Serve per stabilire l'indirizzo web a cui deve puntare il link.
type
Serve per stabilire il tipo di contenuti presenti nella pagina web a cui punta il link.
rel
Serve per stabilire la relazione tra la nostra pagina e quella a cui punta il link.
charset
Serve per fissare il tipo di carattere presente nella pagina web a cui punta il link.
rev
Serve per specificare l'eventuale "reverse link" o back link al nostro sito.
target
Serve per stabilire il livello su cui si aprirà la nuova pagina (I possibili valori sono: _blank per una nuova finestra, void su un'altra finestra diversa da quella attiva, _self sulla stessa finestra, _parent per aprire la pagina nel FRAMESET genitore, _top per aprire la pagina nella finestra di livello superiore). Clicca qui per approfondire.
tabindex
Serve per stabilire l'ordine di navigazione all'interno della pagina attraverso il tasto TAB.
accesskey
Serve per stabilire il tasto della tastiera di accesso rapido.
Questo tag serve per indicare un link ad una risorsa del web e può essere solo inserita nell'HEAD di una pagina web; un classico esempio è l'inclusione di un foglio di stile esterno .css .
Questo tag serve per inserire un FRAME o finestra all'interno di un FRAMESET (potrebbe quindi essere il riquadro del menù o dei contenuti in un layout con i frames).
<FRAME SRC="contents_of_frame.html">
Possibili attributi di tale tag:
name
Serve per fissare un nome al frame.
src = url
Serve per stabilire la pagina web che deve comparire nel frame inizialmente.
noresize
Serve per specificare che la finestra del frame non è ridimensionabile.
frameborder = 1|0
Serve per stabilire la presenza o meno del bordo del frame.
scrolling = auto|yes|no
Serve per stabilire se la finestra del frame è scrollabile o meno.
marginwidth = npx
Serve per stabilire la larghezza del margine tra testo e finestra del frame.
marginheight = npx
Serve per stabilire l'altezza del margine tra testo e finestra del frame.
Il contenuto di tale tag serve per specificare cosa deve essere visualizzato nel caso in cui il browser non supporti i frames.
<NOFRAMES><A href="#">Qui c'è una versione della pagina senza frame.</NOFRAMES>
HTML iFRAME TAG
Questo tag serve per inserire un iFrame nella pagina (Inline Frame).
<IFRAME SRC="foo.html" WIDTH="400" HEIGHT="500"
SCROLLING="auto" FRAMEBORDER="1">
[Your user agent does not support frames or is currently configured
not to display frames. However, you may visit <A href="foo.html">the related document.</A>]
</IFRAME>
Possibili attributi di tale tag:
name
Serve per fissare un nome all'iframe.
width
Serve per fissare la larghezza dell'iframe.
height
Serve per fissare l'altezza dell'iframe.
src = url
Serve per stabilire la pagina web che deve comparire nell'iframe inizialmente.
frameborder = 1|0
Serve per stabilire la presenza o meno del bordo dell'iframe.
scrolling = auto|yes|no
Serve per stabilire se la finestra dell'iframe è scrollabile o meno.
marginwidth = npx
Serve per stabilire la larghezza del margine tra testo e finestra dell'iframe.
marginheight = npx
Serve per stabilire l'altezza del margine tra testo e finestra dell'iframe.
Questo tag serve per inserire in un form un bottone; è simile al bottone inserito tramite l'INPUT tag, con l'unica differenza che qui si possono inserire anche immagini sul bottone stesso (funziona anche con gif animate).
Questi tags servono per inserire delle liste, ordinate (la classica lista numerata) e non rispettivamente (lista con i punti).
<OL> ... </OL>
Possibili attributi di tali tags:
type = 1 | a | A | i | I
Si usa solo per le liste ordinate e serve per indicare il tipo di numerazione (numero crescente, lettera minuscola, lettera maiuscola, i ii iii ... , numeri romani).
start = n
Si usa solo per le liste ordinate e serve per indicare da che numero partire.
Questi tags servono per inserire delle liste di definizione (Definition List), con al suo interno dei termini (Definition Terms) e delle descrizioni (Definition Descriptions).
<DL>
<DT>Dweeb
<DD>young excitable person who may mature into a <EM>Nerd</EM> or <EM>Geek</EM>
<DT>Hacker
<DD>a clever programmer
<DT>Nerd
<DD>technically bright but socially inept person
</DL>
Dweeb
young excitable person who may mature
into a Nerd or Geek
Serve per attribuire un nome all'immagine mappata; questo attributo si usa solo per il tag MAP.
usemap = uri
Serve per associare l'immagine alla mappa; nell'esempio il suo valore è "#regioni", indicante il valore del name della mappa stessa.
shape = default|rect|circle|poly
Serve per inserire il tipo di area cliccabile sulla mappa e corrispondente ad un link specifico; si usa per il tag AREA.
coords
Serve per impostare le coordinate dell'area cliccabile ed i valori dipendono dal tipo di shape scelta. Ad esempio, a "rect" corrispondono le left-x, top-y, right-x, bottom-y, mentre a "circle" le center-x, center-y, raggio.
nohref
Serve per specificare che l'area non ha un link di riferimento.
Questo tag serve per inserire una riga all'interno di una tabella.
<TABLE> <TR> <TD> ... </TD> </TR> </TABLE>
Possibili attributi di tale tag:
align
Serve per stabilire l'allineamento orizzontale del testo contenuto in una cella.
width height
Servono per fissare le dimensioni della riga, e possono essere espresse in px, in % e in maniera proporzionale (es.: 3* sta per 1/3 delo spazio libero rimasto).
style
Serve per fissare uno stile alla cella e riga.
bgcolor
Serve per impostare un colore di sfondo.
valign
Serve per stabilire l'allineamento verticale del testo contenuto in una cella.
Questo tag serve per inserire un titolo ad una tabella ed è univoco all'interno della stessa tabella; questo tag deve essere inserito subito dopo il tag TABLE.
<TABLE border="1" summary="This table gives some statistics about fruit flies: average height and weight, and percentage with red eyes (for both males and females).">
<CAPTION><EM>A test table with merged cells</EM></CAPTION>
<TR>
<TH rowspan="2">
<TH colspan="2">Average
<TH rowspan="2">Red<BR>eyes
<TR>
<TH>height
<TH>weight
</TR>
<TR>
<TH>Males
<TD>1.9</TD>
<TD>0.003</TD>
<TD>40%</TD>
</TR>
<TR>
<TH>Females
<TD>1.7</TD>
<TD>0.002</TD>
<TD>43%</TD>
</TR>
</TABLE>
A test table with merged cells
Average
Red eyes
height
weight
Males
1.9
0.003
40%
Females
1.7
0.002
43%
Possibili attributi di tale tag:
align
Serve per stabilire l'allineamento orizzontale del testo.
style
Serve per fissare uno stile alla intestazione della tabella.
Questi tags servono per raggruppare le righe di una tabella sotto una intestazione (THEAD), un corpo (TBODY) ed un footer (TFOOT). Notare come il TFOOT viene dichiarato prima del TBODY così da essere interpretato prima delle eventuali righe non interpretabili dai browser e user-agents.
<TABLE>
<THEAD>
<TR> ...header information...
</THEAD>
<TFOOT>
<TR> ...footer information...
</TFOOT>
<TBODY>
<TR> ...first row of block one data...
<TR> ...second row of block one data...
</TBODY>
<TBODY>
<TR> ...first row of block two data...
<TR> ...second row of block two data...
<TR> ...third row of block two data...
</TBODY>
</TABLE>
Possibili attributi di tali tags:
align
Serve per stabilire l'allineamento orizzontale del testo.
valign
Serve per stabilire l'allineamento verticale del testo.
style
Serve per fissare uno stile alle singole porzioni della tabella.
Questi tags servono per raggruppare tutte le celle di una colonna o più colonne di dati sotto un unico tag; questo può essere utile soprattutto se si vuole applicare uno stile unico ad una colonna o a più colonne, appunto.
Questi tags servono per raggruppare elementi; in genere il DIV viene usato per creare dei layout fluidi, mentre lo SPAN per applicare degli stili a singole porzioni di testo.
Questo tag costituisce una porzione di una pagina web, in cui vengono inseriti tutti i meta-dati (autore, descrizione, key-words del sito, ...) ed in genere i fogli di stile ed eventuali script javascript.
Questo tag viene inserito nel tag HEAD in quanto è uno dei meta-dati e rappresenta il titolo della pagina mostrato sul riquadro superiore del browser.
<TITLE> Webstyling.it </TITLE>
HTML BASE TAG
Questo tag serve per impostare una pagina di base di partenza; tutti i links relativi partiranno quindi da questo url per essere definiti. Essendo un meta-dato, questo deve essere inserito subito dopo il tag TITLE e quindi nel tag HEAD.
<HEAD>
<TITLE>Our Products</TITLE>
<BASE href="http://www.aviary.com/products/intro.html">
</HEAD>
<BODY>
<P>Have you seen our <A href="../cages/birds.gif">Bird Cages</A>?
</BODY>
L'url relativo sarà quindi http://www.aviary.com/cages/birds.gif. Possibili attributi di tale tag:
href = uri
Serve per indicare l'url della pagina base.
HTML SCRIPT TAG
Questo tag serve per inserire uno script all'interno della pagina web. Può essere posizionato sia all'interno del tag HEAD e sia all'interno del BODY, a seconda dello script.
Questo tag serve per inserire del testo alternativo allo script, visualizzato solo nel caso in cui il browser non sia in grado di interpretare il codice.
Serve per indicare il nome della classe java contenente l'applet.
name
Serve per indicare un nome all'applet.
archive = uri-list
Serve per indicare una lista di classi java da precaricare per il corretto funzionamento dell'applet stessa (è un elenco di uri separati dalla virgola).
width height
Servono per specificare l'altezza e la larghezza dell'applet.