guida ai codici html

« Older   Newer »
  Share  
~Crew!
view post Posted on 3/3/2009, 15:10




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 (click to view)
esempio: primapagina.html

SPOILER (click to view)
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 è
CODICE
<p>
e deve essere chiuso con il relativo tag
CODICE
</p>

SPOILER (click to view)
Esempio:
CODICE
<p>qui scrivo il testo </p>

Ed ecco come si vedrà
SPOILER (click to view)

qui scrivo il testo


Se volete scvrivee il testo alinato a destra o a sinistra o al centro il codice è
CODICE
<P align="right">testo</P>
sostituite il right (destra) con left se lo volete a sinistra o center se lo volte al centro.
SPOILER (click to view)

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:
Immagine Cancellata Perchè è Spam
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
Testa
CODICE
(<head>)
Contiene 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, eccetera
Corpo
CODICE
(<body>)
Qui è racchiuso il contenuto vero e proprio del documento
e il tag html
SPOILER (click to view)
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 link
CODICE
<a href="link"></a>

Il tag delle immagini
CODICE
<img src="link imagine">

Il testo
CODICE
<p></p>

testo in grassetto|allineato a destra a sinistra o al centro
CODICE
<b></b><p align="right"></p> <p align="left"></p> <p align="center"></p>


in aggiornamento.. guida interamente creata da me è vietato copiarla

Edited by pein96 - 9/7/2009, 19:32
 
Top
-Cloud!
view post Posted on 5/3/2009, 15:15




utile
 
Top
pein96
view post Posted on 5/3/2009, 15:36




molto utile
 
Top
pein96
view post Posted on 7/4/2009, 13:52




cm si fa a mettere la personal tag nei forum?? nel senso di cm si mette una tag board che puo usare sl certa gente?? e lasciando quella che possono usare tt?
 
Top
3 replies since 3/3/2009, 15:10   48 views
  Share