02 – Dove scrivere codice HTML

Un semplice editor di testo è tutto ciò di cui hai bisogno per imparare l‘HTML.

Impara l’HTML usando Blocco note o TextEdit

Le pagine Web possono essere create e modificate utilizzando editor HTML professionali.

Tuttavia, per imparare l’HTML consiglio un semplice editor di testo come Notepad (Win) o TextEdit (Mac), se invece vuoi provare un software FREE e Open Source multipiattaforma con funzionalità anche avanzate consiglio Geany (Linux, Win, Mac).

Riteniamo che l’utilizzo di un semplice editor di testo sia un buon modo per imparare l’HTML.

Segui i passaggi seguenti per creare la tua prima pagina web con Blocco note o TextEdit.

Passaggio 1: Apri Blocco note (PC)

Windows 8 o successivo:

Apri la schermata iniziale (il simbolo della finestra in basso a sinistra sullo schermo).
Digita Blocco note .

Windows 7 o versioni precedenti:

Apri Start > Programmi > Accessori > Blocco note

Passaggio 1: apri TextEdit (Mac)

Apri Finder > Applicazioni > TextEdit

Modificare anche alcune preferenze per fare in modo che l’applicazione salvi correttamente i file.
In Preferenze> Formato> scegli “Testo normale”
Quindi, in “Apri e salva”, seleziona la casella che dice “Visualizza file HTML come codice HTML anziché testo formattato”.
Quindi apri un nuovo documento per inserire il codice.

Passaggio 2: scrivere un po’ di codice HTML

Scrivi o copia il seguente codice HTML in Blocco note:

<!DOCTYPE html>
<html>
<body>

<h1>Il mio primo Titolo</h1>

<p>Il mio primo paragrafo.</p>

</body>
</html>

Passaggio 3: salva la pagina HTML

Salva il file sul tuo computer. Selezionare File > Salva con nome nel menu Blocco note.

Denominare il file “index.htm” e impostare la codifica su UTF-8 (che è la codifica preferita per i file HTML).

Suggerimento: puoi utilizzare .htm o .html come estensione del file. Non c’è differenza; Spetta a voi.

Passaggio 4: visualizza la pagina HTML nel tuo browser

Apri il file HTML salvato nel tuo browser preferito (fai doppio clic sul file o fai clic con il pulsante destro del mouse e scegli “Apri con”).

Il risultato sarà molto simile a questo:

Esempio

<!DOCTYPE html>
<html>
<head>
<title>Titolo Pagina</title>
</head>
<body>

<h1>Questo è un Titolo</h1>
<p>Questo è un paragrafo.</p>

</body>
</html>

Pubblicato da Luca Bocaletto

Sviluppatore, Creatore, Musicista, Artista, Radiantista, Scacchista.