Lezione 2 – Editor

Lezione 2 – Editor

Scrivi HTML Utilizzando Blocco note o TextEdit

Le pagine Web possono essere creati e modificati utilizzando editor HTML professionale.

Tuttavia, per l’apprendimento HTML si consiglia un semplice editor di testo come Blocco note (PC) o TextEdit (Mac).

Crediamo che utilizzando un semplice editor di testo è un buon modo per imparare l’HTML.

Seguire i quattro passaggi di seguito per creare la prima pagina web con il Blocco note o TextEdit.


Fase 1: Aprire il Blocco note (PC)

Di Windows 8 o versioni successive:

Aprire la  schermata di avvio  (il simbolo della finestra in basso a sinistra sullo schermo). Tipo  blocco note .

Windows 7 o versioni precedenti:

Aprire  Avvio  >  Programmi>  Accessori>  Blocco note


Fase 1: Aprire TextEdit (Mac)

Aprire  Finder> Applicazioni> TextEdit

Anche cambiare alcune preferenze per ottenere l’applicazione per salvare correttamente i file. In  Preferenze> Formato>  scegliere  “Testo normale”

Poi sotto “Apri e Salva”, selezionare la casella che dice “file HTML vengono visualizzati come codice HTML al posto del testo formattato”.

Quindi aprire un nuovo documento per inserire il codice.


Fase 2: scrivere del codice HTML

Scrivere o copiare il linguaggio HTML in Blocco note.

<!DOCTYPE html>

<html>

<body><h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

Bloc notes


Fase 3: Salvare la pagina HTML

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

Nome del file  “index.htm”  e impostare la codifica a  UTF-8  (che è la codifica preferita per i file HTML).

Visualizza nel browser

È possibile utilizzare .htm o .html come estensione del file. Non c’è alcuna differenza, spetta a voi.


Fase 4: visualizzare la pagina HTML nel browser

Aprire il file HTML salvato nel vostro browser preferito (doppio click sul file, oppure fare clic destro – e scegliere “Apri con”).

Il risultato sarà molto simile a questo:

Visualizza nel browser

Precedente Download Google Pixel 3 Live Wallpapers Ported for Android 6.0+ Successivo Lezione 3 – Basi