Hvordan lage tekst Wrap i HTML

Innpakning tekst rundt bilder på nettsidene gjør dem skiller seg ut mer og sparer plass på siden din. Du kan bryte tekst rundt bildene dine ved hjelp av "align" attributt for "img" tagger i HTML. Dette attributtet definerer vertikal og horisontal justering av bildene på sidene dine og alle de store nettlesere støtter det. Du kan vikle andre elementer rundt bildene dine også.

Bruksanvisning

1 Åpne HTML-fil. Plasser markøren på det stedet i koden der du ønsker å gå inn i bilde og tekst brytes rundt det.

2 Skriv inn følgende linje:

<Img alt = "Dette er mitt bilde" align = "left" />

Skriv inn riktig informasjon for "src" og "Alt" attributter. Ved å bruke "venstre" i "align" attributt, vil bildet på siden din passer inn i øverste venstre hjørne av en blokk med tekst. Andre alternativer du har for dette attributtet inkluderer "rett", "midten", "topp" og "bunn".

3 Lagre HTML-fil og laste den opp til webserveren din.

Hint

• Du kan også bruke et stilark for å bryte tekst rundt bildene dine. Du bruker "flyte" attributtet i "img" tag å sette justeringen. For eksempel skriver "img {float: left;}" i en CSS-fil og inkludere det i HTML-siden vil posisjonere bildet i øverste venstre hjørne av en tekstblokk. Ved hjelp av en stilark kan du også sette "padding" og "margin" attributter til å lage eller fjerne mellomrom mellom tekst og bilder.