Se ci siamo interessati allo sviluppo web o come si crea un sito internet abbiamo scoperto che è importante conoscere il linguaggio HTML. In una guida del sito si parla di cos’è l’HTML che consiglio di consultare se non si conosce l’argomento; qui invece vedremo come si scrive una pagina HTML.
Scegliere un programma per scrivere la pagina in HTML
Prima di tutto dobbiamo scegliere l’editor di testo che vogliamo usare. Possiamo usare anche un blocco note e salvare il file in .html ma la cosa migliore è scegliere un editor adatto a scrivere i codici. Questo ci semplificherà di molto il lavoro, perché ci suggerirà come scrivere i vari tag (Se non conosci questo e altri termini menzionati nell’articolo vedi la guida indicata nel primo paragrafo)
Come già menzionato in precedenza tra i migliori editor troviamo:
- Visual Studio Code: Programma open-source della Microsoft, disponibile anche per Linux e Mac
- Atom:
- Notepad++:
Per chi vuole usare un editor online, si possono usare quello di W3Schools e quello di Sololearn. Dopo aver scritto il codice basta cliccare sul pulsante Run per vedere il risultato
Scrivere la prima pagina HTML
A questo punto possiamo iniziare a scrivere la nostra prima pagina HTML.
La configurazione iniziale di base di solito è simile a questa.
<!DOCTYPE html>
<html lang="it">
<head>
<title>Titolo del sito</title>
</head>
<body>
<h1>Sottotitolo1</h1>
<p>Paragrafo.</p>
</body>
</html>
Ora spiegheremo il significato dei vari tag:
- <title></title>: All’interno è indicato il titolo della pagina.
- <h1></h1>: Al suo interno scriviamo un sottotitolo. Possiamo usare anche h2, h3, h4, h5, h6 ognuno meno importante del precedente.
- <p></p>: Al suo interno scriviamo un paragrafo.
Quando è tutto pronto, salviamo e apriamo il file con il nostro browser semplicemente con un doppio clic.
Ora vediamo un esempio di testo
<h1>Titolo1</h1> <p>Questo è un paragrafo. Se noi vogliamo andare a capo dobbiamo indicarlo con un tag. Scrivendo <br> il testo dopo il tag sarà a capo. <br> Prova anche tu </p> <p> Se vuoi che una parola sia in <b>grassetto</b> la devi scrivere all'interno del tag < b > </b > mentre se vuoi che sia in <i>corsivo</i> nel tag < i > </i ></p>
Come specificato se vogliamo che una parola sia in grassetto deve essere all’interno di <b></b> mentre se la vogliamo in corsivo all’interno di <i></i>.
Inserire un link all’interno della nostra pagina
Se vogliamo inserire un link nella nostra pagina scriveremo:
<a title="Sito di Infodit" href="https://www.infodit.it/" target="_blank">Infodit</a>
Abbiamo qui tre attributi:
- title: Indica le descrizione del link che verrà mostrata quando qualcuno ci passa sopra con il mouse.
- href: L’indirizzo della pagina web di riferimento
- targer=”_blank”: Indichiamo al browser di aprire la pagina in una nuova scheda.
Se vogliamo inserire il link all’interno di un paragrafo, scriveremo ad esempio:
<p> Visita il sito web di <a title="Sito di Infodit" href="https://www.infodit.it/" target="_blank">Infodit</a></p>
Abbiamo visto fin qui come si inizia e si scrive una pagina HTML. Puoi vedere un esempio di ciò che abbiamo parlato sull’editor di W3school e su quello di Sololearn.
In seguito verranno aggiunti altri articoli sull’argomento. Se vuoi restare aggiornato attiva le notifiche cliccando sul lucchetto che trovi accanto all’indirizzo del sito in altro a sinistra o seguimi sui social.