נעסטינג פּלאַץ: ווי צו מאַכן די הינטערגרונט בילד HTML

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

יקערדיק HTML טאַגס צו מאַכן די הינטערגרונט

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

1. שרייב קוויטל אַטריביוט.
2. דורך קסס נוסח אין דעם HTML קאָד.
3. שרייב קסס סטיילז אין אַ באַזונדער טעקע.

ווי אין די HTML צו מאַכן די הינטערגרונט בילד, איר באַשליסן, אָבער איך וואָלט ווי צו זאָגן אַ ביסל ווערטער וועגן ווי עס וואָלט זייַן די מערסט אָפּטימאַל. דער ערשטער אופֿן איז דורך שרייבן דורך אַ קוויטל אַטריביוט האט לאַנג שוין פאַרעלטערט. די רגע אָפּציע איז געניצט זייער ראַרעלי, ווייַל עס טורנס אויס אַז אַ פּלאַץ פון די זעלבע קאָד. א דריט אָפּציע איז די מערסט פּראָסט און עפעקטיוו. דאָ זענען יגזאַמפּאַלז פון HTML טאַגס:

1. דער ערשטער רעקאָרדינג אופֿן דורך קוויטל אַטריביוט (גוף) אין ינדעקס.הטם טעקע. עס איז סטאָרד אין דעם פאָרעם: (גוף הינטערגרונט = "פאָלדער_נאַמע / נאַזוואַניע_קאַרטינקי.ראַסשירעניע") (/ גוף). אַז איז, אויב מיר האָבן אַ בילד מיט די טיטל «בילד» און געשפּרייט דזשפּג, און דער טעקע מיר געהייסן «בילדער», דעמאָלט דעם HTML קאָד פּאָזיציע וועט קוקן ווי דעם: (גוף הינטערגרונט = "בילדער / פּיקטורע.דזשפּג") ... (/ גוף) .
2. די רגע אופֿן ינוואַלווז רעקאָרדינג אַ קסס נוסח, אָבער עס איז געשריבן אין דער זעלביקער טעקע מיט דעם נאָמען ינדעקס.הטם. (גוף נוסח = "הינטערגרונט: וועבאַדרעס ( '../ בילדער / פּיקטורע.דזשפּג')").
3. די דריט אופֿן פון רעקאָרדינג איז געמאכט אין צוויי טעקעס. דער דאָקומענט מיט די נאָמען ינדעקס.הטם קוויטל (קאָפּ) איז געשריבן אַזאַ אַ שורה: (קאָפּ) (לינק רעל = "סטילעשעעט" טיפּ = "טעקסט / קסס" הרעף = "הטטפּ: // פּלאַץ / אַרטיקל / 193,110 /% ד0% 9ף % ד 1% 83% ד 1% 82% ד 1% 8ק_% ד0% באַ קסס_פייַלו ") (/ קאָפּ). א טעקע געהייסן סטילע.קסס נוסח שוין שרייַבן: גוף {הינטערגרונט: וועבאַדרעס (בילדער / פּיקטורע.דזשפּג ')}.

ווי אין די HTML צו מאַכן די הינטערגרונט בילד, מיר פֿאַרשטיין. איצט איר דאַרפֿן צו רעכענען אויס ווי צו אויסשטרעקן די בילד אַריבער די ברייט פון די גאנצע פאַרשטעלן.

וועגן צו אויסשטרעקן די הינטערגרונט בילד צו די ברייט פון די פֿענצטער

מיר פאָרשטעלן אונדזער פאַרשטעלן אין די פאָרעם פון אַ פּראָצענט. עס טורנס אויס אַז די גאנצע ברייט און לענג פון דעם עקראַן וועט זיין 100% × 100%. מיר דאַרפֿן צו אויסשטרעקן די בילד צו דעם ברייט. לייגן צו די בילד טעקע רעקאָרדינג סטילע.קסס שורה וואָס וועט אויסשטרעקן די בילד איבער די גאנצע ברייט און לענג פון די מאָניטאָר. ווי עס איז געשריבן אין קסס נוסח? עס ס פּשוט!

גוף

{

הינטערגרונט: וועבאַדרעס (בילדער / פּיקטורע.דזשפּג ')

הינטערגרונט-גרייס: 100%; / * דאס פּאָסטן איז פּאַסיק פֿאַר רובֿ מאָדערן בראַוזערז * /

}

אַזוי מיר פיגורעד אויס ווי צו מאַכן אַ בילד הינטערגרונט אין HTML אויף דעם עקראַן. עס איז אויך אַ אופֿן פון רעקאָרדינג אין די ינדעקס.הטם טעקע. כאָטש דעם אופֿן און אַוטדייטיד, אָבער פֿאַר ביגינערז עס איז נייטיק צו וויסן און פֿאַרשטיין. דעם צעטל (קאָפּ) (נוסח) div {הינטערגרונט-גרייס: דעקן; } (/ סטייל) (/ קאָפּ), דעם רעקאָרד מיטל אַז מיר אַלאַקייט אַ ספּעציעל אַפּאַראַט פֿאַר די הינטערגרונט, וואָס וועט זיין פּאַזישאַנד איבער די גאנצע ברייט פון די פֿענצטער. מיר האָבן געהאלטן צוויי וועגן, ווי צו מאַכן אַ הינטערגרונט בילד HTML פּלאַץ, אַזוי אַז די בילד איז אויסגעשטרעקט צו די גאנצע ברייט פון די פאַרשטעלן אין קיין פון די מאָדערן בראַוזערז.

ווי צו מאַכן אַ פאַרפעסטיקט הינטערגרונט

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

ארבעטן מיט טאַבלעס אין HTML

פילע יניקספּיריאַנסט וועב דעוועלאָפּערס, פאַסעד מיט טישן און בלאַקס, אָפֿט טאָן ניט פֿאַרשטיין ווי צו מאַכן HTML בילד הינטערגרונט טיש. ווי אַלע טימז די HTML און קסס סטיילז, די וועב פּראָגראַממינג שפּראַך איז פאַירלי פּשוט. און די לייזונג צו דעם פּראָבלעם איז צו שרייַבן אַ פּאָר פון שורות פון קאָד. איר זאָל שוין וויסן אַז שרייבן אַ טיש פון ראָוז און קאָלומנס, ריספּעקטיוולי, ווי אנגעוויזן דורך די טאַגס (טר) און (טד). צו מאַכן די הינטערגרונט פון די טיש אין די פאָרעם פון אַ בילד, עס איז נייטיק צו לייגן צו דער קוויטל (טיש), (טר) אָדער (טד) $ אַ פּשוט פראַזע מיט דערמאָנען צו די דערמאָנען בילד: הינטערגרונט = URL בילדער. פֿאַר קלעריטי, מיר געבן אַ פּאָר פון יגזאַמפּאַלז.

טיש מיט אַ בילד אָנשטאָט פון די הינטערגרונט: די HTML יגזאַמפּאַלז

ציען אַ 2קס3 טיש און מאַכן עס די הינטערגרונט בילד סטאָרד אין דער טעקע "בילדער": (טיש הינטערגרונט = "בילדער / פּיקטורע.דזשפּג") (טר) (טד) 1 (/ טד) (טד) 2 (/ טד) (טד) 3) (/ טד) (/ טר) (טר) (טד) 4 (/ טד) (טד) 5 (/ טד) (טד) 6 (/ טד) (/ טר) (/ טיש). אַזוי אונדזער טיש וועט זיין ציען אין דער הינטערגרונט פון די בילד.

איצט ציען דער זעלביקער טעלער סיזעס פון 2קס3, אָבער אַרייַנלייגן אַ בילד אין די Columns געציילט 1, 4, 5 און 6. (טיש) (טר) (טד הינטערגרונט = "בילדער / פּיקטורע.דזשפּג") 1 (/ טד) (טד) 2 (/ טד) (טד) 3 (/ טד) (/ טר) (טר) (טד הינטערגרונט = "בילדער / פּיקטורע.דזשפּג") 4 (/ טד) (טד הינטערגרונט = "בילדער / פּיקטורע.דזשפּג") 5 ( / טד) (טד הינטערגרונט = "בילדער / פּיקטורע.דזשפּג") 6 (/ טד) (/ טר) (/ טיש). נאָך וואַטשינג מיר קענען זען אַז דער הינטערגרונט אויס בלויז אין יענע סעלז אין וואָס מיר רעגיסטרירט, און נישט די גאנצע טיש.

קרייַז-בלעטערער קאַמפּאַטאַבילאַטי פּלאַץ

עס איז אַזאַ אַ זאַך ווי אַ קרייַז-בלעטערער קאַמפּאַטאַבילאַטי וועב מיטל. דעם מיטל אַז דיין פּלאַץ איז גלייַך געזונט געוויזן אין פאַרשידענע טייפּס און ווערסיעס פון בראַוזערז. עס זאָל זיין HTML קאָד און קסס סטיילז צו קאַסטאַמייז אַ נייטיק בראַוזערז. דערצו, אין דער מאָדערן טקופע פון קלוג טעלעפֿאָנען, פילע וועב דעוועלאָפּערס זענען טריינג צו שאַפֿן זייטלעך און אַדאַפּט פֿאַר רירעוודיק ווערסיע און אַ קאָמפּיוטער קוקן.