< Return to Video

HTML Basics (Video Version)

  • 0:00 - 0:02
    Բարի գալուստ մեր կայքէջ
  • 0:02 - 0:04
    Գիտեմ որ սա անյնքան էլ գրավիչ կայքէջ չէ
  • 0:04 - 0:07
    Այն ամբողջովին դատարկա է, բայց ամեն կայքէջ այդպես է սկսվում
  • 0:07 - 0:10
    և ես Ձեզ շուտով ցույց կտամ, թե ինչպես կարելի է կառուցել էջ
  • 0:10 - 0:12
    Բայց առաջին հերթին եկեք
  • 0:12 - 0:15
    ուսումնասիրենք դատարկ էջի կմախքը
  • 0:15 - 0:17
    Ամեն կայքէջ սկսվում է
  • 0:17 - 0:20
    այս, վերևում երևացող տողով, DOCTYPE-ով
  • 0:21 - 0:22
    այն տեղեկացնում է զննիչին, որ
  • 0:22 - 0:25
    այս կայքէջը գրված է ժամանակակից HTML-ով
  • 0:25 - 0:28
    այլ ոչ hին ու տաօրինակ HTML-ով
  • 0:28 - 0:31
    Հիմա նայենք էջի առաջին թեգին
  • 0:31 - 0:35
    HTML-ն ամբողջությամբ հիմնված է թեգերի վրա
  • 0:35 - 0:36
    Թեգն այս անկյունային
  • 0:36 - 0:38
    փակագծերով սկսվող և
  • 0:38 - 0:41
    դրանցով ավարտվող բաներն են
  • 0:41 - 0:42
    կամ եթե դուք սիրում եք մաթեմատիկա
  • 0:42 - 0:45
    կարող եք դրանց մասին մտածել որպես մեծի և փոքրի նշաններ
  • 0:46 - 0:48
    Յուրաքանչյուր էջի առաջին թեգն այդ
  • 0:48 - 0:51
    HTML թագն է, DOCTYPE-ի տակ
  • 0:51 - 0:54
    Սա բացվող HTML թեգն է
  • 0:54 - 0:57
    և ներքևում տեսնում եք փակվող HTML թեգը
  • 0:57 - 1:00
    Որը նույնն է բացառությամբ այս սլեշ նշանի
  • 1:00 - 1:02
    որը շատ կարևոր է
  • 1:02 - 1:05
    HTML թեգը պետք է պարունակի կայքէջը կազմող
  • 1:05 - 1:07
    յուրաքանչյուր թեգ
  • 1:07 - 1:11
    Այս պատճառով մենք գրում ենք փակող HTML թեգն ամենավերջում
  • 1:11 - 1:13
    HTML թեգերից շատերն այսպես զույգերով են օգտագործվում
  • 1:13 - 1:15
    բայց ոչ բոլորը
  • 1:16 - 1:19
    HTML-ի տակ միշտ կա head թեգ
  • 1:19 - 1:22
    Այն պարունակում է թեգեր, որոնք օգնում են զննիչին արտացոլել էջը
  • 1:22 - 1:25
    բայց չի պարունակում օգտատիրոջ համար տեսանելի բաներ
  • 1:25 - 1:28
    Սա meta թեգն է, որը ցույց է տալիս զննիչին
  • 1:28 - 1:30
    ավելի շատ տեղեկություն, արտացոլման համար
  • 1:30 - 1:32
    Օրինակ, եթե դուք օգտագործում եք տարածված սիմվոլներ
  • 1:32 - 1:33
    Օրինակ անգլերենի տառերը
  • 1:33 - 1:35
    բայց ոչ ավելի դժվար արտացոլվող տառեր
  • 1:35 - 1:37
    ինչպիսին են օրինակ արաբական տառերը
  • 1:37 - 1:40
    ապա ձեզ հարկավոր meta charset-ը
    հավասար է utf-8
  • 1:40 - 1:42
    հետո տեսնում ենք title tag-ը
  • 1:42 - 1:45
    որը զննիչն օգտագործում է էջի վեռնագիրը
    որոշելու համար
  • 1:45 - 1:48
    Սա զննիչի վերևում գտնվող tab-ի, էջանիշերի վրա
  • 1:48 - 1:50
    և որոնման արդյունքներում
    երևացող բառն է
  • 1:50 - 1:53
    Այստեղ Քան Ակադեմիայում, վեռնագիրը
    երևում է մեր էջի վերևում
  • 1:54 - 1:56
    Եկեք փոխենք վեռնագիրը
  • 1:56 - 1:59
    Ես կպատրաստեմ ճագարներին նվիրված մի էջ
  • 1:59 - 2:02
    Գրենք անգլերեն "All about rabbits"
  • 2:02 - 2:05
    և դուք կարող եք տեսնել,
    թե այն ինչպես է փոխվում
  • 2:06 - 2:08
    Լավ մենք վերջացրինք այս հատվածը
  • 2:08 - 2:12
    և մենք կարող ենք փակել head tag-ը
    և անցնել հաջորդ թագերին
  • 2:12 - 2:15
    Ամենե ինչ կատարվելու է body tag-ում
  • 2:15 - 2:18
    Սա բավականին ձանձրալի է հիմա
    միայն սկիզբն ու վերջը
  • 2:18 - 2:20
    Ի՞նչ ավելացնեմ
  • 2:20 - 2:22
    Քանի, որ պատրաստում ենք
    ճագարների մասին կայքէջ
  • 2:22 - 2:23
    հավանաբար պետք է վերևում
  • 2:23 - 2:25
    հայտարարել դա վեռնագրով
  • 2:26 - 2:29
    Վեռնագիր ավելացնելու համար
    օգտագործում ենք H1 tag-ը
  • 2:30 - 2:33
    All about rabbits, շատ լավ
  • 2:33 - 2:35
    Իրականում մենք ունենք 6 թեգեր,
  • 2:35 - 2:38
    որոնք կարող ենք օգտագործել վեռնագրերի
    համար, H1 H2 H3 H4 H5 և H6
  • 2:38 - 2:41
    H1-ն ամենակարևոր վեռնագրերի համար է
  • 2:41 - 2:43
    իսկ H6-ը ամենաքիչ կարևոր
  • 2:43 - 2:46
    եկեք ևս մի քանի վեռնագրեր ավելացնենք այլ
  • 2:46 - 2:49
    հատվածների համար։ Ես կօգտագործեմ H2-ը
  • 2:49 - 2:51
    ավելի քիչ կարևոր մասերի համար
  • 2:52 - 2:55
    և որոշ երգեր, ահա շատ լավ է
  • 2:56 - 2:58
    Հիմա եկեք ավելացնենք մի քիչ տեղեկություն
  • 2:58 - 3:00
    Ենթադրենք, որ իմ կայքէջի լսարանը
  • 3:00 - 3:04
    այլմոլորակայիններ են,
    ովքեր երբեք չեն տեսել ճագարներ
  • 3:04 - 3:07
    Նշանակում է, որ պետք է
    ճագարների լավ բնութագիր տալ
  • 3:07 - 3:10
    և ինձ պետք է տեղեկության մի պարբերություն
  • 3:10 - 3:13
    ինչպե՞ս կարելի է ստեղծել
    պարբերություն HTML-ում
  • 3:13 - 3:16
    Իհարկե P tag-ով
  • 3:16 - 3:21
    մենք դնում ենք P tag-ը և ուղակի
  • 3:21 - 3:23
    պատճենում տեղեկությունը
  • 3:23 - 3:26
    որպեսզի դուք ստիպված չլինեք տեսնել
    թե ես ինչպես եմ այս ամենը
  • 3:26 - 3:27
    տպում։ Ահա հիասքանչ է
  • 3:28 - 3:31
    Հիմա այլմոլորակայիններին հարկավոր
    է ճագարների համար երգ
  • 3:31 - 3:33
    և ես նրանց կտամ իմ ամենասիրելի
    երգերից մեկի բառերը
  • 3:33 - 3:38
    ևս մեկ անգամ օգտագործենք P tag-ը
    և պատճենենք դրա մեջ երգը
  • 3:40 - 3:43
    Little Bunny Fofoo շատ լավ երգ է
  • 3:44 - 3:48
    Բայց սպասեք, ամեն ինչ մեկ տողի վրա է
  • 3:48 - 3:50
    ինչպե՞ս են այլմոլորակայիններ
    իմանալու երբ կանգ առնեն
  • 3:50 - 3:52
    Ինչու՞ զննիչը չարտացոլեց
  • 3:52 - 3:54
    տողերի ընդհատումները որոնք ես նշել եմ
  • 3:54 - 3:57
    Սովորաբար զննիչներն անտեսում են դրանք
  • 3:57 - 3:59
    և բցատները նույնպես անտեսվում են
  • 3:59 - 4:02
    եթե մենք ցանկանում ենք արտացոլոլ նոր տող
  • 4:02 - 4:05
    պետք է դա հատուկ նշենք օգտագործելով այլ թեգ
  • 4:05 - 4:08
    BR tag-ը
  • 4:08 - 4:13
    մենք կավելացնենք BR ամեն տողից հետո
  • 4:13 - 4:15
    հիմա ամեն ինչ հասկանալի է
  • 4:15 - 4:19
    նկատու՞մ եք մի հետաքրքիր բան BR-ի վերաբերյալ
  • 4:19 - 4:21
    չկա փակող թեգ
  • 4:21 - 4:22
    եթե մտածենք դրա մասին
  • 4:22 - 4:23
    տողի ընդհատումը չի պարունակում ոչինչ
  • 4:23 - 4:26
    այսպիսով չկա ինչ-որ բան որից հետո այն պետք է վերջանա
  • 4:26 - 4:28
    միայն բացվող թեգը բավարար է
  • 4:29 - 4:30
    ահ մեզ մոտ ստացվեց
  • 4:30 - 4:33
    Այլմոլորակայինները կսովորեն ճագարների մասին հիմնական բաներ
  • 4:33 - 4:36
    իսկ դուք սովորեցիք HTML-ի հիմքերը
  • 4:36 - 4:37
    Երբ ես կվերջացնեմ խոսելը
  • 4:37 - 4:40
    մի փոքր զբաղվեք սրանով
    և փորձեք փոփոխություններ անել
  • 4:40 - 4:44
    Երբ պատրաստ կլինեք, կատարեք ձեր առաջին
    HTML-ի առաջադրանքը
Title:
HTML Basics (Video Version)
Description:
more » « less
Video Language:
English
Duration:
04:44

Armenian subtitles

Revisions

Our website uses cookies for analysis purposes.