-
.Questa guida Non è stata fatta da me .
L' html è il linguaggo del web. Se volete avere una discreta conoscenza informatica vi consiglio di imparare questo linguaggio.
Introduzine
Questo linguaggio è alla base del web. Un po' tutto è fatto con l'html. Ecco di cosa abbiamo bisogno per impararlo:
-un editor di testo (io consiglio blocco note che hanno tuti i computer).
Se Volete un editor ottimo consiglio per i più esperti notepad ++ (http://lnx.mariohifi.it/download/notepad per il download)
-un po' di tempo
-pazienza. Questo elemento è idispensabile.
Primi passi
Premetto che ci sono programmi appositi che creano direttamente i codici. Innanzitutto sporcano, cioè i codici non sono del tutto funzionanti poi io preferisco saper fare una cosa piuttosto che farmela fare. Se preferite un editor allora smettete di leggere e andatevi a cercare il programma.
Se invce siete interessati a impararlo iniziamo.
Aprite il vostro blocco note (notepad). Innanzitutto i file avranno come estensione html o htm.SPOILER (clicca per visualizzare)esempio: primapagina.htmlSPOILER (clicca per visualizzare)Per visualizzare l'estensione del file in sistemi Windows andate in una cartella e quindi:
Strumenti > Opzioni cartella > Visualizzazione
E poi togliere la spunta da:
"Nascondi le estensioni dei file per i tipi di file conosciuti"
infine premere il pulsante:
"Come cartella corrente"
Tag
In ogni pagina html sono presenti dei marcatori che sono i tag. Questi vanno inserititi tra parentesi uncinate (<tag>)(</tag>)
Ogni tag deve essere chiuso e bisogna mettere sempre lo slash (/) dopo aver aperto la parentesi uncinata (</tag>)
Il tag per scivere un testo normale èe deve essere chiuso con il relativo tagCODICE<p>CODICE</p>SPOILER (clicca per visualizzare)Esempio:CODICE<p>qui scrivo il testo </p>
Ed ecco come si vedràSPOILER (clicca per visualizzare)qui scrivo il testo
Se volete scvrivee il testo alinato a destra o a sinistra o al centro il codice èsostituite il right (destra) con left se lo volete a sinistra o center se lo volte al centro.CODICE<P align="right">testo</P>SPOILER (clicca per visualizzare)testo allineato a destra
testo allineato a sinistra
testo al centro
Tag racchusi in altri tag
spesso con i odici html è necessario racciudere un tag uno dentro n altro.Prendiamo un esempio. Vogliamo mettere un immagine e mettere il lnk in modo che se si clicca sull'immagine si va nel link.
Il codice del link èCODICE<a href="link"></a>
e il tag per 'immagine èCODICE<img src="link immagine>
eccovi un esempio:CODICE<a href="http://akatsuki-land.blogfree.net/"><img src="http://i42.tinypic.com/2vae8if.gif"></a>
cliccate sull'immagine e vi ritroverete nella homeage del forum.
Il tag dei link è importantissimo. Lo capirete da soli in seguito.
Struttura della pagina
TestaContiene informazioni non immediatamente percepibili, ma che riguardano il modo in cui il documento deve essere letto e interpretato. Questo è il luogo dove scrivere - ad esempio - i meta-tag (alcuni sono ad esclusivo beneficio dei motori di ricerca), script JavaScript o VbScript, fogli di stile, ecceteraCODICE(<head>)
CorpoQui è racchiuso il contenuto vero e proprio del documentoCODICE(<body>)
e il tag htmlSPOILER (clicca per visualizzare)Esempio
<html>
<head>
</head>
<body>
</body>
</html>
Tutto quei tag di cui abbiamo parlato andranno in body.
I tag più importanti
I tag più importanti sono:
Il tag per andare a capo che non deve mai essere chiuso (è l'unico)CODICE<br>
Il tag dei linkCODICE<a href="link"></a>
Il tag delle immaginiCODICE<img src="link imagine">
Il testoCODICE<p></p>
testo in grassetto|allineato a destra a sinistra o al centroCODICE<b></b><p align="right"></p> <p align="left"></p> <p align="center"></p>
.
Piccola guida agli html |
