לייג HTML סקריפּס צו וועב בילדער אין 9 גרינג טריט
בילדער לייגן לעבן צו דיין וועבפּאַגעס און ציען די ופמערקזאַמקייַט פון וויוערז. קאַפּטיאָנס צושטעלן עקסטרע אינפֿאָרמאַציע וועגן דיין וועב בילדער, אָבער זיי קענען זיין שווער צו לייגן צו וועבפּאַגעס אָן אַוואַנסירטע HTML און קסס סקילז. דאָ ס אַ פאַרלאָזלעך אופֿן צו לייגן אַ פּשוט, נאָך אַטראַקטיוו, קעפּל צו אַ בילד אַז סטייז מיט די בילד ווו נאָר איר מאַך עס אויף די וועבפּאַגע.
9 סטעפּס צו אַ HTML בילד קאַפּטיאָן
לייג אַ קעפּל צו אַ בילד און מאַך זיי צוזאַמען וואוהין איר ווילן:
- לייג אַ בילד צו דיין וועב בלאַט.
- אין דעם HTML פֿאַר דיין וועבפּאַגע, שטעלן אַ דיוו צעטל אַרום דעם בילד:
- לייג אַ נוסח אַטריביוט צו די דיוו טאַג:
style = "" >- שטעלן די ברייט פון די דיוו צו די זעלבע ברייט ווי די בילד מיט די ברייט נוסח פאַרמאָג :
width: image width px; ">- פֿאַר קאַפּשאַנז וואָס זענען אַ ביסל סמאָלער ווי די אַרומיק טעקסט, לייגן אַ שריפֿט-גרייס פאַרמאָג צו די דיוו סטיל:
font-size: 80%; ">- קאַפּירונגען קוק בעסטער אויב זיי זענען צענטערעד אונטער די בילד, אַזוי לייגן אַ טעקסט-ייַנרייען פאַרמאָג צו די נוסח אַטריביוט:
text-align: center; "> img src = "URL" alt = "אָפּלייקענונג טעקסט" ברייט = "ברייט" הייך = "הייך" />- צום סוף, לייגן אַ ביסל עקסטרע אָרט צווישן די בילד און די קעפּל, דורך לייגן אַ נוסח אַטריביוט צו די בילד מיט אַ וואַטן-דנאָ נוסח פאַרמאָג:
style =" padding-bottom: 0.5em; /> - דעמאָלט לייגן דעם טעקסט קעפּל גלייַך ונטער דעם בילד:
דאָס איז מיין קעפּל ופּלאָאַד די וועב בלאַט צו דיין סערווירער און פּרובירן עס אין אַ בלעטערער.
Captioning Tips
- ברייט : CSS דימענשאַנז קענען זיין אין פילע פאַרשידענע מעזשערמאַנץ, אַזוי איר זאָל יוזשאַוואַלי אַרייַננעמען די מעזשערמאַנט טיפּ. פֿאַר בייַשפּיל: ברייט: 100 פּקס ; אָבער, HTML בילד דימענשאַנז זענען שטענדיק אין פּיקסעלס, אַזוי איר פאַרלאָזן די מעזשערמאַנט אַוועק. width = "100"
- אויב איר מאַכן די ברייט פון די דיוו ווידער ווי די בילד ברייט, די קעפּל קען דערשייַנען בייַ די בילד. אויב דאָס איז וואָס איר ווילן, דעמאָלט לייגן אַ
פאַרבינדן גלייַך איידער די קעפּל און נאָך די בילד קוויטל.
- לייג אַ נוסח אַטריביוט צו די דיוו טאַג: