Hur Man ökar Storleken På En Bild I HTML

Innehållsförteckning:

Hur Man ökar Storleken På En Bild I HTML
Hur Man ökar Storleken På En Bild I HTML

Video: Hur Man ökar Storleken På En Bild I HTML

Video: Hur Man ökar Storleken På En Bild I HTML
Video: Html grundkurs - del 3 (bilder) 2024, April
Anonim

Du kan ändra storleken på bilden som visas på sidan genom att ange lämpliga attribut för taggen

som ansvarar för att visa grafiken på HTML-sidan. Öka eller minska görs genom attributen bredd och höjd.

Hur man ökar storleken på en bild i html
Hur man ökar storleken på en bild i html

Sätt in en bild

Lägg till en bild på sidan innan du redigerar genom att ange taggar

… För att redigera ett HTML-dokument måste du öppna sidan i valfri textredigerare. Högerklicka på filen och välj attributet "Öppna med" - "Anteckningar". Du kan också ange vilken annan redigerare som helst som är bekvämare att använda för att ändra koden.

Gå till dokumentavsnittet och hitta taggen

… Om bilden ännu inte har lagts till på sidan anger du följande kod:

Sökvägen till bildfilen kan vara antingen relativ eller absolut. Attributet alt="Image" ansvarar för bildens namn och lägger till en bildtext till den, som kommer att visas när muspekaren är över bilden.

Ändring av storlek

För att förstora bilden, ställ in lämpliga bredd- och höjdparametrar för den genom att lägga till attribut till bildtaggen:

Breddparametern motsvarar bildens bredd och höjden innehåller indikatorn för bildens höjd. I det här fallet, när sidan öppnas, visas en bild med en bredd på 300 pixlar och en höjd på 350 pixlar i webbläsarfönstret. Du kan också lägga till attributen hspace och vspace för att ändra formateringsinställningarna på sidan:

I denna beskrivning specificerades horisontella (hspace) och vertikala (vspace) marginaler från bilden. All text som läggs till på sidan placeras 5 pixlar horisontellt från bilden och 10 pixlar vertikalt. Gränsattributet ansvarar för att skapa en 1 pixel kant runt bilden.

Det bör noteras att bildens storlek inte bara kan ställas in i pixlar utan också som en procentandel i förhållande till storleken på webbläsarfönstret. Till exempel:

Som ett resultat av arbetet med denna kod kommer bilden att sträckas över hela fönstrets bredd. Det är värt att notera att bilden i det här fallet kan bli förvrängd. Bildens förstorade visning beror på kvaliteten på själva bilden.

Spara ändringarna som gjorts med "File" - "Save" -funktionen i "Notepad" -fönstret. Kontrollera visningen av bilden i webbläsarfönstret genom att öppna HTML-filen genom att högerklicka och välja alternativet "Öppna med". I listan med föreslagna alternativ väljer du det program som du använder för att surfa på Internet. Du kan redigera HTML-filen valfritt antal gånger för att justera bildstorleken.

Rekommenderad: