Lezione I - HTML

´matte

Posted on 21/10/2011, 17:45

.

User deleted

Seguendo a scuola il corso di informatica e essendo le lezioni da qua fino a gennaio sull'HTML, posterò tutti gli appunti delle lezioni che facciamo a scuola qua, cercando di spiegarvi passo per passo l'oscuro mondo dell'HTML (non sono ne un professore ne niente quindi posso sbagliare, vi prego correggetemi )

Lezione I

Che cos'è l'HTML?
HTML è l'acronimo di HyperText Markup Language, ed è un linguaggio che ci servirà per creare una pagina web. Infatti tutte le pagine che vediamo in giro hanno un minimo di HTML, che servirà per esempio a posizionere un'immagine in un dato punto oppure per colorare lo sfondo ecc.
L'HTML è un linguaggio composto da marcatori.

Che cosa sono i marcatori?
Per farla breve i marcatori sono i simboli < e > . Anche qui sui forum troviamo i marcatori nei codici che utilizziamo ad esempio per fare le scritte in grassetto! I marcatori con all'interno qualcosa compongono i tag.

I tag
I tag (pronuncia teg) sono dei comandi che ci permettono di descrivere qualcosa all'interno di una pagina web.
esempio:
matte è un figo

CODICE

<b>matte è un figo</b>

Come potete vedere in questa frase la scritta "matte è un figo" è racchiusa tra un tag del significato dei tag ci occuperemo più avanti.
I tag si dividono in due grandi gruppi:
- quelli che necessitano il tag di chiusura ( per intenderci </tag>)
- e quelli che non lo necessitano
Per evitare errori mettetelo sempre e non sbaglierete mai!

Com'è composta una pagine web?
Se vogliamo creare una pagina web, non dobbiamo mai dimenticarci la seguente struttura:

CODICE

<HTML>
<HEAD> <TITLE>titolo della pagina</TITLE></HEAD>
<BODY>
primo esempio di pagina web
</BODY>
</HTML>

Dove,
<html> </html> ci dice che la pagina è descritta con codici HTML
<head> </head> che vuol dire testa (dall'inglese) ci permetterà di inserire il titolo nella barra che compare in alto quando aprite un browser, dove adesso avete scritto Gimp World. Per inserire il titolo bisogna utilizzare il tag <title> </title> altrimenti lo spazio resterà vuoto.
<body> </body> dall'inglese corpo è il tag che ci permette di descrivere il "corpo" della pagina. Tutti i codici andranno al suo interno!

Come faccio a fare una prova di una pagina web?
Inanzitutto dovrete essere collegati a internet ed avere un browser disponibile ovviamente, dopodichè potrete utilizzare il Blocco Note che tutti i computer hanno e sbizzarrirvi con i tag. Ricordate sempre però i tag fondamentali !!
Finito di scrivere tutto quello che volete salvate il documento con estensione .html. Poi andate sui vostri documenti apritelo e vedrete la vostra pagina web!

L'esempio sopra, è la pagina web più semplice che possa esistere, vi riporto i codici:

CODICE

<HTML>
<HEAD> <TITLE>titolo della pagina</TITLE></HEAD>
<BODY>
primo esempio di pagina web
</BODY>
</HTML>

Se volete provarci, fatelo e poi eseguite uno stamp e postatelo!
Spero vi possa essere utile,
alla prossima lezione!

Il tutorial è stato scritto e postato ESCLUSIVAMENTE per il GIMP WORLD, da ´matte è vietata la riproduzione totale e parziale

.

splatterino

Posted on 21/10/2011, 17:56

.