19
08/25/2022 1

HTML links, lists, fonts, color

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: HTML links, lists, fonts, color

04/10/2023 1

Page 2: HTML links, lists, fonts, color

04/10/2023 2

Հղումներ (Links)

Ցուցակներ(Lists)

Գույներ(Colors)

Տառատեսակներ(Fonts)

Page 3: HTML links, lists, fonts, color

04/10/2023 3

Հիպերտեքստային հղումներ(Links or Hypertext references)

Page 4: HTML links, lists, fonts, color

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>

Page 5: HTML links, lists, fonts, color

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>

Page 6: HTML links, lists, fonts, color

04/10/2023 6

Page 7: HTML links, lists, fonts, color

04/10/2023 7

• Կանչվող էջի բացումը դիտարկիչի նոր պատուհանում<a href=“pagetwo.html” target=“_blank”>

Target ատրիբուտը հանված է XHTML 1.1-ում

• Link-երի գույների վերագրում• <body link=“green” vlink=“darkgreen” alink=“red”>

Page 8: HTML links, lists, fonts, color

04/10/2023 8

Ցուցակներ (Lists)

Կարգավորված ցուցակ– Ordered List (ol)Չկարգավորված ցուցակ - Unordered List (ul)սահմանումների ցուցակ– Definition List (dl)Ցուցակի անդամ– List Item (li)

Type ատրիբուտի արժեքներըՉկարգավորված ցուցակ դեպքում

Disc – default Circle Square

Page 9: HTML links, lists, fonts, color

04/10/2023 9

Կարգավորված ցուցակ Չկարգավորված ցուցակ

Page 10: HTML links, lists, fonts, color

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>

Page 11: HTML links, lists, fonts, color

04/10/2023 11

HTML տառատեսակներ (Font)

• Հիմնական տառատեսակների ընտանիքները• - միաչափ լայնությամբ(monospace) – Courier

New, Courier, Monospace• - Համաչափ (proportional)• - Եզրանախշով - Times New Roman, Times, Serif• - Առանց եզրանախշի- Arial, Helvetica, Sans-

serif

Page 12: HTML links, lists, fonts, color

04/10/2023 12

Տառատեսակների չափսերը

Page 13: HTML links, lists, fonts, color

04/10/2023 13

Տառատեսակների ընտանիքները

Page 14: HTML links, lists, fonts, color

04/10/2023 14

Տառատեսակների գույները

Page 15: HTML links, lists, fonts, color

04/10/2023 15

Հատուկ սիմվոլներ

• &Code_name; ϳ٠&Numeric_code;• Character Numeric Code Code Name Description

“ &#34; &quot; Quotation mark& &#38; &amp; Ampersand< &#60; &lt; Less than> &#62; &gt; Greater than¢ &#162; &cent; Cent sign£ &#163; &pound; Pound sterling| &#166; &brvbar; or &brkbar; Broken vertical bar§ &#167; &sect; Section sign© &#169; &copy; Copyright® &#174; &reg; Registered trademark° &#176; &deg; Degree sign

Page 16: HTML links, lists, fonts, color

04/10/2023 16

Գույներ

Page 17: HTML links, lists, fonts, color

04/10/2023 17

• Գույնը ներկայացվում է համաձայն RGB (Red Green Blue – կարմիր- կանաչ - կապույտ) ստանդարտի:

• Գույնը ներկայացվում է 16-ական համակարգով` #rrggbb

• Գույնը ներկայացվում է անվան միջոցով ` red

Էջի ֆոնային գույն տալու համար <body bgcolor=“#ff00ff”>

Page 18: HTML links, lists, fonts, color

04/10/2023 18

16 գույների ցուցակը համաձայն W3C-ի ստանդարտների

Page 19: HTML links, lists, fonts, color

04/10/2023 19

Շնորհակալություն