הגדר את אורך ורוחב התמונה באמצעות HTML

מְחַבֵּר: Roger Morrison
תאריך הבריאה: 18 סֶפּטֶמבֶּר 2021
תאריך עדכון: 1 יולי 2024
Anonim
Image Tag and Src, Alt, Height and Width Attributes in HTML -- English-vlr training
וִידֵאוֹ: Image Tag and Src, Alt, Height and Width Attributes in HTML -- English-vlr training

תוֹכֶן

WikiHow זה מסביר כיצד להגדיר את הגובה והרוחב של תמונה באמצעות HTML (שפת הסימון HyperText).

  • "רוחב" מציין את רוחב התמונה בפיקסלים.
  • ה"גובה "מציין את גובה התמונה בפיקסלים.
  • ב- HTML 4.01 ניתן להגדיר את הגובה בפיקסלים או באחוזים. ב- HTML5, הערך חייב להיות בפיקסלים.

לדרוך

  1. ערוך את הקובץ שעבורו ברצונך להציג את התמונה. לדוגמא: default.html
  2. הוסף שורה זו לתסריט שלך
    • img src = "imagefile.webp" alt = "תמונה" height = "42" width = "42">
    • src הוא נתיב הקובץ לתמונה שלך.
    • alt הוא התווית שאתה נותן לתמונה שלך.
  3. החלף את "גובה" ו"רוחב "כרצונך, למשל גובה =" 19 "רוחב =" 20 "
  4. שמור את הקובץ ופתח את הקובץ עם כל דפדפן כדי לראות את ההשפעה. מאפיין "רוחב" נתמך בכל הדפדפנים העיקריים כגון Google Chrome, Safari, Mozilla Firefox, Opera, Internet Explorer וכו '.

טיפים

  • ציין תמיד את תכונות הגובה והרוחב לתמונות. אם הגובה והרוחב מוגדרים, המקום הנדרש לתמונה יישמר כאשר העמוד נטען. עם זאת, ללא תכונות אלה, הדפדפן אינו יודע את גודל התמונה ולא ניתן להזמין מקום מתאים לה. ההשפעה של זה היא שפריסת העמוד משתנה במהלך הטעינה (בזמן שהתמונות נטענות).
  • הקטנת גודלה של תמונה גדולה על ידי התאמת גובהה ורוחבה מאלצת משתמש להוריד את התמונה הגדולה (גם אם היא נראית קטנה על הדף). כדי להימנע מכך, עליך לשנות את גודל התמונה באמצעות תוכנית לפני שמניחים אותה על דף.