HTML. տեղեկություններ

[VisTolog]

2. Ոճավորում
Առանձին բառեր կամ արտահայտություններ դուք կարող եք արտապատկերել հատուկ ոճերով£ Ոճերը լինում են տրամաբանական և ֆիզիկական£ Տրամաբանական ոճերն օգտագործում են տեքստն իր նշանակությանը համապատասխան արտապատկերելու համար, այն դեպքում, երբ ֆիզիկական ոճերը սահմանում են տեքստի որոշ մասի հատուկ արտապատկերումը£ Հնարավորության դեպքում օգտագործեք տրամաբանական ոճեր£
Եթե ֆիզիկական և տրամաբանական ոճերը տալիս են նույն արդյունքը, ինչի± համար են պետք երկու տեսակի ոճեր£ Մենք մի քանի պարբերություն կնվիրենք դիտարկիչներով տեքստերի արտապատկերման հարցերին, որոնց համառոտ իմաստը կայանում է հետևյալում. §Վստահիր քո դիտարկիչին¦£
Փաստաթղթերի նկարագրման SMGL ¥Structured Generalized Markup Language¤ լեզվում, որը HTML-ի մասնավոր տեսակն է, բովանդակությունն առանձնացված է դրա ներկայացումից£ Այսպիսով, SMGL տեգը, որը պատասխանատու է առաջին մակարդակի վերնագրի համար, ցույց է տալիս միայն, որ դա պետք է լինի առաջին մակարդակի վերնագիր, բայց ոչ թե այն, թե հատկապես ինչ տառատեսակով և որտեղ այն արտապատկերել£ Վերջինս ցույց է տրվում ձեր կողմից օգտագործվող դիտարկիչի լարումների մեջ£ Ուստի առաջին մակարդակի վերնագրի մեջ օգտագործվող տառաշարի փոփոխությունը չի բերի համապատասխան տեգերի փոփոխության£
Տրամաբանական ոճերի մի այլ առավելությունը կայանում է նրանում, որ այն օգնում է տեսանելի դարձնել ձեր փաստաթղթերի պարունակությունը£ Զգալիորեն ավելի հեշտ է օգտագործել <H1> տեգը, քան հիշել, որ առաջին մակարդակի վերնագիրը պետք է արտապատկերվի ինչ¬որ որոշակի տառաշարով£ Համանման է վիճակը նաև նշանները ձևաչափի բերելու ոճերի պարագայում£ Օրինակ, դիտարկենք <STRONG> տեգը£ Դիտարկիչների մեծ մասը արտապատկերում է այն հոծ տառաշարով£ Սակայն, շատ հավանական է, որ կարդացողը նախընտրի արտապատկերել այդ տեքստը կարմիր գույնով£ Տրամաբանական ոճերը հնարավորություն են տալիս օգտագործելու այդպիսի տարբերակներ£
2.1. Տրամաբանական ոճեր
<DFN> բառերի բացատրության համար£ Սովորաբար արտապատկերվում է շեղագիր£
<EM> ուժեղացման համար£ Սովորաբար արտապատկերվում է շեղագիր£
<CITE> գրքերի, ֆիլմերի և այլնի անվանումների համար£ Սովորաբար արտապատկերվում է շեղագիր£
<CODE> համակարգչային տեքստից մեջբերումների համար£ Արտապատկերվում է ոչ համեմատական տառաշարով£
<KBD> օգտագործողի ստեղնաշարից մուտքի համար£ Պետք է արտապատկերվի հոծ ոչ համեմատական տառաշարով, բայց շատ դիտարկիչներ այն արտաբերում են միայն ոչ համեմատական տառաշարով£
<SAMP> համակարգչային հաղորդագրությունների համար£ Արտապատկերվում է ոչ համեմատական տառաշարով£
<STRONG> հատուկ ուժեղացման համար£ Սովորաբար արտաբերվում է հոծ տառաշարով£
<VAR> այն փոփոխականների արտապատկերման համար, որոնց օգտագործողը պետք է փոխարինի կոնկրետ արժեքներով£ Սովորաբար արտաբերվում է շեղագիր£
2.2. Ֆիզիկական ոճեր
<B> Հոծ տեքստ
<I> Շեղագիր
<TT> ոչ համեմատական տեքստ
2.3. Նշանային տեգերի օգտագործումը
Նշանային ոճ կիրառելու համար
1. Սկսեք <tag> տեգից, որտեղ tag-ը ձեր ուզած ոճի տեգն է, որպեսզի ցույց տաք տեքստը ձևաչափի բերելու սկիզբը,
2. Ներմուծեք ձևաչափի բերվող տեքստը,
3. Ավարտեք ներմուծումը </tag> տեգով£
2.4. Հատուկ նշաններ
Escape¬հաջորդականություններ
Չորս նշաններª (<), (>), (&) և ("), HTML¬ում ունեն հատուկ նշանակություն և, հետևաբար, չեն կարող օգտագործվել §որպես տեքստ¦£ Այդ նշաններից մեկը HTML¬ում օգտագործելու համար դուք պետք է օգտագործեք դրա escape¬հաջորդականությունը£
&lt; escape¬հաջորդականություն < նշանի համար
&gt; escape¬հաջորդականություն > նշանի համար
&amp; escape¬հաջորդականություն & նշանի համար
&quot; escape¬հաջորդականություն " նշանի համար
Լրացուցիչ escape¬հաջորդականությունները թույլ են տալիս աշխատել նաև այլ օտար լեզուներում օգտագործվող նշանների հետ£ Օրինակª
&ouml;
&ntilde£
Դիտողություն© Ի տարբերություն մնացած բոլոր HTML¬ի, escape-հաջորդականությունները տարբերում են ռեգիստրը£ Օրինակ, դուք չեք կարող &lt¬ի փոխարեն օգտագործել &LT£
2.5. Հարկադրական տողադարձ
<BR> տեգը բերում է տողադարձիª առանց լրացուցիչ դատարկ տողի£ Ի հակադրություն սրան, դիտարկիչների մեծ մասը ձևավորում է պարբերության <P> տեգը լրացուցիչ դատարկ տողով£
2.6. Հորիզոնական գծեր
<HR> տեգը տալիս է հորիզոնական գծերª դիտարկիչի պատուհանի ողջ լայնքով£

Ավելացվել է 1 րոպե անց
2.7. Անվանաթերթ
Յուրաքանչյուր HTML փաստաթուղթ պետք է ունենա անվանաթերթ£ Այն սովորաբար արտապատկերվում է փաստաթղթից առանձին և հիմնականում օգտագործվում է տարբեր կոնտեքստներում փաստաթղթի ճանաչման համար£
Օգտագործեք փաստաթղթի նպատակը բացատրող հինգ¬վեց բառ£
Անվանաթերթի տեգի ձևաչափը հետևյալն է.
<TITLE>Անվանաթերթի տեքստը </TITLE >£
2.8. Վերնագրեր
HTML-ում կան վերնագրերի վեց մակարդակներ, համարակալված 1¬ից 6, որտեղ 1¬ն առավել ընդգծվածն է£ Վերնագրերն արտապատկերվում են մեծ չափի և/կամ ավելի հոծ տառատեսակներով, քան օգտագործում են սովորական տեքստի արտապատկերման համար£ Առաջին մակարդակի վերնագրի համար պետք է օգտագործել <H1> տեգը£ Վերնագրային տեգերի շարահյուսությունը հետևյալն է.
<Hx>Վերնագրի տեքստը</Hx >,
որտեղ x¬ը վերնագրի մակարդակը որոշող թիվ է ¥x=1, 2, …, 6¤£
2.9. Պարբերություններ
Ի տարբերություն տեքստային պրոցեսորների մեծ մասի փաստաթղթերի HTML ֆայլերում Return ստեղնը մեծ նշանակություն չունի£ Տողադարձը կարող է հանդիպել ձեր ելակետային փաստաթղթի ցանկացած կետում, մի քանի բացատներ կարող են միավորվել մեկի մեջ£
Կարևոր է© Դուք պետք է տարբերեք պարբերությունները <P> տեգի միջոցով£ Դիտարկիչն անտեսում է ելակետային ֆայլի բոլոր դատարկ տողերը£ HTML-ը գործնականում ամբողջովին հիմնվում է ձևաչափի տեգերի վրա և առանց <P> տեգի փաստաթուղթը կդառնա մի մեծ պարբերություն£ Բացառություն է կազմում որպես §նախաձևավորված¦ նշված տեքստը£ Դրա համար նախատեսված տեգերը նկարագրվում են ստորև£
2.10. Հղումներ այլ փաստաթղթերի
HTML¬ի հիմնական ուժը գալիս է տեքստի մի մասը այլ փաստաթղթերի հետ կապելու նրա հնարավորությունից£ Դիտարկիչն առանձնացնում է տեքստի այդ մասերըª ընդգծելու համար, որ դրանք հիպերտեքստային հղումներ են£
Հիպերտեքստային հղում անելու համար կատարեք հետևյալ հաջորդական քայլերը.
1. Հավաքեք <A : ¥A¬ից հետո բացատ կա¤,
2. Որոշեք այն փաստաթուղթը, որի վրա ցույց է տրվելու հղումը, ներմուծելով HREF="filename" £ Եվ դրանից հետոª փակող փակագիծ© >,
3. Հավաքեք այն տեքստը, որը պետք է ծառայի որպես հիպերտեքստային հղում,
4. Հավաքեք </A> փակող տեգը£
Հիպերտեքստային հղման օրինակ.
<A HREF="MaineStats.html">Maine</A>
Այս արտահայտությունը §Maine¦ բառը դարձնում է հիպերտեքստային հղում "MaineStats.html" փաստաթղթի վրա, որը գտնվում է նույն կատալոգում, ինչ որ առաջին փաստաթուղթը£
Դուք կարող եք հղում կատարել նաև այլ կատալոգում գտնվող փաստաթղթի վրաª ցույց տալով հարաբերական ճանապարհը ընթացիկ փաստաթղթից այն փաստաթղթին, որի վրա կատարվում է հղումը£
Օրինակª AtlanticStates ենթակատալոգում գտնվող NJStats.html ֆայլի վրա հղումը կունենա այսպիսի տեսք©
<A HREF="AtlanticStates/NJStats.html">New Jersey</A>
Սա կոչվում է հարաբերական հղում£ Դուք կարող եք օգտագործել նաև ֆայլի լրիվ անունը£
2.11. Հղումներ այլ փաստաթղթերի առանձնահատուկ մասերի
Հղումները կարող են օգտագործվել նաև այլ փաստաթղթերի առանձնահատուկ մասերի անցնելու համար£ Ենադրենք դուք ուզում եք հղում կատարել A փաստաթղթից B փաստաթղթի հատուկ կտորի վրա ¥անվանեք այդ ֆայլը documentB.html¤£ Նախ ձեզ անհրաժեշտ է B փաստաթղթում դնել անվան NAME տեգը£ Օրինակ, որպեսզի B փաստաթղթում տեղադրվի §Jabberwocky¦ կոչվող տեգը, հավաքեք©
<A NAME = "Jabberwocky">some text</a>
Այսպիսով B փաստաթղթում դուք նշեցիք այն տեղը, որի վրա ուզում եք հղում կատարել£
Հիմա, երբ դուք A փաստաթղթից հղում եք պատրաստելու, դրա մեջ մտցրեք ոչ միայն ֆայլի անունը B փաստաթղթի հետ, այլև կոնկրետ տեղը դրա մեջª անջատելով տեղի անվանումը # նշանով£
<A HREF = "documentB.html#Jabberwocky">link</A>
Արդեն անցումը §link¦ բառին A փաստաթղթում կարդացողին անմիջապես կուղղի B փաստաթղթի §some text¦ բառերին£
2.12. Ոճի լրացուցիչ տեգեր
Վերը շարադրվածը բավարար է HTML պարզագույն փաստաթղթեր պատրաստելու համար£ Ավելի բարդ փաստաթղթերի համար HTML¬ում կան տեգեր ցուցակների, նախապես ձևաչափի բերված կտորների, հատուկ նշանների համար և այլն£
2.13. Նախապես ձևաչափի բերված տեքստ
Օգտագործեք <PRE> տեգը, որպեսզի բացատները, նոր տողերն ու տաբուլյացիայի նշանները պահպանեն իրենց նշանակությունն այնպես, ինչպես որ ելակետային ֆայլում է£ Այս ոճն օգտակար է ծրագրերի ներկայացման համար£ Օրինակª
<PRE>
Ես իմ անուշ Հայաստանի արևահամ բարն եմ սիրում,
Մեր հին սազի ողբանվագ, լացակումաց լարն եմ սիրում,
Սիրում եմ մեր երկինքը մուգ, ջրերը ջինջ, լիճը լուսե,
Արևն ամռան ու ձմեռվա վիշապաձայն բուքը վսեմ,
Մթնում կորած խրճիթների անհյուրընկալ պատերը սև
Ու հնամյա քաղաքների հազարամյա քարն եմ սիրում ©©©
</PRE>
HTML կոդը կարտապատկերվի հետևյալ կերպ.
Ես իմ անուշ Հայաստանի արևահամ բարն եմ սիրում,
Մեր հին սազի ողբանվագ, լացակումաց լարն եմ սիրում,
Սիրում եմ մեր երկինքը մուգ, ջրերը ջինջ, լիճը լուսե,
Արևն ամռան ու ձմեռվա վիշապաձայն բուքը վսեմ,
Մթնում կորած խրճիթների անհյուրընկալ պատերը սև
Ու հնամյա քաղաքների հազարամյա քարն եմ սիրում ©©©
<PRE> տեգի հատվածներում կարող են օգտագործված լինել հիպերտեքստային հղումներ£ Այդուհանդերձ, պետք չէ ձգտել օգտագործել այլ HTML տեգեր նախապես ձևաչափի բերված հատվածների ներսում£
Ուշադրություն դարձրեք. քանի որ <, > և & նշանները HTML¬ում ունեն հատուկ նշանակություն, ապա այդ նշանների արտապատկերման համար հարկ կլինի օգտագործել դրանց escape-հաջորդականությունները ¥&lt; &gt; &amp)£