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

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

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

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

HTML Basics

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

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

צופרידן

ווי איר קענען זען, די עפן און קלאָוזינג טאַגס אַנדערש אַנדערש אין "/".

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

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

HTML האט צוויי קינדער:

• <קאָפּ> ... ;
• <גוף> .. .

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

רובֿ ימפּאָרטאַנטלי, עס איז קיין אינהאַלט דאָ.

די BODY אָפּטיילונג ינדיקייץ די אינהאַלט פון דעם דאָקומענט וואָס וועט זיין געוויזן צו דער באַניצער.

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

<הטמל>

<קאָפּ>

<גוף>

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

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

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

דעם איז ווי דער נאָטעפּאַד + + רעדאַקטאָר קוקט.

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

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

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

ווי צו שאַפֿן אַ וועב בלאַט אין נאָטעפּאַד HTML

ערשטער עפענען די נאָטעפּאַד.

דערנאך טיפּ עס וואָס איז געוויזן אין דער ווייַטער סקרעענשאָט.

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

נאָך דעם, גיט די "היט טעקע" מעניו און ספּעציפיצירן קיין טעקע נאָמען, אָבער מיט די געשפּרייט. HTML.

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

וועלט קאָנסאָרטיום וו 3 ק

עס איז אַן אָרגאַניזאַציע ווי וו 3 ק וואָס אַנטוויקלען און ימפּלאַמאַנץ אַלע סטאַנדאַרדס פֿאַר די אינטערנעט. אַלע בראַוזערז נאָכקומען מיט די סטאַנדאַרדס און פּראָצעס בלאַט לייאַוץ (קאָדעס) לויט די כּללים.

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

קענען איר טראַכטן וועגן וואָס די כּללים זאל זיין? אַלע דיסקרייבד טאַגס האָבן זייער אייגן רעקאָמענדאַציע. עס זענען עטלעכע פון זיי:

• Optional tag.
• פאַרבאָטן.
• Empty tag.
• פאַרעלטערט
• די לאָסט.

טאַגס אין HTML

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

אין די HEAD געגנט, עס זענען ביידע מאַנדאַטאָרי און אַפּשאַנאַל טאַגס. א מאַנדאַטאָרי צעטל איז אַ כעדינג. עס איז אנגעוויזן דורך <טיטל> טיטל . עס איז אַסיינד צו די גאנצע דאָקומענט. און וואָס איר זען אין די רעזולטאַטן צו די Google זוכן מאָטאָר איז די טיטל קוויטל.

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

זיי דעזיגנייטיד ווי די

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

אַ בייַשפּיל פון דעם נעסטינג:

דער קאַנטיניויישאַן פון דער ערשטער באַמערקונג ->

דער רעזולטאַט אין דעם בלעטערער וועט זיין די פאלגענדע

קאַנטיניויישאַן פון דער ערשטער באַמערקונג ->

אָבער אַ שטיק פון וועט ניט זיין קענטיק. די רגע עפן

כעדינגז אין די טעקסט

דער טיטל איז אנגעוויזן ניט בלויז אין די HEAD אָפּטיילונג מיט די טיטל קוויטל. אין דעם קאָנטעקסט, דער טיטל זאָל זיין אנגעוויזן דאַווקע. ווייַל בלויז דער באַניצער וועט זען עס.

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

עס זענען בלויז 6 לעוועלס. די מערסט וויכטיק כעדינג איז דענאָטיד דורך

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

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

עס קוקט ווי דאָס.

פּאַראַגראַף

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

באַמערקונג אַז די מייגריישאַן קוויטל איז נישט פארשלאסן. ער איז איין.

באַטראַכטן די בייַשפּיל פון פּאָעזיע.

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

ניצן לינקס

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

לינק טעקסט

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

מסקנא

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

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