Iestatiet attēla garumu un platumu ar HTML

Autors: Roger Morrison
Radīšanas Datums: 18 Septembris 2021
Atjaunināšanas Datums: 1 Jūlijs 2024
Anonim
The Complete Guide to Google Forms - Online Survey and Data Collection Tool!
Video: The Complete Guide to Google Forms - Online Survey and Data Collection Tool!

Saturs

Šajā wikiHow paskaidrots, kā iestatīt attēla augstumu un platumu, izmantojot HTML (HyperText Markup Language).

  • "Platums" norāda attēla platumu pikseļos.
  • "Augstums" norāda attēla augstumu pikseļos.
  • HTML 4.01 augstumu var noteikt pikseļos vai procentos. HTML5 vērtībai jābūt pikseļos.

Lai soli

  1. Rediģējiet failu, kura attēlu vēlaties parādīt. piemēram: default.html
  2. Pievienojiet šo rindu savam skriptam
    • img src = "imagefile.webp" alt = "Attēls" height = "42" width = "42">
    • src ir faila ceļš uz jūsu attēlu.
    • alt ir etiķete, kuru jūs piešķirat savam attēlam.
  3. Aizstājiet "augstums" un "platums", kā vēlaties, piemēram, height = "19" width = "20"
  4. Saglabājiet failu un atveriet failu ar jebkuru pārlūku, lai redzētu efektu. Atribūts "width" tiek atbalstīts visās lielākajās pārlūkprogrammās, piemēram, Google Chrome, Safari, Mozilla Firefox, Opera, Internet Explorer utt.

Padomi

  • Vienmēr norādiet attēlu augstuma un platuma atribūtus. Ja ir iestatīts augstums un platums, attēlam nepieciešamā vieta tiks rezervēta, kad lapa tiks ielādēta. Tomēr bez šiem atribūtiem pārlūks nezina attēla lielumu, un tam nevar rezervēt piemērotu vietu. Tā rezultātā lapas izkārtojums mainās ielādes laikā (kamēr tiek ielādēti attēli).
  • Liela attēla izmēra samazināšana, pielāgojot tā augstumu un platumu, liek lietotājam lejupielādēt lielu attēlu (pat ja tas lapā izskatās mazs). Lai no tā izvairītos, pirms ievietošanas lapā jums attēls ir jāpārkaļķo ar programmu.