Hvordan Slå på tekstbryting i HTML

I HTML programmering når du legger et bilde på en webside, som standard, vil all tekst du legger ved siden av bildet bare kjøre til enden av linjen og deretter fortsette under bildet. Dette kan ende opp som ser vanskelig, spesielt hvis du har et stort bilde. Bruk bildestiler for å bryte tekst rundt bildet, og samkjøre bildet til venstre eller høyre side av teksten. Du har to alternativer for å programmere dette, enten i HTML-siden i seg selv, eller ved hjelp av en gjennomgripende stilark.

Bruksanvisning

HTML

1 Åpne HTML-dokumentet der du vil bryte tekst. Sett markøren der du vil legge til et bilde.

2 Skriv inn følgende for å sette inn et bilde på høyre side og gjøre tekstbryting rundt den til venstre:

<Img style = "float: right">

Endre "image" til banen til bildefilen. Change "rett" til "venstre" for å plassere bildet til venstre for teksten.

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

CSS

4 Åpne din CSS fil.

5 Skriv inn følgende for å opprette to nye klasser for noen bilder du vil bryte tekst rundt:

img.leftFloat {float: left; }

img.rightFloat {float: right; }

6 Åpne et HTML-dokument. Sett markøren der du vil legge til et bilde og gjøre teksten brytes rundt det.

7 Skriv inn følgende for å sette inn et bilde på høyre side og gjøre tekstbryting rundt den til venstre:

<Img class = "rightFloat">

Endre "image" til banen til bildefilen. Change "rightFloat" til "leftFloat" for å plassere bildet til venstre for teksten.

8 Lagre CSS-filen og HTML-filen. Last opp både til webserveren.