Kā iestatīt attēla platumu un augstumu, izmantojot HTML

Autors: Clyde Lopez
Radīšanas Datums: 17 Jūlijs 2021
Atjaunināšanas Datums: 1 Jūlijs 2024
Anonim
Writing 2D Games in C using SDL by Thomas Lively
Video: Writing 2D Games in C using SDL by Thomas Lively

Saturs

Šajā rakstā tiks parādīts, kā HTML formātā iestatīt attēla augstumu un platumu.

  • Atribūts "width" nosaka attēla platumu (pikseļos).
  • Atribūts "height" nosaka attēla augstumu (pikseļos).
  • HTML4.01 augstumu var iestatīt pikseļos vai procentos, bet HTML5 - tikai pikseļos.

Soļi

  1. 1 Atveriet HTML failu. Piemēram, atveriet failu default.html.
  2. 2 Pievienojiet HTML rindai šādu rindu.
    • img src = "imagefile.webp" alt = "Attēls" height = "42" width = "42">
    • src satur ceļu uz grafisko failu (attēlu).
    • alt, ir iestatīts attēla izmērs.
  3. 3 Aizstājiet augstuma un platuma atribūtu vērtības ar vēlamajām vērtībām. Piemēram, šādi: height = "19" width = "20"
  4. 4 Saglabājiet failu un atveriet to jebkurā tīmekļa pārlūkprogrammā. Dariet to, lai pārbaudītu, kā tiek mainīts attēla izmērs. Atribūtu "width" atbalsta visas galvenās pārlūkprogrammas (Google Chrome, Safari, Mozilla Firefox, Opera, Internet Explorer).

Padomi

  • Vienmēr iestatiet attēla augstumu un platumu. Tātad, kad lapa ir ielādēta, vieta tiek rezervēta attēlam. Pretējā gadījumā pārlūkprogramma nezinās attēla izmēru un neatvēlēs vietu, kā rezultātā lapas izkārtojums mainīsies lapas ielādes laikā.
  • Ja lielā attēla izmērs tiek samazināts, izmantojot atribūtus "height" un "width", lietotājs ielādēs lielo attēlu (pat ja tas lapā šķiet mazs). Tāpēc mēs iesakām vispirms mainīt attēla izmēru grafiskajā redaktorā.