Så här centrerar du en bild med hjälp av HTML-koden

Att veta hur man anpassar bilder är viktigt när man programmerar i HTML. Tyvärr förändras och utvecklas programmeringsspråken över tiden och vissa HTML-taggar avlägsnas, med nackdelen att vissa webbläsare inte längre kan känna igen och tolka dem. Prova med att använda en av de metoder som beskrivs i artikeln för att korrekt centrera en bild på en webbsida med hjälp av HTML. Om de anvisade instruktionerna inte fungerar bör du överväga att använda ett CSS-stilark.

Metod 1

Rikta in en bild på insidan av texten

Använd inte attributet "centrum" inuti taggen. I HTML är det möjligt att centrera text genom att använda attributet "centrum", men i fråga om en bild måste attributet användas "mitten". En bild består inte av rader, så den identifieras av webbläsaren i förhållande till andra delar av sidan.

Skapa en ny kodrad. Skapa en paragraf för att indikera att webbläsaren ska starta en ny textrad. Taggen som anger början på en paragraf är

, börja sedan skriva in texten du vill ha.

Ange nu bilden med följande kod: gif". Vid denna tidpunkt inkludera beskrivningen av bilden med attributet alt ="bildbeskrivning".

attributet "src" Indikerar för webbläsaren var du ska hitta bilden, så representerar den webbadressen till fotot som ska visas.

attributet "stopp" representerar den textliga beskrivningen av bilden och ofta används den som ett element som ska visas för användaren när webbläsaren av någon anledning inte kan visa den aktuella bilden.

Anger justering av bilden. Ange attributet align ="mitten">. Den här koden representerar slutet på bildtaggen.

Lägg till den sista delen av texten och stäng sedan stycket med hjälp av taggen. Här är en del av provkoden som sammanfattar vad som gjordes i tidigare steg:

Vi lär oss att programmera i HTML. Vårt exempel är komplett.

Metod 2

Justera en bild med hjälp av Tag Center

Skapa ett nytt element och centralt på webbsidan. I HTML kan du infoga en bild inom ett centrerat element. Det är dock bra att komma ihåg att runt elementet ser du en ram med tomt utrymme som kan vara fult.

En ny kodrad börjar. Delar genom att centrera det element du ska skapa. Skriv taggen .

Lägg till bilden. Skriv följande kod .

Ange i så fall höjd och bredd som bilden ska ha. Skriv följande attribut height ="200" bredd ="200">. Beroende på dina behov kan du använda olika storlekar. Den angivna koden stänger taggen som innehåller bilden som ska visas.

Vid denna tidpunkt stänger vi taggen första med hjälp av följande kod . Här är en del av provkoden som sammanfattar vad som gjordes i tidigare steg:
.

varningar

Var försiktig eftersom attributet "rikta" och taggen "centrum" de har blivit deprecerade. Det innebär att de förr eller senare kommer sluta stödjas och användas. Den exakta datum då dessa två element kommer att upphöra att stödjas är ännu inte känt, men i framtiden webbläsaren inte kommer att känna igen dem längre, och koden kommer att uppdateras med hjälp av en CSS-formatmall, eller med den nya HTML5 versionen.

Dela på sociala nätverk:

Relaterade