Hoe de breedte en hoogte van de afbeelding in te stellen met behulp van html

Uit dit artikel leert u hoe u de hoogte en breedte van de afbeelding in HTML kunt instellen.

  • Het attribuut "Breedte" stelt de breedte van de afbeelding in (in pixels).
  • Hoogteattribuut Stelt de hoogte van de afbeelding in (in pixels).
  • In HTML4.01 De hoogte kan worden ingesteld in pixels of percentage, en in HTML5 alleen in pixels.

Stappen

  1. Titel afbeelding Set beeldbreedte en hoogte met behulp van HTML Stap 1
een. Open het HTML-CODE-bestand. Open bijvoorbeeld het standaardbestand.HTML.
  • Titel afbeelding Set beeldbreedte en hoogte met behulp van HTML Stap 2
    2. Voeg de volgende regel toe aan HTML-code.
  • Afbeelding
  • in SRC Specificeert het pad naar het grafische bestand (afbeelding).
  • in Alt Afmetingen zijn ingesteld.
  • Titel afbeelding Set Beeldbreedte en hoogte met behulp van HTML Stap 3
    3. Vervang attribuutwaarden Hoogte en breedte aan de rechterkant. Bijvoorbeeld: Hoogte ="negentien" breedte ="twintig"
  • Titel afbeelding Set beeldbreedte en hoogte met behulp van HTML Stap 4
    4. Sla het bestand op en open het in elke webbrowser. Maak het om te controleren hoe de grootte van de foto is gewijzigd. Het attribuut "Breedte" wordt ondersteund door alle grote browsers (Google Chrome, Safari, Mozilla Firefox, Opera, Internet Explorer).

    • Tips

    • Vraag altijd de hoogte en breedte van de foto. Dus bij het laden van de pagina onder de foto reserveert de plaats. Anders zal de browser de grootte van de afbeelding niet kennen en de plaats niet beslecht, waardoor de lay-out van de pagina als de pagina wordt gewijzigd.
    • Als de grootte van het grote beeld wordt verminderd met de hoogte- en breedteattributen, zal de gebruiker een grote afbeelding laden (zelfs als het klein lijkt op de pagina). Daarom raden wij u eerst aan om de grootte van de afbeelding in de grafische editor te wijzigen.
    Deel in het sociale netwerk:
    Vergelijkbaar