Home - Html - Manuale html - Link

Hyper text markup language 

  1. 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.

  1. 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

  1. 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!

  1. Punto Elenco numerato

<ol>
<li> Non c'è posto per cavilli di parole </li>
<li>Oratori, silenzio! </li>
</ol>
si vede

  1. Non c'è posto per cavilli di parole
  2. Oratori, silenzio!

  1. 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

  1. Lo spirito è sereno e appartiene ai suoi dèi!
  2. Ist heiter doch der Geist und seiner Gotter!

  1. Elenco con inizio determinato

<ol start="15">
<li>Non c'èposto per cavilli di parole </li>
<li>Oratori, silenzio! </li>
</ol>
si vede

  1. Non c'è posto per cavilli di parole
  2. Oratori, silenzio!

  1. 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> -

  1. Form: pulsante "Indietro"

<form>
<input type="button" value="indietro" onClick="history.back()">
</form>

Adesso incominciate a consultare il manuale

Manuale html

 

  1. Una foto (a sinistra o a destra) con un paragrafo di scrittura

esempio a: foto a sinistra

  1. Una semplice Tabella (tre colonne, due righe)

tabella

  • Alcuni codici di Colori

    •