Hyper text markup language
- prima pagina
Per scrivere una pagina in html:
il documento inzia con il TAG <html> e finisce con il TAG </html>- Esempio:
<html>
<head>
<title>....</title>
</head>
<body>
......
</body>
</html>Tutto quello che si scriverà tra body e /body sarà quello che effettivamente vedremo. Il file si salverà come .htm -
Ricordarsi di essere ordinati e precisi s'inizia sempre con la definizione del paragrafo: <p>...</p> e naturalmente la dimensione del carattere: <h1>...</h1> - h1 carattere grande, h2 più piccolo e così via fino a h6.
vediamo un esempio:La finestra sul giardino è aperta
e riesco a vedere il giardiniere che taglia le aiuole.<p><h3>La finestra sul giardino è aperta<br>
e riesco a vedere il giardiniere che taglia le aiuole.</h3></p>Per spezzare la riga nello stesso paragrafo si scrive il TAG <br>; ho scritto con h3 se lo vogliamo scrivere più piccolo metteremo h4 o h5 o h6;
La finestra sul giardino è aperta
e riesco a vedere il giardiniere che taglia le aiuole.
- Formattazione
tipo di tag risultato <big></big>
testo grande
<em></em>
testo enfatizzato
<b></b>
testo grassetto
<i></i>
testo corsivo
<small></small>
testo piccolo
<sup></sup>
testo apice
<u></u>
testo sottolineato
<pre></pre>
testo preformattato
<samp></samp>
testo esempio
<kdb></kdb>
testo immesso dell'utente
- Punto Elenco
<ul>
<li>Non c'è posto per cavilli di parole </li>
<li>Oratori, silenzio! </li>
</ul>
si vede
- Non c'è posto per cavilli di parole
- Oratori, silenzio!
- Punto Elenco numerato
<ol>
<li> Non c'è posto per cavilli di parole </li>
<li>Oratori, silenzio! </li>
</ol>
si vede
- Non c'è posto per cavilli di parole
- Oratori, silenzio!
- Indicizzazione alfabetica maiuscola
<ol type=A>
<li>Lo spirito è sereno e appartiene ai suoi dèi </li>
<li>Ist heiter doch der Geist und seiner Gotter!</li>
</ol>
si vede
- Lo spirito è sereno e appartiene ai suoi dèi!
- Ist heiter doch der Geist und seiner Gotter!
- Elenco con inizio determinato
<ol start="15">
<li>Non c'èposto per cavilli di parole </li>
<li>Oratori, silenzio! </li>
</ol>
si vede
- Non c'è posto per cavilli di parole
- Oratori, silenzio!
- Ancora
(link ad una parola o punto della stessa pagina)<a name="Top"></a>
<a href="#Top">Vai all'inizio</a>ancora in un'altra pagina
<a href="pippo.htm#a1">?</a> -
- Form: pulsante "Indietro"
<form>
<input type="button" value="indietro" onClick="history.back()">
</form>
Adesso incominciate a consultare il manuale
Manuale html
- Una foto (a sinistra o a destra) con un paragrafo di scrittura
esempio a: foto a sinistra
- Una semplice Tabella (tre colonne, due righe)
tabellaAlcuni codici di Colori