HTML: די באַסיקס פֿאַר ביגינערז

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

וויסואַל רעדאקציע

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

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

טאַגס

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

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

דאָקומענט ביניען

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

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

קאָפּ

ין די קוויטל <קאָפּ> ... כּולל אינפֿאָרמאַציע פון אַ טעכניש נאַטור, וואָס וועט ניט זיין געוויזן אויף דעם בלאַט, אָבער, דאך, איז אַ וויכטיק טייל פון די דאָקומענט HTML. פּלאַץ באַמערקן געלייגט אין דעם אָרט, זענען אויסגעקליבן און באַקענענ אין די סיסטעם פון די בלאַט נאָמען. עס איז קאַנטיינד ין די מאַנדאַטאָרי קוויטל <טיטל> ... . עס דיספּלייז די נאָמען אין די שפּיץ פון אייער בלעטערער, ווו איר קענען אויך שטעלן אַ קליין בילדל פֿאַר די בלאַט צופרידן. עס איז קעדייַיק צו מיד ספּעציפיצירן דעם דאָקומענט סיסטעם פֿאַר זייַן ריכטיק אַרויסווייַזן. דאס קענען ווערן געטאן מיט די קוויטל <מעטאַ טשאַרסעט = "UTF-8" />. מעטאַ דאַטן אויף בלעטער צושטעלן סטרוקטור און זענען טיפּיקלי ליגן ין די קאָפּ.

רונג

יקערדיק וויסן פון HTML אויך ינוואַלווז די נוצן פון קאַסקיידינג סטיילז, אָדער קסס. זיי שטעלן פּראָפּערטיעס פון די עלעמענטן וואָס וועט זיין געוויזן אויף דעם בלאַט. די מאָדערן צוגאַנג צו דעם פּראָבלעם ינוואַלווז די ימפּאַזישאַן פון אַזאַ קעראַקטעריסטיקס ווי קאָליר, הייך און אָרט פון די נומער, צו אַ פונדרויסנדיק טעקע פֿאַר צוגעגעבן קאַנוויניאַנס. צו פאַרבינדן די קסס-טעקע ניצט די קוויטל <לינק />. אין פאַרטיק פאָרעם, עס קוקט עפּעס ווי דעם: <לינק הרעף = הטטפּ: // פּלאַץ /אַרטיקלע/250376/%ע2%80%9דסטילע.קסס%ע2%80%9ד טיפּ = "טעקסט / קסס" />, וואָס ינדיקייץ הרעף אויף דעם אָרט פון דער טעקע, און טיפּ - אויף זייַן טיפּ.

גוף

עס איז אין דעם טייל פון דעם HTML-דאָקומענט Created by די קענטיק טייל פון די בלאַט. אַלע וואָס איז געשען ין די "גוף" וועט זיין געוויזן דורך דעם בלעטערער. אין די <גוף> געניצט אַ ריזיק סומע פון HTML טאַגס. באַסיקס - דאס טעקסט formatting, אַרבעט מיט לינקס און פּשוט געצייַג פֿאַר סטראַקטשערינג אַ וועב בלאַט. צו באַקומען צו אַרבעטן אין HTML, גענוג צו וויסן די גרונט טאַגס און צו קענען צו נוצן זיי. אונטן זענען די מערסט פאָלקס אָנעס:

• - איז געניצט צו עקסטראַקט אַ סובסטרינג, צו זיין אַסיינד צו אַ באַזונדער נוסח, דיסקרייבד אין קסס;
• <אַ> - קריייץ אַ לינק אויף אַ וועב בלאַט; שפּרינגען אַדרעס איז ספּעסיפיעד אַטריביוט הרעף;
• <דיוו> - איינער פון די מערסט פאָלקס מאָדערן טאַגס; ווער עס יז וואס באַשלאָסן צו לערנען די באַסיקס פון די שפּראַך הטמלל זאָל באַצאָלן באַזונדער ופמערקזאַמקייַט צו עס, ווייַל עס איז אַ בלאָק עלעמענט, וואָס איז געמאכט אויף דער באזע פון דער לייב ס טיילן פון הייַנט ס וועבסיטעס (די פּאַראַמעטערס פֿאַר בלאָק:
  זענען שטעלן אין קסס, און אנדערע וניץ קענען ווערן געשטעלט ין דעם קוויטל);
• <פּ> - סאַלעקץ אַ פּאַראַגראַף פון טעקסט; די אינהאַלט פון די פּאַראַגראַף איז ליגן צווישן די עפן און קלאָוזינג טאַגס;
• <אָל> - אַ געציילט רשימה, די יסודות פון וואָס זענען ווי קוויטל פּאָר
• ;
• - אַ בוללעטעד רשימה, וואָס, ווי ווויל ווי אין די געציילט עלעמענטן זענען דינאָוטאַד דורך די קוויטל
  • ;
  • <ה 1> - <ה 6> - דאָקומענט כעדערז (די געשטאַלט ינדיקייץ די מדרגה פון די כעדער, דאס הייסט <ה 1> - דער הויפּט טיטל, און די סאַבסאַקוואַנט ווערייישאַנז זענען זייַן סאַבטייטאַלז, דורך דעם וועג, לעוועלס פון כעדינגז <ה 5>, <ה 6> איז כּמעט אוממעגלעך צו געפינען אויף דער אינטערנעץ עפענען ספּייסיז) עס איז אויך וויכטיק צו געדענקען אַז אַ בלאַט קענען האָבן בלויז איין כעדער <ה 1>;
  • - דרייסט טעקסט;
  • <עם> - ייטאַליק;
  • - אַרייַנלייגן בילדער אויף די וועב בלאַט (עס איז אַ איין צעטל, עס טוט נישט דאַרפֿן צו פאַרמאַכן אַראָפּ, אָבער עס איז required צו ספּעציפיצירן די אַלט אַטריביוט, וואָס ספּעסיפיעס די טעקסט פֿאַר אַ בילד);
  • <וידאו> - אַרייַנלייגן אַ ווידעא אויף אַ וועב בלאַט;
  • <אַודיאָ> - פאַרבינדן איז ינסערטאַד אין די דאָקומענט די אַודיאָ טעקע.

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

  קסס

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

  אַפּלייינג קסס

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

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

  דזשאַוואַסקריפּט

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

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

  רעדאקציע

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

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

  די באַסיקס פון HTML און קסס פֿאַר ביגינערז

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

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

  אַז גיט וויסן פון HTML

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