Հայասա Արմենո | Վեբմաստեր HTML 4

Ձեր առաջին վեբ էջը

 

www.armeno.far.ru 

 

 

  H T M L 

HyperText Markup Language  | Հիպերտեքստերի նշագրման լեզու | Язык маркировки гипертекстов

  Նախ և առաջ եկեք մեր առաջին էջի համար ստեղծենք «բնակության վայր ».  ստեղծեք HTML անունով թղթապանակ C սկավառակում, ПускКомпьютер → Локальный Диск C ապա այնտեղ էլ ստեղծում ենք HTML անունով թղթապանակը: Եթե հիշում եք առաջին էջում մենք պատասխանեցինք  Ի՞նչէ URL-ը; հարցին. այնտեղ մի քանի բառով գրված էր file սխեմայի մասին: Հենց այդ սխեմայից կօգտվենք հիմա: Ձեր բրաուզերի հասցեների տողում գրեք  file:///C:/HTML այցելելով այս հասցեն՝ դուք այնտեղ առանձնապեսոչինչ չեք գտնի ( HTML թղթապանակը դատարկ է ), սակայն պահպանեք այդ հասցեն ձեր բրաուզերում, դուք հաճախ կօգտվեք նրանից: Ապա այդ թղթապանակի մեջ Notepad (Блокнот) ծրագրի օգնությամբ ստեղծեք տեքսային փաստաթուղթ որը պահպանեք հետևյալ եղանակով Файл → Сохранить как
  1. Имя файла - arajin.html
  2. Тип файла - Все файлы
  3. Кодировка - UTF-8

Ֆայլի անունը:

Ֆայլի անունը ինչ էլ դնեք, ոչինչ չի փոխվի ( arajin, VErjin, 1, h34g89, im_html_fayl և այլն ...) կարող եք դնել ցանկացած թուլատրելի անուն: Այստեղ գլխավորը կետ և htmll-ն է ( arajin.html ) arajin-ից հետո դնելով կետ և html դուք էջին տեքսաին ֆայլից վերածում եք html ֆայլի, այսինքն՝ փոխում եք նրա ընդլայնումը (arajin.txt → arajin.html ): Վեբ էջերը .html ի փոխարեն կարող են ունենալ տարբեր ընդլանումներ (.asp, .php, shtml, .js, .vml, .xml և այլն ... ), սակայն հիմա դուք պետք է կենտրոնանաք միայն .html վրա որը կարող եք գրել .htm տարբերություն չկա ( .html = .htm)

Կոդավորումը ( Encoding ) UTF-8:

Եթե ցանկանում աշխատանքի ընթացքում տեսնել հայերեն տառերը այլ ոչ թե նրա կոդերը պետք օգտվեք UTF-8 ից :
Օրինակ՝ Հայաստան բառը ունի այս կոդը  Հայաստան


 
 

 Notepad-ի օգնությամբ բացում եք arajin.html-ը և գրում հետևյալը:
<html>

</html>
Ամբողջ վեբ փաստաթուղթը պետք է պարփակված լինի <html> ...</html> բացվող և փակվող տեգերի մեջ:


 Փաստաթուղթը բաղկացած է գլխից և մարմնից. Գլխում գրվում է ծառայողական ինֆորմացիան, իսկ մարմնում բուն ինֆորմացիան, որը տեսնում ենք մեր էկրաններից: Գլուխը սկսվում և վերջանում է <head> </head>, իսկ մարմինը՝ <body> </body>  բացվող և փակվող տեգերով:


<html>
<head>
ծառայողական ինֆորմացիա (ԳԼՈՒԽ)
</head>
<body>
բուն ինֆորմացիա (ՄԱՐՄԻՆ)
</body>
</html>

 

Ծառայողական ինֆորմացիային մենք կանդրադառնանք հետագայում, սակայն մի քանի տեգերի, որոնք, անհրաժեշտ են մեզ հիմա դուք պետք է անգիր անեք:
<title>…</title>
Title զույգ տեգերի միջև գրված տեքստը երևում է բրաուզերի պատուհանի վերին ձախ անկյունում: Որոնման համակարգերը ( Google, Yahoo, Yandex, …) օգտվում են այս տեգից վեբ էջերը ինդեքսավորելու ժամանակ: Այս տեգը ունի ևս այլ օգտակար հատկություններ:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
Meta տեգի նման գրառումը հուշում է բրաուզերին, որ էջ ունի UTF-8 կոդավորում, այսինքն՝ ձեր կայքի այցելուն կտեսնի « մարդավարի » տեքստ, այլ ոչ թե, 㔰㌱㜹☻��㬷⌦㌱㠹ÕŽÕ¥Ö€Π·Ρ?Ρ?Π²Ρ? Π╨┐╡╤גΎΡÕ»Х НфН ( Եթե ձեր հոստինգի սերվերը պահանջում է այլ կոդավորում meta տեգի այս գրառումը կարող է ձեզ չօգնի, այդ դեպքում դուք պետք է օգտվեք այն կոդավորումից, որը պահանջում է ձեր սերվերը, և անպայման նշեք այդ կոդավորումը:
Օրինակ ՝<meta http-equiv="Content-Type" content="text/html"; charset="windows-1252">. UTF-8 ի փոխարեն՝windows-1252) :
Կոդավորումները բազմաթիվ են (charset=armscii-8, charset=unicodeFFFE, charset=iso-2022-jp, charset=us-ascii, charset=iso-8859-1, charset=windows-1252, charset=windows-1251,    ) սակայն, դուք պետք է կենտրոնանաք UTF-8 ի վրա, թեև այնեղ կար ARMSCII-8 կոդավորումը
:
<meta http-equiv="Content-Language" content="hy">
Meta տեգի այս գրառումը ցույց է տալիս որ, տեքստը գրված է հայերեն լեզվով:
Բելոռուսերեն-be
Իտալերեն-it
Պարսկերեն-fa
Ռուսերեն-ru
Ֆրանսերեն-fr
Անգլերեն(Բրիտանիա)- en-gb
Անգլերեն(ԱՄՆ)- en-us
<meta http-equiv="Content-Language" content="fr">
<meta http-equiv="Content-Language" content="en-gb">
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Language" content="en-tt">
<meta http-equiv="Content-Language" content="ru">


<meta http-equiv="Content-Language" content="hy">
Meta (տեգի անունը) http-equiv (ատրիբուտ)  "Content-Language" (նշանակություն) content(ատրիբուտ) "hy" (նշանակություն)

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
Meta (տեգի անունը) http-equiv (ատրիբուտ) "Content-Type"(նշանակություն)  content (ատրիբուտ) "text/html; charset=utf-8" (նշանակություն)
Դուք նկատեցիք, որ title տեգը բացվող և փակվող է, իսկ meta-ն՝ միայնակ:

<ՏԵԳ ատրիբուտ1="նշանակություն" ատրիբուտ2="նշանակություն"...>

 
  Ուշադրություն : Թեև HTML-ը թույլ է տալիս տեգերի անվանումները գրել տարբեր ռեգիստրներում ( <tITle> </titlE>, <bODY></body>) , սակայն ձեզ խոհուրդ կտաի չօգտվել այդ ամենաթող վիճակից: Գրե՛ք <BODY>...</BODY> կամ <body> ...</body>: Յուրացնելով HTML-ը դուք կանցնեք xHTML-ին կամ XML-ին, որոնք բավականին «կարգուկանոնով » լեզուներ են. այժմվանից սովորություն դարձրեք ճիշտ և հստակ գրելու տեխնիկան: Ատրիբուտները և նրանց նշանակությունները գրե՛ք փոքրատառերով՝ նշանակություններն առնելով " կամ ' նշանների մեջ <ՏԵԳ ատրիբուտ="նշանակություն" կամ ատրիբուտ='նշանակություն'...> : " " = ' '
    Այսպիսով դուք ունեք անհրաժեշտ տեգերը HTML-ը պրակտիկորեն սովորորելու համար, հիմա <html>, <head>, <body>, <meta>, <title>,  տեգերի միջոցով մենք կկառուցենք վեբ էջի կմախքը, որն էլ կդառա «փորցադաշտ» տեգերի հետ աշխատելու համար: Խմբագրե՛ք arajiն.html-ի կոդը անպես, ինչպես գրված է ներքևում:


<html>

<head>
<meta http-equiv="Content-Language" content="hy">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>arajin_ej</title>
</head>
<body>
Սա իմ կողմից գրված առաջին վեբ փաստաթուղթն է:
</body>
</html>  
Պահպանելով այս փաստաթուղթը  դուք կարող եք բրաուզերի հասցեների տողում գրել file:///C:/HTML/arajin.html և բացել այն file սխեմայի օգնությանբ: Անցնենք գործի սկսում ենք տեքստային տեգերից:

 

4   1 2 3 4 5
հետ  առաջ

E10H43M80