אַ משל פון אַ HTML בלאַט און דער גרונט פּרינציפּן פון

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

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

אַלגעמיין באַשרייַבונג

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

HTML טעקע הייבט מיט אַ דאָקטיפּע כעדער אַז ספּעסיפיעס אַז דעם טיפּ פון דער טעקע - HTML. אַלע חשבון יסודות (טאַגס) זענען אנגעוויזן ין ווינקל בראַקאַץ. יעדער פּאָר ( "<" און ">") כולל איינער קוויטל HTML. וסואַללי HTML טאַגס זענען פּערד, אַז איז, פֿאַר יעדער «קוויטל» האָבן «/ קוויטל». ביידע זענען ענקלאָוזד אין ווינקל בראַקאַץ. עס איז אַ איין צעטל, פון וואָס די מערסט פאָלקס «בר /» - יבערגאַנג צו דער ווייַטער שורה.

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

פּשוט HTML-בלאַט

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

קאָפּ אָפּטיילונג

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

• טערמינען און באַשרייַבונג פון די בלאט;
• לינקס צו אנדערע טעקעס (* .קסס און * .js).

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

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

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

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

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

אָפּטיילונג body

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

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

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

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

א פּשוט בייַשפּיל פון קאָד HTML-בלאַט (נאָר דער גוף אָפּטיילונג) איז געוויזן אונטן.

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

איז געווען ניט ספּעסיפיעד אין די קאָד זאָל קוקן ווי די יסודות אַז געבראכט די בלעטערער. אַלע פּלאַן איז קענטיק אין די קסס כּללים. אין דעם פאַל, מקסס / סקפפּוואָרדרוו.קסס טעקע וואָס איז געווען רעפערענסעד (זען. די זייער ערשטער בייַשפּיל פון אַ בלאַט HTML).

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

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

די ביניען פון דעם HTML דיסקריפּשאַנז

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

און דער נאָמען פֿון דער פאַל, די קוויטל פּאָר, קאַמפּאָוזד פון געהעריק נעמען (טאַגנאַמע) און ווינקל בראַקאַץ ( «<», + טאַגנאַמע, + «>»), אויב מיר זענען גערעדט וועגן די אָנהייב פון דעם צעטל, און «», אויב רעקאָרדעד זייַן סוף.

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

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

גאַנץ HTML צופרידן דיסקריפּשאַנז

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

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

אין דערצו צו די פּשוט עלעמענטן, די HTML Offers צו באַשרייַבן די טישן און Forms. די יסודות זענען זייער פיל אין מאָנען אין דער "וואָכעדיק פּלאַץ בנין."

באַשרייַבונג פון די טיש: טאַגס טיש, טר, טד

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

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

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

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

באַשרייַבונג פאָרעם: FORM קוויטל, ינפּוט

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

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

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

ניצן די HTML

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

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

דעם בלעטערער ראַנז דזשאַוואַסקריפּט, און צו רעכט געארבעט דאַטן שיקן קנעפּל צוריק צו דער שליח, וואָס איז, פּלאַן :. אָנקליקק = דזשקווערי ( '# צו') טראַפּ ( 'וואָגן'), עס איז נייטיק צו וויסן ניט בלויז וועגן וואָס די דזשקווערי, אָבער וואָס #טאָ, Val, וואָגן. מער גראד, עס איז נייטיק צו וויסן די גרונט HTML טאַגס און די גענעראַל כּללים אַפּלייינג צו זיי די קסס סטיילז.

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