Come abbiamo detto tutti i comandi dell' HTML sono racchiusi tra i segni < .... >
Ecco i principali:
<I> per scrivere in italic - corsivo </i> per finire di scrivere in corsivo
<B> ,, ,, bold grassetto </b> per finire di scrivere in grassetto
<U> ,, ,, sottolineato </u> per finire di scrivere sottolineato
Da <h1> fino a <h6> per scrivere titoli con caratteri di gradezza decrescente.
<h1>Titoli con grandezza massima </h1>
<h2>Titoli con grandezza media </h2>
<h6>Titoli con grandezza minima </h6>
<FONT style="FONT-SIZE: 100px" face="Times New Roman"> 123 </FONT>
123 123 solo 8 pixel
TIPO E GRANDEZZA DEI CARATTERI:
Per vedere quali sono tutti i tipi di caratteri, guardate nel Menų di Blocco note sotto "Formato" - "carattere"
< font color="990000" > per scrivere in rosso
< font color="009900" > per scrivere in verde
< font color="000099" > per scrivere in blu
DOVRESTE OSSEVARE IL LISTATO DI QUESTA PAGINA (VIEW SOURCE o HTML) PER CAPIRE
COME SONO RIUSCITO A SCRIVERE E FARVI VEDERE I CARATTERI SUDDETTI...
CARATTERI SPECIALI:
Per ottenere la stampa di alcuni caratteri che hanno uno speciale significato
nel linguaggio HTML o per le lettere accentate, si usa la seguente sequenza di caratteri:
<BR> PER ANDARE A CAPO
<P> PER ANDARE AL PROSSIMO CAPOVERSO
PER UNO O PIU' SPAZI
< per il <
> per il >
& per il &
" per il "
ö per il simbolo dieresi ö
ñ per il (tilde) ñ
é per il é e qualsiasi altra vocale con accento acuto
è per il è e qualsiasi altra vocale con accento grave
û - 252 - 253 - 254 ecc... per CARATTERI SPECIALI û ü ý þ ECC..
<!!!!!!! coomenti !!!!! > il ! e quello che segue è un commento e non verrà visualizzato
ED ECCO I COMANDI PIU' USATI:
<HTML> TUTTI I DOCUMENTI HTML DEVONO INIZIARE COSė
</HTML> TUTTI I DOCUMENTI HTML DEVONO FINIRE COSė
<HEAD> TESTA DEL DOCUMENTO
<TITLE> TITOLO ALL'INTERNO DELLA TESTA (Importante mettere un titolo significativo)
</TITLE> FINE DEL TITOLO
</HEAD> FINE DELLA TESTA
<BODY> CORPO (SEGUE LA TESTA)
</BODY> FINE DEL CORPO
<FONT SIZE=X> GRANDEZZA DEI CARATTERI VA DA 1 A 7
</FONT> FINE GRANDEZZA X DEI CARATTERI
<PRE> TUTTE LE RIGHE CHE SEGUONO VENGONO SCRITTE ESATTAMENTE COME NEL SORGENTE
<HR> LINEA NERA ORIZZONTALE LUNGA COME LO SCHERMO
<HR SIZE=5> LINEA NERA ORIZZONTALE DELLO SPESSORE DI 5 PIXEL
<HR WIDTH=60%> LINEA NERA ORIZZONTALE LUNGA IL 60% DELLO SCHERMO
<A HREF="X.htm">Vai LINK AL DOCUMENTO X.htm LA PAOLA 'Vai' E' AZZURRA E SOTTOLINEATA
</A> FINE DEL LINK (CLICCANDO SU 'Vai' SI ARRIVA AL DOCUMENTO X.htm
<UL> LISTA NON NUMERICA (comando poco usato)
</UL> FINE LISTA (comando poco usato)
<UL TYPE=DISC/CIRCLE/SQUARE> DEFINISCE IL SIMBOLO CHE PRECEDE OGNI ELEMENTO DELLA LISTA
<OL> LISTA NUMERATA (ORDINATA)
<OL TYPE=A/a/I/i> DEFINISCE IL TIPO DI NUMERAZIONE ORDINATA (MAIUSCOLE O MINUSCOLE)
<LI> ELEMENTO DELLA LISTA EVIDENZIATO DA UN CERCHIETTO
<DL> LISTA DESCRITTIVA (comando poco usato)
</DL> FINE LISTA DESCRITTIVA (comando poco usato)
<DT> TITOLO IN UNA LISTA (comando poco usato)
<DD> DESCRIZIONE IN UNA LISTA (comando poco usato)
<BLOCKQUOTE> LASCIA SPAZI A DESTRA E A SINISTRA DEL TESTO - UTILISSIMO
<IMG ALIGN="JUSTIFY"> ALLINEA IL TESTO A DESTRA E A SINISTRA (IMPORTANTE)
<IMG ALIGN=BOTTOM > ALLINEAMENTO DEL TESTO SOTTO L'IMMAGINE (DEFAULT)
<IMG ALIGN=LEFT > ALLINEAMENTO DEL TESTO A SINISTRA DELL'IMMAGINE
<IMG ALIGN=RIGHT> ALLINEAMENTO DEL TESTO A DESTRA DELL'IMMAGINE
<IMG ALIGN=MIDDLE> ALLINEAMENTO DEL TESTO AL FIANCO DELL'IMMAGINE
<IMG ALIGN=TOP> ALLINEAMENTO DEL TESTO SOPRA L'IMMAGINE
<IMG SRC="X.gif" border=1> SORGENTE DELL'IMMAGINE (FILE X.GIF) bordo di 1 pixel
<IMG SRC="X.gif" ALT="LOGO"> L'IMMAGINE VERRA' CHIAMATA 'LOGO'
<IMG WIDTH="W" HEIGHT="H" SRC="X.gif"> SPECIFICA LARGHEZZA(W) E ALTEZZA (H) DELL'IMMAGINE
<BODY BACKGROUND="X.gif"> CARICA UN'IMMAGINE COME SFONDO DI TUTTA LA PAGINA
<IMG VSPACE - HSPACE="10"> INTRODUCONO UNO SPAZIO INTORNO ALL'IMMAGINE
<BODY BGCOLOR="#rrggbb"> COLORE DELLO SFONDO rrggbb SONO I VALORI
<BODY BACKGROUND="SFONDO.GIF"> IMMAGINE COME SFONDO (anche di una TABLE)
Scritte colorate <span style="background-color: #FFFF00">
<BODY TEXT=#rrggbb"> COLORE DEL TESTO ,, ,, ,,
<FONT COLOR=#rrggbb"> COLORE DEL TESTO ,, ,, ,,
<BODY LINK=#rrggbb"> COLORE DEL LINK ,, ,, ,,
<BODY ALINK=#rrggbb"> COLORE DEL LINK ATTIVO ,, ,,
<BODY VLINK=#rrggbb"> COLORE DEL LINK GIA' VISITATO ,, ,,
<BODY BGSOUND="X.MID"> MUSICA IN SOTTOSFONDO con files .mid o .wav o .mp3
<marquee scrollamount=2> (TESTO SCORREVOLE e velocità)
<marquee behavior="alternate">
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=5)"> per effetti speciali
<style fprolloverstyle>A:hover {color: #FF0000; font-weight: bold} per colorare al passaggio del MOUSE
<TABLE>
ESEMPIO DI TABLE (vedi sorgente):
|