June 6
L'aggiunta di immagini a una pagina web porta alla vita. Immagini sia catturare l'attenzione del lettore e di fornire ulteriori informazioni che non possono essere visualizzati nel testo. Le immagini vengono utilizzati anche in formattazione - angoli arrotondati, scatole, contorni e le icone possono essere tutte le immagini. Mettere un'immagine in una pagina web è un compito semplice.
1 Creare un file vuoto sul PC con un editor di testo. Salvarlo in una directory facile da trovare e digitare. Rendere il HTM estensione del file o HTML. Il nome del file può essere tutto quello che vuoi, ma qualcosa di semplice come il 'test' funziona. Se si salva nella directory temp, il percorso completo potrebbe essere: C: \ temp \ test.html.
2 Aggiungere tag HTML di base per il file. Quello che segue è la struttura di base di un documento HTML - si può entrare da soli, o semplicemente copiare e incollare il seguente:
<HTML>
<HEAD>
<TITLE> La mia prova di file di immagine </ TITLE>
<BODY>
<H1> Questa è una prova di aggiungere un'immagine </ H1>
</ BODY>
</ HTML>
Salvare il file. Aprirlo nel suo browser con la / scelta di menu Apri file. Non si dovrebbe vedere uno dei tuoi tags-- solo "Questa è una prova di aggiungere un immagine" nella parte superiore dello schermo, e "La mia prova del file di immagine" sulla barra del titolo nella parte superiore della finestra del browser.
3 Salvare il file di immagine nella stessa directory come tua pagina web; assumeremo si chiama "test.jpg." Aggiungere un tag IMG all'interno del tag <body>, come questo;
<BODY>
<IMG SRC = ALT "test.jpg" = "questo è il mio test">
</ BODY>
Mettere il file nella stessa directory come la pagina semplifica l'aggiunta del collegamento nel file. Se fosse in una directory di seguito chiamato "immagini", l'attributo SRC di cui sopra sarebbe leggere ", /images/test.gif". Se fosse su un server web da qualche altra parte, chiamato something.com, l'attributo SRC sarebbe "http://something.com/test.gif."
4 Salvare il file. Aprirlo con il browser utilizzando File / Apri. Ora vedrete la vostra immagine incorporato nella vostra pagina web. Se si posiziona il cursore sopra la parte superiore dell'immagine, vedrete il contenuto dell'attributo ALT - "questo è il mio test" - appaiono sopra la vostra immagine. Questo è un pezzo importante del "tag IMG" in quanto fornisce la possibilità per gli spettatori non vedenti per trovare ciò che l'immagine è attraverso il loro software di lettura.