Hvordan plassere HTML Text Rundt et bilde

Hvordan plassere HTML Text Rundt et bilde


Nettsteder publisere elektroniske artikler ofte følger oppsettet av et magasin eller en avis hvor tekst er pakket rundt et bilde som ligger på venstre eller høyre side av skjermen. Selv om standardposisjon med tekst rundt bildet inn i en webside er på bunnen, kan du sette bildeegenskapene i HTML slik at teksten brytes rundt det. Dette kan gjøres ved å legge en eiendom i HTML-bildekoden ved hjelp av et tekstredigeringsprogram eller HTML-redigering programvare.

Bruksanvisning

1 Opprett en ny fil ved hjelp av en HTML-editor som Frontpage eller Dreamweaver eller et tekstredigeringsprogram som Notisblokk.

2 Sett inn et bilde ved hjelp av HTML-editor verktøy. Hvis du bruker en teksteditor, sette inn et bilde ved å skrive inn følgende HTML-kode:

<Img src = "yourimage.jpg">

Erstatt "yourimage.jpg" med navnet på bildefilen.

3 Redigere HTML-koden for <img> -taggen og legge justeringen eiendom. For eksempel, hvis du ønsker å justere bildet til venstre, skriv inn følgende HTML-kode:

<Img align = "left">

4 Legg inn tekst ved siden av bildet.

5 Lagre den som en HTML-fil.

6 Åpne HTML-fil på en nettleser for å se bildet pakket rundt teksten.

Hint

  • De fleste HTML redaktører har verktøy som lar deg angi egenskaper for bildet, for eksempel bildejusteringen som automatisk endrer HTML-koden. Sjekk dokumentasjonen i HTML-redigering programvare for å finne ut hva slags funksjoner lar deg enkelt redigere et innsatt bilde.