Come inserire un'immagine in una pagina web

November 13

Come inserire un'immagine in una pagina web


Hypertext Markup Language (HTML) è il nome formale dato al codice che controlla il contenuto e l'aspetto delle pagine Web. HTML consente di includere una vasta gamma di elementi in una pagina, tra cui intestazioni, paragrafi, tabelle, elenchi puntati e immagini. Fino a quando si dispone di una copia di una pagina Web salvata sul computer, l'inserimento di un'immagine richiede l'inserimento di una sola riga di codice HTML. Una volta capito la sintassi corretta per questo codice, aggiungendo l'immagine richiede solo pochi click.

istruzione

1 Inserire il file immagine che si desidera inserire nella vostra pagina Web nella stessa cartella della pagina.

2 Aprire o un programma di editing pagina Web visivo (ad esempio, Adobe Dreamweaver, Microsoft Expression Web) o uno strumento di modifica del testo (ad esempio, Microsoft WordPad, Blocco note).

3 Fai clic su "File" nella barra dei menu in alto del programma selezionato e scegliere "Apri". Individuare il file di pagina Web nella finestra di dialogo risultante e aprirlo con un doppio clic sulla sua icona.

4 Fare clic sull'area della pagina Web in cui si desidera inserire il file di immagine e quindi fare clic sul pulsante "Codice" o "HTML" per visualizzare il codice HTML associato. Se si utilizza un programma di editing di testo, navigare manualmente alla riga di codice in cui si desidera che l'immagine inserita, invece.

5 Premere il tasto "Enter" per creare una riga vuota.

6 Aggiungere il seguente codice alla riga vuota appena creato:

<Img alt = "Descrizione immagine">

7 Sostituire il valore "file_name.jpg" con il nome del file e file con estensione effettiva dell'immagine selezionata al punto 1. Anche se molti file utilizzano l'estensione .jpg, .gif, .png e formati .bmp sono anche comuni.

8 Sostituire il valore "Descrizione immagine" con una breve descrizione di ciò che l'immagine rappresenta. Questo permette agli utenti non vedenti o poveri lungimiranti per capire il contenuto dell'immagine anche quando non si vede.

9 Fai clic su "File" nella barra dei menu superiore del vostro programma di editing e selezionare "Salva" per confermare le modifiche.

Consigli e avvertenze

  • Se si conosce la larghezza e l'altezza della tua immagine, in termini di pixel, specificare queste informazioni nel codice HTML. Questi valori sono rappresentati utilizzando il seguente formato:
  • <Img src = "file_name.jpg" alt = "Descrizione immagine" width = "500" height = "350">