Editor HTML
Un semplice editor di testo è tutto ciò che serve 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 l'apprendimento dell'HTML consigliamo un semplice editor di testo come Blocco note (PC) o TextEdit (Mac).
Crediamo che l'uso 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: aprire 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 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 i file correttamente. In Preferenze> Formato> scegli "Testo normale"
Quindi, in "Apri e salva", seleziona la casella "Visualizza file HTML come codice HTML anziché testo formattato".
Quindi apri un nuovo documento per inserire il codice.
Passaggio 2: scrivi un po' di HTML
Scrivi o copia il seguente codice HTML nel Blocco note:
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Passaggio 3: salva la pagina HTML
Salva il file sul tuo computer. Seleziona File > Salva con nome nel menu Blocco note.
Assegna un nome al file "index.htm" e imposta la codifica su UTF-8 (che è la codifica preferita per i file HTML).
Suggerimento: puoi utilizzare .htm o .html come estensione di file. Non c'è differenza, dipende da te.
Passaggio 4: visualizza la pagina HTML nel 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:
Editore online di W3Schools - "Provalo tu stesso"
Con il nostro editor online gratuito, puoi modificare il codice HTML e visualizzare il risultato nel tuo browser.
È lo strumento perfetto quando si desidera testare il codice velocemente. Ha anche la codifica a colori e la possibilità di salvare e condividere il codice con altri:
Esempio
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
Fai clic sul pulsante "Provalo tu stesso" per vedere come funziona.
Spazi W3Schools
Se vuoi creare il tuo sito web e salvare il tuo codice online, prova il nostro costruttore di siti web gratuito , chiamato W3schools Spaces :