אתר קינון: כיצד HTML כדי להפוך את תמונת הרקע

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

ליצור רקע

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

1. תג תכונת כתיבה.
2. באמצעות סגנון CSS בקוד ה- HTML.סגנון CSS כתיבת
3. בקובץ נפרד.

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

1. של הקלטה באמצעות תג (גוף) בindex.htm הקובץ.זה כתוב בצורה זו: (רקע גוף = "Nazvanie_papki / Nazvanie_kartinki.rasshirenie") (/ גוף).כלומר, אם יש לנו תמונה עם השם «התמונה» והסיומת JPG, ואת התיקייה שנקראים «תמונות», אז השיא של HTML קוד ייראה כך: (רקע גוף = "תמונות / Picture.jpg") ... (/ גוף).שיטה השנייה
2. כרוך סגנון CSS הקלטה, אבל כתובה באותו הקובץ בשם index.htm.(סגנון = גוף "רקע: כתובת אתר ('תמונות ../ / Picture.jpg')").
3. והשיטה השלישית של הקלטה נעשית בשני קבצים.המסמך עם תג השם index.htm (ראש) כתוב קו כזה: (ראש) (הקישור rel = סוג "סגנונות" = "text / css" href = "Put_k CSS_faylu") (/ ראש).קובץ סגנון style.css בשם כבר לכתוב: גוף {רקע: כתובת אתר (תמונות / Picture.jpg ')}.

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

של מתיחת הטפט ברוחב של החלון

לדמיין המסך שלנו בצורת אחוז.מתברר כי לכל האורך והרוחב של המסך יהיו 100% x 100%.אנחנו צריכים למתוח את התמונה לרוחב זה.הוסף ללהקליט תמונות בשורת קובץ style.css שתמתחנה את התמונה לכל הרוחב והאורך של הצג.ככתוב בסגנון CSS שלך?זה פשוט!גוף

{

: כתובת אתר (תמונות / Picture.jpg ') רקע בגודל

: 100%;/ * הודעה זו היא מתאימה למרבית הדפדפנים המודרניים * /

}

אז הבינו איך לעשות את רקע התמונה ל- HTML על המסך.יש שיטה של ​​ההקלטה בindex.htm הקובץ.למרות ששיטה זו ומיושנת, אבל למתחילים יש צורך לדעת ולהבין.Div תג (ראש) (סגנון) {רקע בגודל: הכיסוי;} (/ סגנון) (/ ראש), שיא זה אומר שאנו מקצים יחידה מיוחדת לרקע, אשר יהיה ממוקם מעל כל הרוחב של החלון.יש לנו נחשבים שתי דרכים להפוך את תמונת רקע html אתר, תמונה נמתחה לרוחב המלא של המסך בכל הדפדפנים המודרניים.

כיצד להפוך את רקע קבוע

אם תחליט להשתמש בתמונה כרקע לעתידו של משאב האינטרנט, אז אתה רק צריך לדעת איך לעשות את זה קבוע, כך שזה לא למתוח באורך ולא לקלקל את המראה האסתטי.פשוט על ידי שימוש בקוד HTML לרשום תוספת קטנה.אתה צריך style.css קובץ להוסיף משפט אחד לאחר הרקע: כתובת אתר (תמונות / Picture.jpg ') קבוע;או הוסיף במקום לאחר השורה נפרדת פסיק - העמדה: קבועה.כך, תמונות שלך תהיה קבועות.במהלך גלילת אתר תוכן, יראו ששורות הטקסט עוברות, אבל הרקע נשאר במקום.אז למדת איך ל- HTML כדי להפוך את תמונת הרקע, בכמה דרכים.

לעבוד עם שולחנות במפתחים חסרי ניסיון רבים HTML

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

עם רקע תמונה במקום: דוגמאות HTML

לצייר טבלת 2x3 ולהפוך אותו תמונת הרקע מאוחסנת ב" תמונות "תיקייה: (רקע שולחן =" תמונות / Picture.jpg ") (TR) (TD)1 (/ (((TD) 6 TD) 5 (/ TD) TD) 4 (/ TD) TR) (TR) (TD) 3) (/ TD) (TD) 2 (/ TD) (/ TD) (/ (/ TR) (/ שולחן) TD).אז השולחן שלנו יהיה נמשך ברקע של התמונה.

עכשיו לצייר את אותה צלחת גדלי 2x3, אבל להוסיף תמונה במספר טור 1, 4, 5 ו -6 (טבלה) (TR) (רקע TD = "תמונות / Picture.jpg") 1 (/ TD)(רקע TD = "תמונות / Picture.jpg") (/ TR) (TR) (רקע = תמונות 4 (/ TD) TD "/ Picture.jpg (TD) 3 (/ TD) (TD) 2 (/ TD)") 5 () (רקע TD / TD =" תמונות / Picture.jpg ") 6 (/ TD) (/ TR) (/ שולחן).לאחר שצפה יכול לראות שהרקע מופיע רק באותם תאים, שבו יש לנו רשומים, אבל לא כל השולחן.אתר צלב דפדפן

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