ווי צו שאַפֿן אַ HTML בלאַט

אויב איר ווילן צו שאַפֿן דיין אייגענע וועבזייטל, איר מוזן האָבן אַ פארשטאנד פון HTML. This article explains how to create an HTML page. אויך, איר וועט לערנען ווי צו שאַפֿן אַ xml סיטעמאַפּ און ווי צו לייגן אַ בילד און אַ לינק. עס איז אויך וויכטיק צו שאַפֿן אַ קסמל סיטעמאַפּ, וואָס קענען העלפֿן איר אָרגאַניזירן דיין פּלאַץ און פאַרגרעסערן דיין פאַרקער. דער ווייַטער שריט איז צו קלייַבן אַ מוסטער.

שאַפֿן אַ HTML בלאַט

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

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

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

Creating a xml sitemap

If you have an HTML page, איר קען וועלן צו שאַפֿן אַ XML סיטעמאַפּ צו העלפֿן זוכן ענדזשאַנז קריכן דיין וועבזייטל. כאָטש דאָס וועט נישט ווירקן דיין זוכן ראַנגקינגז, עס וועט העלפֿן די זוכן ענדזשאַנז פֿאַרשטיין דיין אינהאַלט און סטרויערן זייער קראָלינג קורס. דעם וועג, דיין וועבזייטל וועט זיין מער קענטיק אין זוכן מאָטאָר רעזולטאַטן. דאָ זענען עטלעכע גרינג סטעפּס צו אָנהייבן:

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

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

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

Adding a picture

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

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

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

Adding a link

You can add a link in HTML to your document using an a> פאַרבינדן מיט די href אַטריביוט. דאָס וועט שאַפֿן אַ לייענ - צייכן פֿאַר דעם דאָקומענט און עפֿענען עס אין אַ נייַע קוויטל. איר קענט אויך נוצן אַ href אַטריביוט צו אַרייַנלייגן אַ בילד אין דעם דאָקומענט. איר קענט אויך נוצן אַ לינק מיט דזשאַוואַסקריפּט קאָד צו בייַטן אַ HTML קנעפּל אין אַ לינק. אַמאָל איר האָבן געטאן דעם, איר קענען סטיל דיין לינק מיט CSS אָדער דזשאַוואַסקריפּט קאָד.

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

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

Adding a table

Adding a table to an HTML page is simple, אָבער עס זענען אַ ביסל זאכן איר זאָל באַטראַכטן איידער איר טאָן דאָס. דער הינטערגרונט פֿאַרב פון דיין טיש איז קריטיש פֿאַר קאַטשינג דיין גאַסט ס אויג און ופמערקזאַמקייט צו וויכטיק אינפֿאָרמאַציע. איר קענען שטעלן אַ אַנדערש קאָליר פֿאַר די טיש כעדער עלעמענט און דאַטן עלעמענט דורך ניצן העקס קאָליר קאָודז אָדער קאָליר נעמען. סיי וועלכע וועג, דיין טיש וועט זיין לייכט קענטיק.

איר קענען לייגן אַ טיש כעדער און טיש דאַטן מיט די td עלעמענט, וואָס דיפיינז יחיד “באָקסעס” פֿאַר די אינהאַלט. אַדינג אַ טיש כעדער איז דער ערשטער שריט צו ווייַזן דאַטן אויף אַ וועבזייטל, און איר זאָל לייגן די ערשטער איינער אויב איר ווילן צו. א טיש זאָל אויך האָבן דרייַ רודערן כעדינגז. איין קאָפּ זאָל זיין ליידיק. אויב דיין טיש האט שפאלטן, איר זאָל אויך מאַכן רודערן כעדערז פֿאַר יעדער זייַל.

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

Adding a div

Adding a div to an HTML file allows you to add a section of your webpage without re-writing the whole page. די div עלעמענט איז אַ ספּעציעל קאַנטיינער פֿאַר טעקסט, בילדער, און אנדערע עלעמענטן. איר קענען נאָמען עס עפּעס איר ווי און טוישן די אַטריביוץ צו דיין דאַרף. איר קענט אויך לייגן אַ קלאַס אָדער גרענעץ צו שאַפֿן אַ פּלאַץ צווישן די דייוו און אנדערע עלעמענטן אויף דיין בלאַט.

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

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