Nwlapcug.com


Come inserire immagini in XHTML

XHTML è una sintassi più severa rispetto a HTML. A differenza di HTML, tutti i tag XHTML devono essere correttamente ordinato, chiuso e scritti in lettere minuscole. Soddisfare questi requisiti quando si inserisce un'immagine in un documento XHTML. Anche imparare a utilizzare correttamente gli attributi di immagine. Uso improprio delle immagini e loro attributi può passare valido anche sotto rigoroso standard XHTML, ma possono avere risultati imbarazzanti. Sempre l'anteprima delle pagine Web nei browser web per assicurarsi che si ottiene l'aspetto desiderato.

Istruzioni

1

Aprire il documento XHTML in un editor di testo. Scorrere la pagina XHTML per cui si desidera inserire un'immagine.

2

Inserire il tag di elemento di immagine o tag IMG con gli attributi "src" e "alt." Digitare tutti i caratteri in lettere minuscole:

< img alt = "" >

3

Immettere i valori per gli attributi XHTML. L'attributo "src" deve contenere l'origine o la posizione dell'immagine:

< img alt = "" >

4

Digitare un'etichetta di testo per l'immagine in "alt" Se si desidera un testo alternativo da visualizzare nel caso in cui l'immagine non viene visualizzata (ad esempio, se il browser dell'utente ha immagini disabilitati). Omette il "alt" per gli articoli decorativi come proiettili:

< img alt = "XHTML Compliant" >

5

Aggiungere una barra o "/" alla fine del tag dell'immagine:

< img alt = "XHTML Compliant" / >

Se si dimentica di aggiungere questo personaggio, è possibile che il codice sarà valido in base agli standard XHTML.

6

Se necessario, aggiungete gli attributi width e height. La larghezza vi dirà un browser web in quanto l'immagine è grande; l'altezza viene descritto come alto è:

< img alt = "XHTML Compliant" height = "115" width = "125" / >

7

Salvare il documento XHTML. Caricare il tuo sito Web utilizzando strumento di caricamento di file del tuo host web o un client FTP. Visualizzare la pagina Web con un browser web per verificare che l'immagine viene visualizzata correttamente.

Consigli & Avvertenze

  • Utilizzare un validatore di codice XHTML per controllare il codice per gli errori (Vedi risorse).