Benvenuti nella sezione Tutorial. Oggi parliamo dell'HTML.
I tag dell'HTML sono formati da < > e ad ogni apertura del tag deve corrispondere una chiusura.Partendo dai "comandi" più semplici :
STRONG: serve per evidenziare le parole in grassetto. Prima si usava "<b>" però adesso è obsoleto.
CODICE
<strong>Ciao!</strong>
I: La I viene usata per l'ITALICO o corsivo.
HolaU: U sta per UNDERLINE e quindi il sottolineato
holaS: sta per barrato, ovvero barrare una parola.
holaCITE : usato per la citazione.
Ciao
Adesso passiamo ai principali comandi dello 'spazio' e per andare a capo:BR: : il "br" lo si usa per andare a capo , funzione simile all' INVIO della nostra tastiera. Più BR mettiamo e più spazio creiamo.
CiaoUhm..
P: la P è il paragrafo e anche questo manda a capo ma lascia uno spazio sopra e uno spazio sotto.
ciaoooooooooo
yeppa!!!
CODICE
<p>ciaoooooooooo</p><p>yeppa!!!</p>
DIV : Il blocco di testo va a capo, ma - a differenza del paragrafo - non lascia spazi prima e dopo la sua apertura.
Blocco di testo 1
Blocco di testo 2
CODICE
<div>Blocco di testo 1</div>
<div>Blocco di testo 2</div>
SPAN: Lo "span" è un contenitore generico che può essere annidato (ad esempio) all'interno dei "div". Si tratta di un elemento inline, che cioè non va a capo e continua sulla stessa linea del tag che lo include.
blaa 1!!! urcaaaaaa 2CODICE
<span>blaa 1</span><span>urcaaaaaa 2</span>
Usare e scegliere i FONT:I font sono i tipi di carattere da usare.
testo in ArialCODICE
<font face="Arial">testo in Arial</font>
testo in GenevaCODICE
<font face="Geneva">testo in Geneva</font>
testo in hackersCODICE
<font face="hackers">testo in hackers</font>
Colori del testo:
testo bluCODICE
<font color="blue">testo blu</font>
I'm a devil!CODICE
<font color="red">I'm a devil!</font>
Adesso parliamo della TABELLA : Prima di tutto i comandi
WIDTH e HEIGHT sono rispettivamente la larghezza e l'altezza. Le misure dell'altezza e della larghezza di una tabella si possono modificare a nostro piacimento.
Per creare una tabella si parte dal comando
TABLETR: "table row" indica l'apertura di una riga.
TD: “table data”: indica una cella all’interno di una riga.
CODICE
<table border="1">
<tr>
<td>prima cella</td>
<td>seconda cella</td>
</tr>
</table>
prima cella | seconda cella |
terza cella | quarta cella |
CODICE
<table border="1">
<tr>
<td>prima cella</td>
<td>seconda cella</td>
</tr>
<tr>
<td>terza cella</td>
<td>quarta cella</td>
</tr>
</table>
La prima lezione termina qua. Nella lezione 2° introdurrò i LINK, l'inserimento di immagini , la struttura di una pagina HTML....
Guida by •.Aruhi.•Edited by Sargon Xavier - 9/7/2009, 12:34