כיצד ליצור רקע ב- Html

תוכן עניינים:

כיצד ליצור רקע ב- Html
כיצד ליצור רקע ב- Html

וִידֵאוֹ: כיצד ליצור רקע ב- Html

וִידֵאוֹ: כיצד ליצור רקע ב- Html
וִידֵאוֹ: קישורים ב HTML 2024, מאי
Anonim

דף אינטרנט עם רקע נוטה להראות יפה יותר מאשר בלעדיו. נכונות התצוגה של דף האינטרנט תלויה בפעולות המוסמכות להוספת הרקע.

כיצד ליצור רקע ב- html
כיצד ליצור רקע ב- html

הוראות

שלב 1

הדרך הקלה ביותר ליצור רקע במסמך HTML היא להקצות את ערך התכונה לתגית הגוף. ערך נתון למאפיין הרקע יקבע את תמונת הרקע בדף. אם תגדיר את הערך של התכונה bgcolor, הדף יקבל צבע רקע. ניתן לציין את הצבע במאפיין bgcolor של תג הגוף בהקסדצימלי או במילה אחת בלבד.

שלב 2

אתה יכול להשיג את אותו האפקט באמצעות גליונות סגנון מדורגים של CSS. ערך למאפיין צבע רקע יגדיר את צבע הרקע בדף, ואילו ערך למאפיין תמונת רקע יגדיר את הנתיב לתמונת הרקע של העמוד. ניתן לכתוב הוראות אלה לבורר הגוף. אתה יכול לעשות את זה אחרת: להקצות מחלקה או מזהה לתגית גוף בתג ה- html, ולהקצות את התכונות שלעיל למחלקה או למזהה ב- css, בהתאמה. יש לזכור רק שאם התכונות מוקצות למחלקה, אז לכל האובייקטים עם המחלקה שצוינה יהיה צבע רקע במסמך ה- HTML.

שלב 3

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

שלב 4

הרקע של מסמך HTML יכול להיעשות באמצעות שפות תכנות. אתה יכול לכתוב הוראות HTML באמצעות JavaScript. מבנה השפה document.write מתאים לכך. אם אותו דבר בא לידי ביטוי באמצעות ה- DOM, המשפט document.body.style.backgroundColor = "אדום" יהפוך את רקע הדף לאדום. זהה לכתיבת המאפיין המתאים ישירות ב- CSS.

שלב 5

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

מוּמלָץ: