Come aggiungere spazio intorno a un'immagine utilizzando la programmazione HTML

March 24

HTML - Hypertext Markup Language - è un linguaggio di programmazione che viene utilizzato per creare pagine web. siti web e pagine web sono scritte in codice HTML. Sia che si sta configurando una pagina web personale o una pagina web aziendale, imparando il codice HTML può essere molto utile. Saper utilizzare il codice può aiutare a manipolare le impostazioni di pagina. I documenti HTML contengono testo normale e hanno una o estensione '.html' '.htm'. È possibile aggiungere spazio intorno le immagini sulla tua pagina. L'aggiunta di spazio intorno a un'immagine è un ottimo modo per rendere la vostra pagina attraente. Questa guida vi insegnerà come aggiungere spazio intorno le immagini per la visualizzazione della pagina. Essa presenta un approccio molto semplice per personalizzare la vostra pagina.

istruzione

1 Avviare un programma di word processor, editor di testo o web authoring. Si utilizzerà questo per creare una pagina web.

2 Tipo HSPACE =? all'interno del tag dell'immagine. Sostituire il punto interrogativo con un numero per indicare la quantità di spazio che si desidera aggiungere ai lati sinistro e destro dell'immagine in pixel. Più alto è il numero, più spazio si aggiungerà intorno all'immagine. Il testo dovrebbe apparire come nell'esempio qui sotto:. <HTML> <HEAD> <TITLE> Questo è il titolo </ title> </ head> <body> <h1> Questo è il tuo testo di benvenuto </ h1> <IMG SRC = "Butterfly.jpg" align = left HSPACE = 30> Le farfalle sono molto belle creature. Essi mostrano diversi colori. </ BODY> </ HTML>

3 Aprire un nuovo browser web per verificare che la pagina web aggiunge spazio ai lati sinistro e destro dell'immagine. Per visualizzare la pagina, è possibile utilizzare un browser, come Internet Explorer. Per aprire la pagina Web nel browser, fare clic sul pulsante di file lungo la barra dei menu, fare clic su Apri. Verrà visualizzata la finestra di dialogo aperta. Fare clic su Sfoglia per individuare la pagina web. Scegliere la pagina web che si desidera aprire. La pagina web viene visualizzata nel browser.

4 Avviare il word processor o editor di testo che verrà utilizzato per creare la tua pagina web. Per aggiungere spazio alla parte superiore e inferiore dell'immagine, tipo VSPACE =? Sostituire il punto interrogativo con un numero per indicare la quantità di spazio che si desidera aggiungere ai lati sinistro e destro dell'immagine in pixel. Più alto è il numero, più spazio si aggiungerà intorno all'immagine. Il testo dovrebbe apparire come nell'esempio qui sotto:. <HTML> <HEAD> <TITLE> Questo è il titolo </ title> </ head> <body> <h1> Questo è il tuo testo di benvenuto </ h1> <IMG SRC = "Butterfly.jpg" align = left VSPACE = 30> Le farfalle sono molto belle creature. Essi mostrano diversi colori. </ BODY> </ HTML>

5 Aprire un nuovo browser web per verificare che la pagina web aggiunge spazio ai lati superiore e inferiore dell'immagine.

Consigli e avvertenze

  • Si dovrebbe visualizzare la pagina web in diversi browser per vedere come ogni browser visualizzerà la pagina.