Загрузить PDFЗагрузить PDF

Из этой статьи вы узнаете, как задать высоту и ширину изображения в HTML.

  • Атрибут «width» задает ширину картинки (в пикселях).
  • Атрибут «height» задает высоту картинки (в пикселях).
  • В HTML4.01 высоту можно задать в пикселях или в процентах, а в HTML5 только в пикселях.
  1. How.com.vn Русский: Step 1 Откройте файл с HTML-кодом.
    Например, откройте файл default.html.
  2. How.com.vn Русский: Step 2 Добавьте следующую строку в HTML-код.
    • <img src="imagefile.jpg" alt="How.com.vn Русский: Image" height="42" width="42">
    • в src указывается путь к графическому файлу (картинке).
    • в alt задаются размеры картинки.
  3. How.com.vn Русский: Step 3 Замените значения атрибутов height и width на нужные.
    Например, так: height="19" width="20"
  4. How.com.vn Русский: Step 4 Сохраните файл и откройте его в любом веб-браузере.
    Сделайте это, чтобы проверить, как изменились размеры картинки. Атрибут «width» поддерживается всеми основными браузерами (Google Chrome, Safari, Mozilla Firefox, Opera, Internet Explorer).
    Реклама

Советы

  • Всегда задавайте высоту и ширину картинки. Так при загрузке страницы под картинку резервируется место. В противном случае браузер не будет знать размер изображения и не зарезервирует место, в результате чего макет страницы будет меняться по мере загрузки страницы.
  • Если размер большой картинки уменьшить с помощью атрибутов «height» и «width», пользователь загрузит большое изображение (даже если оно кажется маленьким на странице). Поэтому рекомендуем сначала изменить размер изображения в графическом редакторе.
Реклама

Источники

  1. http://www.w3schools.com/ — информация об HTML.

Об этой статье

How.com.vn работает по принципу вики, а это значит, что многие наши статьи написаны несколькими авторами. При создании этой статьи над ее редактированием и улучшением работали авторы-волонтеры. Количество просмотров этой статьи: 6185.
Эту страницу просматривали 6185 раз.

Была ли эта статья полезной?

⚠️ Disclaimer:

Content from Wiki How Русский language website. Text is available under the Creative Commons Attribution-Share Alike License; additional terms may apply.
Wiki How does not encourage the violation of any laws, and cannot be responsible for any violations of such laws, should you link to this domain, or use, reproduce, or republish the information contained herein.

Notices:
  • - A few of these subjects are frequently censored by educational, governmental, corporate, parental and other filtering schemes.
  • - Some articles may contain names, images, artworks or descriptions of events that some cultures restrict access to
  • - Please note: Wiki How does not give you opinion about the law, or advice about medical. If you need specific advice (for example, medical, legal, financial or risk management), please seek a professional who is licensed or knowledgeable in that area.
  • - Readers should not judge the importance of topics based on their coverage on Wiki How, nor think a topic is important just because it is the subject of a Wiki article.

Реклама