By 
Benvenuti in questo nuovo e primo articolo sulla creazione di siti web in HTML (Hyper Text Markup Language).
Prima di continuare ci teniamo a raccomandarti degli editor di testo fatti proprio apposta per programmare come Sublime Text; notepad++ o brackets ( sono entrambi gratuiti).
Dopo creriamo una cartella e apriamola.
Dentro di essa creeremo l’inizio del nostro codice.
Clicchiamo tasto destro > Nuovo > Documento di testo.
Adesso selezioniamo tutto il nome del nuovo documento compreso il .txt sostituendolo con index.html, grazie a questa estensione se ci clicchiamo sopra il file ci porterà al sito web ancora vuoto.
Adesso, facciaomo click destro sul file e poi clicca “Apri con…” e seleziona il tuo text editor preferito.
Sarà proprio qui dentro che scriveremo il codice per la creazione della pagina!
Iniziamo col dire che per iniziare un codice html si inizia sempre con <html> e si finisce con </html>, infatti per indicare la chiusura di un tag si usa </tag>!
Ora però dobbiamo impostare delle informazioni al sito scrivendo <head> e a capo </head> quindi ci troveremo con un codice del genere:
<html>
<head>
</head>
</html>
Ecco.. ora diamo un titolo alla pagina scrivendo all’interno dei tag head, <title>titolo della pagina</title>
Ed aggiornate la pagina,ora se guardate in alto dove le schede aperte, si potrà visualizzare il titolo che avete scritto!
Impostiamo anche una favicon, una mini icona che sarà a sinistra del titolo scritto prima, questa la potete fare scrivendo:
<link rel=”icon” href=”url photo” />
Se invece dobbiamo impostare una gif come favicon scriveremo:
<link rel=”icon” href=”url sito” type=”image/gif” />
Questi codici dovranno sempre essere scritti sul head tag!
Adesso usciamo dalla parte del head tag e iniziamo a scrivere qualcosa sulla pagina.
Ci sono diverse grandezze per scrivere su html… dal <h1> ( il più grande ) al <h6> ( più piccolo )
Vi consiglo di provarli uno a uno, io utilizzerò <h1> per il titolo facendo <h1>titolo</h1> nel mentre per impostargli un paragrafo faro <p>paragrafo ciaociao</p>.
Ricarichiamo la pagina ed è fatto! Questo sarà l inizio della vostra pagina!
Per invece scrivere un testo non in tutta la riga usiamo il tag break, che interrompe una riga, ad esempio
“Ciao, sono un admin.
Come stai?”
Questo al posto di “Ciao, sono un admin. Come stai?”.
Per farlo si dovrà scrivere <br>titolo consigliato abbastanza lungo</br>
Fatto! Ora basta ricaricare la pagina e godersi il risultato!
Restate connesi per non perdervi il prossimo tutorial! Potete farlo registrandovi anche alla nostra newsletter cliccando QUI
Comments