Aggiungere Elementi Addizionali al Codice HTML Salvare il Codice HTML e Visualizzare la Pagina Web Corrispondente Aggiungere la Sezione Head al Codice HTML Aggiungere la Sezione Body e il Contenuto al Codice HTML Completare il Codice HTML
Seguendo queste istruzioni puoi pubblicare una foto sulla tua pagina web:  Digita il codice <img src= nel punto della pagina in cui vuoi che venga visualizzata l'immagine. Si tratta del tag di apertura. Copia l'URL completo dell'immagine e incollalo dopo il segno di uguale ("=") del tag "img". A questo punto, digita il simbolo > dopo l'URL dell'immagine per chiudere correttamente il tag "img". Per esempio, se l'indirizzo della foto da inserire nella pagina è "http://www.mypicture.com/lake", il codice HTML da usare sarà il seguente:  <img src="http://www.mypicture.com/lake.jpg"> Puoi creare un collegamento ipertestuale all'interno della tua pagina web seguendo queste istruzioni:  Digita il codice <a href=. Si tratta del tag HTML per la creazione di un link. Copia l'URL a cui farà riferimento il collegamento ipertestuale che stai creando e incollalo dopo il segno di uguale ("=") del parametro "href". A questo punto, digita il simbolo > dopo l'indirizzo del link per chiudere correttamente il tag "a".  Digita il testo del link che verrà visualizzato all'interno della pagina web. Inseriscilo dopo la parentesi angolare di chiusura del tag "a". Aggiungi il tag </a> dopo aver digitato il testo del link per completare il codice HTML del collegamento ipertestuale. Il codice di esempio riportato di seguito serve per creare un link al sito web di Facebook.  <a href="https://www.facebook.com">Facebook</a>. Per eseguire questo passaggio occorre utilizzare il codice <br>. In questo modo, verrà inserita nella pagina una linea di testo vuota che servirà come divisore fra due sezioni distinte del contenuto. Clicca sul menu Formato nella parte superiore della schermo, quindi clicca sulla voce Converti in formato solo testo elencata nel menu a discesa apparso. È situato all'interno della barra visibile nella parte superiore dello schermo. È una delle voci elencate nel menu a discesa "File". In alternativa, puoi premere la combinazione di tasti Ctrl+S (su Windows) o ⌘ Command+S (su Mac). Puoi usare il nome che preferisci, inserendolo nel capo di testo "Nome file" (su Windows) o "Nome" (su Mac). In questo caso, hai la necessità di convertire il formato da file di testo a file HTML. Segui queste istruzioni:   Windows – clicca sul menu a discesa  "Salva come" e clicca sull'opzione Tutti i file, quindi aggiungi l'estensione .html alla fine del nome che hai assegnato al file.  Mac – sostituisci l'estensione .txt visibile alla fine del nome del file con la nuova estensione .html. È collocato nella parte inferiore della pagina. Il codice della tua pagina web verrà salvato all'interno di un file HTML. Normalmente, i file HTML vengono aperti utilizzando il browser internet predefinito del sistema. A questo punto, sei pronto per visualizzare il risultato dei tuoi sforzi aprendo il file HTML che hai creato all'interno della finestra di un browser. In questo modo, la pagina web realizzata dovrebbe apparire a video. Nella maggior parte dei casi dovrai semplicemente fare doppio clic sull'icona del file HTML. Se eseguendo questo passaggio viene visualizzato un messaggio di errore, segui queste istruzioni:   Windows – seleziona il file HTML con il tasto destro del mouse, scegli l'opzione Apri con dal menu contestuale che apparirà, quindi clicca sull'icona del browser che vuoi usare.  Mac – clicca sull'icona del file HTML una sola volta, clicca sul menu File, seleziona la voce Apri con, quindi clicca sull'icona del browser che vuoi usare. Se hai notato che sono presenti degli errori all'interno della tua pagina web, devi correggerli modificando il codice presente all'interno del file HTML. Segui queste istruzioni per apportare le modifiche necessarie:  Windows – seleziona l'icona del file HTML premendo il tasto destro del mouse, quindi clicca sulla voce Modifica presente nel menu contestuale apparso (se hai installato l'editor Notepad++ sul computer, dovrai cliccare sull'opzione Modifica con Notepad++). Mac – clicca sull'icona del file HTML per selezionarlo, clicca sul menu File, scegli l'opzione Apri con, quindi clicca sulla voce TextEdit. In alternativa, puoi trascinare il file HTML all'interno della finestra del programma TextEdit. Se lavori su un computer sul quale è installato il sistema operativo Windows, normalmente userai Notepad o Notepad++, mentre se lavori su un Mac utilizzerai l'editor TextEdit:   Windows – accedi al menu Start cliccando sull'icona {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/0\/07\/Windowsstart.png","bigUrl":"https:\/\/www.wikihow.com\/images_en\/0\/07\/Windowsstart.png","smallWidth":460,"smallHeight":460,"bigWidth":760,"bigHeight":760,"licensing":"<div class=\"mw-parser-output\"><\/div>"}, digita la parola chiave notepad o notepad++, quindi clicca sulla voce Notepad o "Notepad++" che apparirà nell'elenco dei risultati.  macOS – apri la barra di ricerca di Spotlight cliccando sull'icona {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/e\/ea\/Macspotlight.png","bigUrl":"https:\/\/www.wikihow.com\/images_en\/e\/ea\/Macspotlight.png","smallWidth":460,"smallHeight":460,"bigWidth":760,"bigHeight":760,"licensing":"<div class=\"mw-parser-output\"><\/div>"}, digita la parola chiave textedit, quindi fai doppio clic sulla voce TextEdit apparsa nella parte superiore dell'elenco dei risultati. Questa porzione di codice serve per comunicare al browser internet che si tratta di un documento HTML. In questo modo, apri il tag HTML della tua pagina web. Questo tag serve a indicare l'inizio della sezione "head" del tuo documento HTML. Normalmente, le informazioni contenute in questa sezione non vengono visualizzate dal browser internet che interpreterà il codice. Le informazioni inserite in questa sezione includono il titolo, i meta dati, i fogli di stile CSS da usare e altri linguaggi usati per creare gli script. Questo tag viene usato per assegnare un titolo alla pagina web. Puoi utilizzare qualsiasi frase o parola. Si tratta del tag di chiusura della sezione del documento riservata al titolo della pagina web. Questo è il tag di chiusura della sezione "head". A questo punto, il contenuto del documento HTML dovrebbe essere simile al seguente.  <!DOCTYPE html> <html> <head> <title>La mia pagina web</title> </head> Il nuovo tag indica l'inizio del corpo principale vero e proprio della pagina HTML. Tutto quello che inserirai all'interno della sezione "body" verrà visualizzato dal browser sulla tua pagina web. Questo tag serve per formattare una porzione di testo in base a determinate caratteristiche. In questo caso specifico, viene indicato al browser che la sezione seguente è un'intestazione di primo livello. Normalmente, un'intestazione di questo tipo è visualizzata nella parte superiore di una pagina web e appare in grassetto con una dimensione dei caratteri superiore al normale. Si tratta del titolo dell'argomento che verrà trattato o del messaggio di benvenuto che vuoi riservare ai tuoi visitatori. In questo modo, la sezione riservata all'intestazione della pagina verrà chiusa.  Aggiungi altre intestazioni in base alle tue esigenze. Puoi formattare il testo di una pagina web utilizzando sei stili di intestazione differenti, indicati dai tag da <h1></h1> fino a <h6></h6>. Il testo verrà formattato utilizzando diverse dimensioni dei caratteri. Per esempio, puoi creare tre sezioni di testo distinte, ciascuna con un contenuto specifico che verrà formattato in modo diverso, utilizzando il seguente codice:  <h1>Benvenuto sulla mia pagina web!</h1> <h2>Il mio nome è Tizio.</h2> <h3>Spero che il mio lavoro ti piaccia.</h3>     Le intestazioni indicano la priorità o l'importanza del testo, ma non è necessario utilizzare un'intestazione molto grande se non vuoi inserirne altre più piccole. In tal caso, puoi usare direttamente il tag H3 anche se non c'è nessuna intestazione con il tag H1 nella tua pagina. Si tratta del tag per creare un paragrafo. I paragrafi in HTML vengono utilizzati per visualizzare del testo formattato in modo normale. Può essere una breve descrizione della pagina web che stai creando o qualsiasi altro tipo di informazione che vuoi condividere con il mondo. In questo modo, indicherai al browser che il paragrafo è completo. Il codice seguente è un esempio che descrive come creare un paragrafo di testo in HTML:  <p>Questo è un paragrafo.</p>    All'interno di una singola intestazione, puoi inserire diverse linee di testo sotto forma di paragrafo, racchiudendole all'interno dei tag indicati. Puoi modificare il colore dei caratteri di qualsiasi sezione racchiudendo il testo corrispondente all'interno dei tag <font color="colore"> e </font>, specificando il colore da usare con il parametro "color". Assicurati di sostituire il valore "colore" con il nome o il codice del colore che vuoi utilizzare (non dimenticare di racchiuderlo fra virgolette). Puoi modificare il colore del testo di ogni sezione (per esempio un'intestazione o un paragrafo) utilizzando la coppia di tag indicata. Per esempio, per visualizzare in blu il testo di un paragrafo dovrai utilizzare il seguente codice: <p><font color="blue">Le balene sono creature maestose.</font></p>  Puoi formattare il testo in grassetto, corsivo o usando altri stili utilizzando il codice HTML. Di seguito troverai alcuni esempi con cui formattare il testo di una pagina web utilizzando i tag HTML: <b>Testo in grassetto</b> <i>Testo in corsivo</i> <u>Testo sottolineato</u> <sub>Testo formattato come pedice</sub> <sup>Testo formattato come apice</sup>    Se inserisci il grassetto e il corsivo per dare maggiore enfasi al testo, senza che abbiano alcuna funzione stilistica, usa gli elementi <strong> e <em> invece di <b> e <i>. È un semplice accorgimento per rendere la tua pagina web più facile da comprendere quando si usa uno screen reader o l'opzione reader mode in alcuni browser . Dopo che avrai terminato di aggiungere i contenuti che devono essere visualizzati all'interno della pagina web (testo, immagini, link ad altri siti, eccetera), digita il tag indicato alla fine del codice HTML esistente per chiudere la sezione "body" della tua pagina. Inserisci il tag "/html" sotto al tag "/body" per indicare al browser che il documento HTML è completo e che il codice da esaminare è terminato. Al termine di questo passaggio, il codice HTML della tua pagina web di prova dovrebbe essere simile al seguente:  <!DOCTYPE html> <html> <head> <title>wikiHow Fan Page</title> </head> <body> <h1>Benvenuto sulla mia pagina web!</h1> <p>Questa è una fan page del sito web di wikiHow. Buon divertimento</p> <h2>Date importanti:</h2> <p><i>15 Gennaio 2019</i> - Anniversario della creazione di wikiHow</p> <h2>Link:</h2> <p>Questo è il link al sito di wikiHow: <a href="http://www.wikihow.it">wikiHow</a></p> </body> </html>
Inserisci un'immagine all'interno della pagina. Inserisci il link a un'altra pagina. Aggiungi un'interruzione di riga all'interno della pagina utilizzando l'apposito tag HTML. Converti il codice che hai creato in un file di semplice testo (solo per utenti che usano un Mac). Clicca sul menu File. Clicca sull'opzione Salva con nome. Digita il nome che vuoi assegnare al file HTML. Modifica il formato del file di salvataggio. Clicca sul pulsante Salva. Chiudi la finestra dell'editor di testo. Apri il file HTML con il browser internet che preferisci. Modifica il codice HTML, se necessario. Avvia l'editor di testo che hai scelto di utilizzare. Digita il codice <!DOCTYPE html> e premi il tasto Invio della tastiera. Aggiungi il tag <html> e premi il tasto Invio. Digita il codice <head> e premi il tasto Invio. Digita il tag <title>. A questo punto, inserisci il testo che verrà visualizzato come titolo della pagina. Dopo aver inserito il titolo della pagina, aggiungi il tag </title> e premi il tasto Invio. Digita il tag </head> e premi il tasto Invio. Digita il codice <body> sotto al tag di chiusura della sezione "Head". Digita il codice <h1>. Digita il testo che diventerà l'intestazione della tua pagina web. Inserisci il tag </h1> dopo aver digitato il testo, quindi premi il tasto Invio. Inserisci il tag <p>. Inserisci il contenuto che desideri. Dopo aver inserito il testo scelto, aggiungi il tag </p> e premi il tasto Invio. Inserisci il tag </body> per chiudere correttamente la sezione "body" del documento. Aggiungi il tag </html> per chiudere la sezione "html" del documento.
https://www.wikihow.com/Create-a-Simple-Web-Page-with-HTML https://www.wikihow.com/Create-a-Simple-Web-Page-with-HTML https://www.wikihow.com/Create-a-Simple-Web-Page-with-HTML https://www.wikihow.com/Create-a-Simple-Web-Page-with-HTML https://www.wikihow.com/Create-a-Simple-Web-Page-with-HTML
Adding Additional Elements to Your HTML Saving and Opening Your Web Page Adding a Head to Your HTML Adding a Body and Text to Your HTML Closing Your HTML Document