Upload
naira-varosyan
View
284
Download
12
Embed Size (px)
DESCRIPTION
Citation preview
04/10/2023 1
04/10/2023 2
Հղումներ (Links)
Ցուցակներ(Lists)
Գույներ(Colors)
Տառատեսակներ(Fonts)
04/10/2023 3
Հիպերտեքստային հղումներ(Links or Hypertext references)
04/10/2023 4
• A – anchor• Attributes – name ¨ href
• 1) Հղում էջի ներսում• <a name=”top”></a>• ………..• <a href=”#top”>Return to Index.</a>
• 2) Կապերի ստեղծում կայքի ներսում• <a href=”pagetwo.html”>Go to Page 2.</a>
<a href=“learnit.am“>Link </a>
04/10/2023 5
3) Կապերի ստեղծում այլ կայքերի հետ<a href=”http://www.google.com/”>Go to Google</a>
4) Երկրորդ էջի կանչ անհրաժեշտ տեղիցPagetwo.html<a name=“point”>Pageone.html<a href=“pagetwo.html#point”>
5) Էլեկտրոնային փոստի կամ հասցեի հղում<a href=”mailto:[email protected]”>Send me
an email message.</a>
04/10/2023 6
04/10/2023 7
• Կանչվող էջի բացումը դիտարկիչի նոր պատուհանում<a href=“pagetwo.html” target=“_blank”>
Target ատրիբուտը հանված է XHTML 1.1-ում
• Link-երի գույների վերագրում• <body link=“green” vlink=“darkgreen” alink=“red”>
04/10/2023 8
Ցուցակներ (Lists)
Կարգավորված ցուցակ– Ordered List (ol)Չկարգավորված ցուցակ - Unordered List (ul)սահմանումների ցուցակ– Definition List (dl)Ցուցակի անդամ– List Item (li)
Type ատրիբուտի արժեքներըՉկարգավորված ցուցակ դեպքում
Disc – default Circle Square
04/10/2023 9
Կարգավորված ցուցակ Չկարգավորված ցուցակ
04/10/2023 10
Ներդրված (nested) ցուցակներ<html >
<head><title>Vertebrates</title></head>
<body><h1>Vertebrates</h1><ul>
<li><b>Fish</b> <ul> <li type=“circle”>Barramundi</li> <li type=“circle”>Kissing Gourami</li> <li type=“circle”>Mummichog</li>
</ul></li>
</ul></body></html>
04/10/2023 11
HTML տառատեսակներ (Font)
• Հիմնական տառատեսակների ընտանիքները• - միաչափ լայնությամբ(monospace) – Courier
New, Courier, Monospace• - Համաչափ (proportional)• - Եզրանախշով - Times New Roman, Times, Serif• - Առանց եզրանախշի- Arial, Helvetica, Sans-
serif
04/10/2023 12
Տառատեսակների չափսերը
04/10/2023 13
Տառատեսակների ընտանիքները
04/10/2023 14
Տառատեսակների գույները
04/10/2023 15
Հատուկ սիմվոլներ
• &Code_name; ϳ٠&Numeric_code;• Character Numeric Code Code Name Description
“ " " Quotation mark& & & Ampersand< < < Less than> > > Greater than¢ ¢ ¢ Cent sign£ £ £ Pound sterling| ¦ ¦ or &brkbar; Broken vertical bar§ § § Section sign© © © Copyright® ® ® Registered trademark° ° ° Degree sign
04/10/2023 16
Գույներ
04/10/2023 17
• Գույնը ներկայացվում է համաձայն RGB (Red Green Blue – կարմիր- կանաչ - կապույտ) ստանդարտի:
• Գույնը ներկայացվում է 16-ական համակարգով` #rrggbb
• Գույնը ներկայացվում է անվան միջոցով ` red
Էջի ֆոնային գույն տալու համար <body bgcolor=“#ff00ff”>
04/10/2023 18
16 գույների ցուցակը համաձայն W3C-ի ստանդարտների
04/10/2023 19
Շնորհակալություն