Pensavate che nella scuola ci fossero solo scuole artistiche? Beh, si, ma dentro le sottosezioni apposite. Nella sezione qui, invece, ci saranno vari tutorial e scuole per aiutarvi ad apprendere qualcosa (grafica o, appunto, html)
NON COPIATE IL TUTORIAL O VI SPEZZO LE BRACCINE.HTML Lezione 1 - La struttura
Nel codice html, i codici vengono chiamati TAG. Un tag può essere
(il tag per dire "a capo"). Spesso e volentieri i tag devono avere una apertura e chiusura (dico spesso poichè per il br non esiste chiusura ma per la maggior parte, si).
Prendiamo ad esempio il tag
(paragrafo). Il tag p è un tag di apertura che necessita una chiusura alla fine del paragrafo. La chiusura si ottiene con lo stesso tag munito di " / " prima della scritta del tag, quindi si otterrà
.
Iniziamo con qualcosa di molto semplice: la struttura.
La struttura di base di una pagina html, volendo ridurla al minimo e senza particolari dettagli, è la seguente:
HTML
<html>
<head></head>
<body></body>
</html>
Come potete notare, tutti i tag sono inseriti nel tag "madre"
. In questo tag ci sono due ulteriori tag: head e body.
Nel tag head vanno inseriti tutti i codici per il riconoscimento della pagina (descrizione, parole chiave ecc) e anche il CSS, ovvero lo stile.
Nel tag body c'è la pagina vera e propria come la create e come si mostrerà alla fine.
Nel tag html và anche il codice della favicon, ovvero quella minuscola icona che appare accanto al link nella barra degli indirizzi, il tag per la favicon è lungo per cui o lo imparate comunque, o ve lo conservate e lo copia-incollare quando vi serve:
HTML
<link rel="shortcut icon" href="http://LINK ALL'IMAGINE.ico" type="image/icon">
Iniziamo a scoprire anche alcuni tag utili per il tag head (stesso concetto di prima, però adesso vi consiglio vivamente di salvarveli e di incollarli laddove vi servano!)
HTML
<META NAME="description" CONTENT="SCRIVETE QUI LA DESCRIZIONE DEL VOSTRO SITO!">
<META NAME="keywords" CONTENT="LE PAROLE CHIAVE DEL SITO SEPARATE DA UNA VIRGOLA">
<title>TITOLO DELLA PAGINA</title>
Nella nostra lezione non conteremo la favicon ma solo i tag in head, se volessimo quindi fare un sito sul Giappone che si chiama "Japan Love", la struttura sarebbe la seguente:
HTML
<html>
<head>
<META NAME="description" CONTENT="Un sito per gli amanti del Giappone e di qualsiasi cosa riguardi il paese del Sol Levante!">
<META NAME="keywords" CONTENT="Giappone, Sol Levante, nipponico, anime, manga, musica, j-pop, idol, tokyo, asia, cultura, tradizione, samurai, sakura">
<title>Japan Lover</title>
</head>
<body></body>
</html>
N.B. Non importa che ci siano spazi nell'html MA NON NEI TAG. Evitate spazi nei tag come per esempio
o
.