whycomputer.com >> Datornätverk >  >> Programvara

Så här flyttar du text runt en bild med HTML eller CSS

När du inkluderar en bild med texten på din webbsida, standardstilen visar grafiken ovanför eller under omgivande innehåll, lämnar vitt utrymme till vänster och höger om bilden. Detta slöser med utrymme och gör att bilden ser oskarp ut från din text. För att åtgärda detta, du har möjlighet att använda antingen HyperText Markup Language (HTML) eller Cascading Style Sheets (CSS) för att ange bildens placering så att texten sveper runt bildens gränser. Använd HTML eller CSS för att flytta text runt dina bilder, som du föredrar.

HTML

Steg 1

Starta sidfilen i datorns textredigeringsprogram och placera markören inuti "" -taggen. Skriv "align =" och följ detta med citattecken så här:

Steg 2

Ange "höger, " "vänster, "" mitten, "" upp "eller" botten "efter justeringsposten för att ange var din bild ska visas i förhållande till din text. En" topp "-inriktning gör att ditt innehåll visas på den högsta punkten i din bild, "mitten" flyttar texten till mitten av fotot och "botten" riktar innehållet till att börja längst ner i grafiken. Dessutom, en "rätt" position, flyttar dina data till vänster om bilden och en "vänster" justering placerar innehåll till höger om bilden. Skriv din kod enligt följande:

Spara filen.

CSS

Steg 1

Placera markören inuti "" taggen och skriv "style =" med en uppsättning citattecken före den sista vinkelparentesen. För att illustrera:

Steg 2

Ange "float:" inuti citattecken och skriv attributet "vänster" eller "höger" för att namnge grafikens inriktning. Värdet "vänster" får din bild att visas till vänster och flyttar din text till höger, medan attributet "rätt" gör det motsatta. Till exempel:

Spara ditt dokument.


URL:https://sv.whycomputer.com/programvara/1014004875.html

Programvara
  • Hur man gör en GIF -bild med CorelDRAW

    CorelDRAW är ett populärt grafikprogram. Det har många användningsområden i media, reklam och på webben. Men vissa av dess funktioner kan vara lite svåra att följa. En av dessa innebär att försöka exportera en GIF från CorelDRAW, vilket kräver en överraskande ansträngning. Den här artikeln visar hur

  • Hur man gör kolumner med linjer i Word

    När du skapar ett nyhetsbrev eller en broschyr, ett stort textblock kan vara tråkigt och till och med irriterande att läsa. Istället, texten ska köras i platsbesparande och visuellt tilltalande kolumner. Microsoft Word har en funktion som låter dig skapa snygga, enhetliga kolumner åtskilda av ett ve

  • Hur man konverterar en PDF till HTML med Ubuntu

    Det finns flera sätt att försöka ändra en PDF -fil till en HTML. Kom ihåg, den färdiga produkten kommer förmodligen inte att se lika bra ut som originalet. Det bärbara dokumentformatet kringgås inte lätt. HTML fungerar inte med text och bilder på samma sätt som PDF -filer, särskilt komplexa, men här

Datornätverk © https://sv.whycomputer.com