მოწყობილობის შეცდომები 

ტეგები გამოიყენება შრიფტის ფორმატირებისთვის. ტექსტის ფორმატირება HTML-ში, HTML ტეგები ტექსტის რედაქტირებისთვის

აქ არის ფიზიკური ფორმატირების ტეგების აღწერა. ზოგიერთი მათგანი არ არის რეკომენდირებული HTML 4.0 სპეციფიკაციით გამოსაყენებლად ზემოთ მოყვანილი მიზეზების გამო. ზოგიერთი ტეგი მოძველებულია HTML 4.0 სპეციფიკაციით, მაგრამ ისინი კვლავ მხარდაჭერილია ბრაუზერების მიერ.

მონიშნეთ

მონიშნეთ აჩვენებს ტექსტს თამამი შრიფტით. უმეტეს შემთხვევაში რეკომენდებულია ტეგის ნაცვლად გამოიყენეთ ლოგიკური ფორმატირების ტეგი . მაგალითად:

ეს გაბედულიშრიფტი.

ბრინჯი. 1.2.ტექსტის ფიზიკური ფორმატირების მაგალითები (Netscape ბრაუზერი)

მონიშნეთ

მონიშნეთ აჩვენებს ტექსტს დახრილი შრიფტით. უმეტეს შემთხვევაში, რეკომენდებულია ამ ტეგის ნაცვლად ტეგების გამოყენება , , ან , ვინაიდან ეს უკანასკნელი უკეთ ასახავს შერჩეული ტექსტის მიზანს. მაგალითად:

შერჩევა დახრილი

მონიშნეთ

მონიშნეთ აჩვენებს ტექსტს monospace შრიფტით. უმეტეს შემთხვევაში, უმჯობესია გამოიყენოთ ტეგები ამ ტეგის ნაცვლად , ან . მაგალითი:

ეს მონოსივრცეშრიფტი.

მონიშნეთ

მონიშნეთ აჩვენებს ხაზგასმული ტექსტს. გაუქმებული ტეგი. ამის ნაცვლად რეკომენდებულია ტეგების გამოყენება ან .

მაგალითად: მაგალითიხაზს უსვამს

ტექსტი. ტეგები

ტექსტი. ტეგები და . მაგალითად:

მაგალითად: ტექსტის ჩვენება ჰორიზონტალური ხაზით. გაუქმებული ტეგი. ამის ნაცვლად უნდა იყოს გამოყენებული ტეგიგადახაზული

ტექსტი. ამჟამად მონიშნეთ არ არის მხარდაჭერილი ყველა ბრაუზერის მიერ, ამიტომ ამ დროისთვის რეკომენდებულია მისი გამოყენება ტეგთან ერთად . კერძოდ, კონტეინერის ტეგის შიგნით

....

მონიშნეთ

მონიშნეთ შეგიძლიათ დაამატოთ რამდენიმე ტეგი აჩვენებს ტექსტს უფრო დიდი (ტექსტის არალეიბლირებულ ნაწილზე) ზომით. ამ ელემენტის ნაცვლად უმჯობესია გამოიყენოთ

ან სათაურის ტეგები, მაგ. შრიფტიმეტი

მონიშნეთ

მონიშნეთ ზომა. აჩვენებს ტექსტს უფრო მცირე შრიფტის ზომით. ვინაიდან HTML-ში არ არის ტეგი, რომელიც ტეგის საპირისპიროა , მაშინ ამ მიზნებისთვის შეგიძლიათ გამოიყენოთ ტეგი

ან სათაურის ტეგები, მაგ. . ბრაუზერების უმეტესობა მხარს უჭერს ჩადგმულ ტეგებსმეტი

მონიშნეთ

მონიშნეთ თუმცა, ეს მიდგომა არ არის რეკომენდებული.

მაგალითად: ნაკლებიგადააქვს ტექსტი ხაზის დონის ქვემოთ და აჩვენებს მას (თუ შესაძლებელია) უფრო მცირე შრიფტის ზომით. მოსახერხებელი გამოსაყენებლად მათემატიკური ინდექსებისთვის. მაგალითად:

მონიშნეთ

მონიშნეთ შრიფტის მაგალითი ამისთვის

მაგალითად: ქვედაგადააქვს ტექსტი ხაზის დონის ქვემოთ და აჩვენებს მას (თუ შესაძლებელია) უფრო მცირე შრიფტის ზომით. მოსახერხებელი გამოსაყენებლად მათემატიკური ინდექსებისთვის. მაგალითად:

მონიშნეთ

მონიშნეთ აჩვენებს მოციმციმე ტექსტს. ეს ტეგი არ არის HTML სპეციფიკაციის ნაწილი და მხარდაჭერილია მხოლოდ Netscape ბრაუზერის მიერ. გამოცდილი დეველოპერები იშვიათად მიმართავენ ამ ტეგის გამოყენებას, რადგან გვერდზე მოციმციმე სიმბოლოების არსებობა ბევრ მომხმარებელს აღიზიანებს.

მონიშნეთ

ტეგის კონტეინერი ბლოკის დონის ტეგის ანალოგია

. შეიძლება გამოყენებულ იქნას, როდესაც გჭირდებათ ტექსტის ნაწილის მონიშვნა მისი თვისებების დასაყენებლად და არ შეგიძლიათ გამოიყენოთ სხვა სტრუქტურული ფორმატირების ტეგი.

Microsoft Internet Explorer ბრაუზერი დამატებით იძლევა თეგის შემდეგი პარამეტრების გამოყენების საშუალებას: DIR, DATAFLD, DATAFORMATAS, DATASRC.

პარამეტრების აღწერა შეგიძლიათ იხილოთ წიგნის მეორე ნაწილში.ბრინჯი. 1.3.

ჩადგმული ტექსტის ფორმატირების ტეგების გამოყენება

ეს გაბედულიშრიფტი.

ეს ფორმატირების ტეგები შეიძლება იყოს ჩასმული ერთმანეთში..

ამ შემთხვევაში, თქვენ უნდა დარწმუნდეთ, რომ ერთი კონტეინერი მთლიანად სხვა კონტეინერშია განთავსებული. ნახ. ნახაზი 1.3 გვიჩვენებს დახრილი ელემენტის ბუდობის მაგალითს მუქ ელემენტში. გამოიყენება შემდეგი HTML კოდის ფრაგმენტი: დახრილი

მონიშნეთ

მონიშნეთ და აი ტექსტი

თამამი და დახრილი განსაზღვრავს შრიფტის ვარიანტებს. ეს ეხება ტექსტის დონის ფიზიკურ ფორმატირების ტეგებს.

შრიფტის პარამეტრების პირდაპირ დოკუმენტის ტექსტში მინიჭება არღვევს დოკუმენტის შინაარსის გამიჯვნისა და დოკუმენტის პრეზენტაციის ფორმის აღწერის ძირითად იდეას. ამიტომ, HTML 4.0 სპეციფიკაციაში ეს ტეგი, ისევე როგორც ტეგი

მონიშნეთ კლასიფიცირებული, როგორც გაუქმებული. მათი შემდგომი გამოყენება არ არის რეკომენდებული.

მიუხედავად ამ საშინელი გაფრთხილებისა, როგორც ჩანს, ფიზიკური ფორმატირება შეიძლება ჩაითვალოს მისაღები უმარტივესი დოკუმენტებისთვის. გარდა ამისა, ფორმატირების საფუძვლების სწავლის დასაწყებად უმარტივესი გზაა ელემენტის ფორმატების პირდაპირ მითითების წესები. დამწყები დეველოპერი ჯერ კიდევ უნდა გაიზარდოს სტილის დიზაინში.

.

ეხება თანმიმდევრულ ელემენტებს, ამიტომ არ შეიძლება მოიცავდეს ბლოკის დონის ელემენტებს, მაგ.

    FACE პარამეტრი გამოიყენება შრიფტის ტიპის დასადგენად, რომელშიც მომხმარებლის მაყურებელი აჩვენებს ტექსტს (თუ ასეთი შრიფტი ხელმისაწვდომია კომპიუტერზე). ამ პარამეტრის მნიშვნელობა არის შრიფტის სახელწოდება, რომელიც ზუსტად უნდა ემთხვეოდეს იმ შრიფტის სახელს, რომელიც აქვს მომხმარებელს.

    თუ ასეთი შრიფტი არ არის ნაპოვნი, ეს ინსტრუქცია იგნორირებული იქნება და გამოყენებული იქნება ნაგულისხმევი შრიფტი.

    თქვენ შეგიძლიათ მიუთითოთ ერთი ან რამდენიმე შრიფტის სახელი, გამოყოთ ისინი მძიმეებით. ეს არის ძალიან სასარგებლო თვისება, რადგან სხვადასხვა სისტემას შეიძლება ჰქონდეს თითქმის იდენტური შრიფტები სხვადასხვა სახელებით. კიდევ ერთი მნიშვნელოვანი ხარისხი არის შრიფტების გამოყენების პრეფერენციების დაყენება. შრიფტების სია სკანირებულია მარცხნიდან მარჯვნივ. თუ მომხმარებლის კომპიუტერს არ აქვს ჩამოთვლილი შრიფტი პირველი, მცდელობა ხდება შემდეგი შრიფტის პოვნა და ა.შ.

    აქ მოცემულია FACE პარამეტრის გამოყენების მაგალითი:

    შრიფტების დანიშნულება

    შრიფტის სახელის მითითების მაგალითი.

ნახ. ნახაზი 1.4 გვიჩვენებს, თუ როგორ აჩვენებს Netscape ბრაუზერს მაგალითი. მაგალითში, Verdana ფონტი მითითებულია, როგორც სასურველი შრიფტი, თუ ის არ არის, გამოყენებული იქნება Arial შრიფტი და ა.შ.ბრინჯი. 1.4.

    Netscape ბრაუზერის მაგალითის ჩვენება

ეს პარამეტრი გამოიყენება შრიფტის ზომის დასადგენად თვითნებურ ერთეულებში 1-დან 7-მდე. შრიფტის კონკრეტული ზომა დამოკიდებულია მაყურებელზე, რომელსაც იყენებთ. ზოგადად მიღებულია, რომ "ნორმალური" შრიფტის ზომა შეესაბამება 3 მნიშვნელობას.

შრიფტის ზომის ნაგულისხმევი პარამეტრები, ისევე როგორც შრიფტის ზომის აბსოლუტური ცვლილების რაოდენობა, განსხვავდება ბრაუზერებს შორის. .

ნახ. ნახაზი 1.5 გვიჩვენებს Netscape ბრაუზერის პარამეტრების ფანჯარას, რომელიც ადგენს ნაგულისხმევ შრიფტებს.

შრიფტის ზომა მითითებულია როგორც აბსოლუტური მნიშვნელობა (SIZE=2) და როგორც ფარდობითი მნიშვნელობა (SIZE=+1). ეს უკანასკნელი მეთოდი ხშირად გამოიყენება ტეგის გამოყენებით ძირითადი შრიფტის ზომის დაყენებასთან ერთად

შენიშვნა

შრიფტის ზომის მითითებისას, ჩანაწერები, როგორიცაა "2" და "+2" (განსხვავებით პროგრამირების ენების უმეტესობისგან, რომლებშიც ერთიანი "+" ნიშანი შეიძლება გამოტოვდეს) ფუნდამენტურად განსხვავებულ შედეგებს იძლევა.აქ არის მაგალითი, რომელიც იყენებს სხვადასხვა მეთოდებს შრიფტის ზომის მინიჭებისთვის. ჩვენების მაგალითი ნაჩვენებია ნახ. 1.6.

ბრინჯი. 1.5. Netscape ბრაუზერის შრიფტის პარამეტრების ფანჯარა

ბრინჯი. 1.6.

შრიფტის ზომის მინიჭება

შრიფტის ზომის მინიჭება

შრიფტის ზომა 1

შრიფტის ზომა 2

შრიფტის ზომა 3

შრიფტის ზომა 4

შრიფტის ზომა 5

    ეს პარამეტრი ადგენს შრიფტის ფერს, რომელიც შეიძლება მითითებული იყოს სტანდარტული სახელების გამოყენებით ან #RRGGBB ფორმატში. აქ არის დოკუმენტის მაგალითი მრავალ ფერადი ტექსტით.

    შრიფტის ფერის არჩევა

    მწვანე ტექსტი

    წითელი ტექსტი

მონიშნეთ

მონიშნეთ გამოიყენება დოკუმენტში გამოყენებული ნაგულისხმევი შრიფტის ზომის, ტიპისა და ფერის დასაზუსტებლად. ეს მნიშვნელობები საჭიროა მთელი დოკუმენტისთვის, მაგრამ შეიძლება გადალახოს საჭირო ადგილებში ტეგის გამოყენებით . დახურვის ტეგის შემდეგტეგის მოქმედება მიმდინარეობს აღდგენა. შრიფტის ნაგულისხმევი პარამეტრები შეიძლება მრავალჯერ განისაზღვროს დოკუმენტში, ანუ ტეგში შეიძლება რამდენჯერმე გამოჩნდეს დოკუმენტში.

ნახ. ნახაზი 1.5 გვიჩვენებს Netscape ბრაუზერის პარამეტრების ფანჯარას, რომელიც ადგენს ნაგულისხმევ შრიფტებს.

მონიშნეთ ასევე შეიძლება გამოჩნდეს განყოფილებაში დოკუმენტი.

გაითვალისწინეთ, რომ ტეგისთვის არ არის დახურვის ნიშანი.

პარამეტრები შეიძლება იყოს ზუსტად იგივე, რაც ტეგისთვის , კერძოდ: FACE, SIZE და COLOR. პარამეტრების ჩაწერის მიზანი და წესები მსგავსია.

შენიშვნა

Netscape ბრაუზერი არ იძლევა FACE ტეგის პარამეტრს .

აქ მოცემულია ტეგის გამოყენების მაგალითი .

ბრინჯი. 1.6.

ნაგულისხმევი შრიფტით დაწერილი ტექსტი.

შრიფტის ზომა 2.

შრიფტის ზომა 4.

ტექსტი ცხრილის შემდეგ

ზემოთ მოყვანილი მაგალითი ორჯერ აჭარბებს შრიფტის ნაგულისხმევ ზომას. თავდაპირველად ეს არის 3 (ნაგულისხმევი). შემდეგ დაყენებულია 2, შემდეგ 4. ყურადღება მიაქციეთ ამ მაგალითის ჩვენებას (ნახ. 1.7). ჩანს, რომ ცხრილებისთვის ტეგის დანიშნულებაა არ მუშაობს. ეს დამახასიათებელია მრავალი ბრაუზერისთვის, თუმცა ფორმალურად არღვევს ტეგის გამოყენების იდეას.

ბრინჯი. 1.7.მაგალითის ჩვენება ტეგით (Netscape ბრაუზერი)

ტექსტი ცხრილის უჯრედში

HTML დოკუმენტებში ტექსტი ფორმატირდება შესაბამისი ტეგების გამოყენებით. ცხრილში ნაჩვენებია ტეგები, რომლებიც გამოიყენება სიმბოლოების ფორმატირებისთვის და მათ მიერ შექმნილი ეფექტი.

ტეგები ტექსტის ფორმატირებისთვის
HTML ტეგი ეფექტი მაგალითი
ტექსტი ტექსტის წერა თამამად ტექსტი
ტექსტი თამამი ტექსტი ტექსტი
ტექსტი ტექსტის დახრილი შრიფტით წერა ტექსტი
ტექსტი ტექსტის მნიშვნელოვანი ნაწილების მონიშვნა (ტექსტი გამოჩნდება დახრილი შრიფტით) ტექსტი
ტექსტი ხაზი გაუსვით ტექსტს ტექსტი
ტექსტი გადახაზული ტექსტი ტექსტი
ტექსტი ზედნაწერი 100 მ 2
ტექსტი გამოწერა H2SO4

გარდა ამისა, შეგიძლიათ განსაზღვროთ სხვადასხვა შრიფტის პარამეტრები. კერძოდ, ტეგის გამოყენებით ...დააყენეთ შრიფტის შრიფტი, შრიფტის ზომა და ფერი. ეს ტეგი არის ერთჯერადი და გავლენას ახდენს კონტეინერის შიგნით მოთავსებულ ყველა ტექსტზე.

  • FACE = "მნიშვნელობა"- შრიფტის შრიფტი. თუ მითითებული შრიფტი არ არის მომხმარებლის კომპიუტერში, მაშინ ტექსტი დაფორმატდება ნაგულისხმევი შრიფტის გამოყენებით. ატრიბუტში სახეზოგჯერ რამდენიმე შრიფტი იწერება მძიმით გამოყოფილი, შემდეგ ბრაუზერი ირჩევს შრიფტებს სიიდან: თუ პირველი აკლია, იყენებს მეორეს და ა.შ. ატრიბუტის მნიშვნელობა უნდა იყოს მითითებული ბრჭყალებში.
    მაგალითი:

    თაჰომა , Arial Black


    შედეგი:
    Tahoma Arial Black
  • SIZE ="მნიშვნელობა"- შრიფტის ზომა (მთლიანი რიცხვი 1-დან 7-მდე). ატრიბუტი ზომამინუს (ან პლუს) ნიშნით ნიშნავს, რომ შრიფტის ზომა შემცირდება (ან გაიზრდება) ნაგულისხმევთან შედარებით შესაბამისი ოდენობით. ხელმოუწერელი მნიშვნელობა განსაზღვრავს შრიფტის აბსოლუტურ ზომას.
    მაგალითი:

    1 ... 7


    შედეგი:
    1 , 2 , 3 , 4 , 5 , 6 , 7
  • COLOR = მნიშვნელობა- შრიფტის ფერი. როგორც ფერის მნიშვნელობა, შეგიძლიათ გამოიყენოთ ფერების სახელები ინგლისურად, როგორიცაა წითელი, მწვანე, ლურჯიდა ა.შ., ან თექვსმეტობითი მნიშვნელობები (დაწერილი თექვსმეტობითი აღნიშვნით) დაწყებული სიმბოლოთი # და თანმიმდევრულად მიუთითეთ წითელი, მწვანე და ლურჯი ფერები, რომლებიც უნდა იყოს შერეული სასურველი ჩრდილის მისაღებად. ეს უკანასკნელი უფრო სასურველია, რადგან პირველ შემთხვევაში, ჩრდილის არჩევანი დამოკიდებულია კლიენტის კონკრეტული ბრაუზერის პარამეტრებზე! მაგალითი:

    ტექსტი , ტექსტი


    შედეგი:
    ტექსტი, ტექსტი

ვებსაიტის შესაქმნელად, ისინი ჩვეულებრივ იყენებენ ფერების ერთობლიობას ე.წ. იგი შედგება 216 ელემენტისგან. "უსაფრთხო" ფერების თავისებურება ის არის, რომ ისინი არ იცვლება სხვადასხვა ბრაუზერის ან სხვადასხვა მონიტორზე ჩვენებისას, ანუ ეს პალიტრა უზრუნველყოფს ზუსტ წარმოდგენას იმის შესახებ, თუ რას აპირებდა ვებ დიზაინერი სხვადასხვა მონიტორზე. თუ თექვსმეტობითი მნიშვნელობის სამი კომპონენტიდან რომელიმე განსხვავდება 00 , 33 , 66 , 99 , SSან FF, მაშინ ფერი არ არის უსაფრთხო. ატრიბუტების მნიშვნელობები ზომატეგები ფერიშეგიძლიათ დაწეროთ ციტატების გარეშე, მაგრამ უმჯობესია ყველაფერი გააკეთოთ წესების მიხედვით.

არსებობს სხვა ტეგები, რომლებიც შეიძლება გამოყენებულ იქნას ტექსტის პარამეტრების შესაცვლელად:

  • ტექსტი- შრიფტის ზომის გაზრდა. ტექსტის სიმბოლოების ზომა ერთით იზრდება მიმდინარე დონესთან შედარებით.
  • ტექსტი- შრიფტის ზომის შემცირება. სიმბოლოების ზომა მცირდება ერთით მიმდინარე დონესთან შედარებით.
  • ტექსტი- გადახაზული ტექსტის შექმნა. ტექსტი გადაიჭრება ჰორიზონტალური ხაზით.
  • ტექსტი- აჩვენებს ტექსტს ან სურათს, როგორც „მცოცავი ხაზი“, მათ შორის მდებარე ტექსტით.

    HTML ტექსტისპეციფიკაციაში წარმოდგენილია ტეგებით ტექსტის ფორმატირებისა და დაჯგუფებისთვის. ტეგები კონტეინერებია ტექსტისთვის და არ აქვთ ვიზუალური ჩვენება.

    ტექსტის ფორმატირების ტეგები ატარებენ სემანტიკურ დატვირთვას და ჩვეულებრივ აყალიბებენ სტილს შიგნით ჩასმული ტექსტისთვის, მაგალითად, ტექსტის ხაზგასმა ან სხვა ოჯახის შრიფტით ჩვენება (შრიფტის ოჯახის თვისება).

    სწორად დაფორმატებული ტექსტი ცხადყოფს საძიებო სისტემებს, თუ რომელ სიტყვებს აქვთ მნიშვნელოვანი მნიშვნელობა და რომელი მათგანია სასურველი ვებ გვერდის რეიტინგისთვის ძიების შედეგებში. საიტზე ნაჩვენები ყველა ტექსტური ინფორმაცია მოთავსებულია ტეგის შიგნით .

    ტეგები HTML ტექსტისთვის

    1. სათაურის ტეგები

    სათაურები ვებგვერდის მნიშვნელოვანი ელემენტებია, ისინი აწესრიგებენ ტექსტს, აყალიბებენ მის ვიზუალურ სტრუქტურას. ტეგები

    ...

    უნდა იქნას გამოყენებული მხოლოდ ახალი განყოფილების ან ქვესექციის სათაურების ხაზგასასმელად. სათაურების გამოყენებისას აუცილებელია მათი იერარქიის გათვალისწინება, ე.ი. ამისთვის

    უნდა დაიცვას

    და ა.შ. ასევე დაუშვებელია სხვა ტეგების ჩასმა ტეგებში

    ...

    .

    1.1. მონიშნეთ

    რეკომენდირებულია გამოიყენოთ ზედა დონის სათაური მხოლოდ ერთხელ გვერდზე, ნაწილობრივ დუბლიკატით, თუ ეს შესაძლებელია. მონიშნეთ

    უნდა იყოს უნიკალური საიტის თითოეული გვერდისთვის. რეკომენდებულია ტეგის დაწერა სტატიის დასაწყისში, სათაურის ტექსტში საკვანძო სიტყვის გამოყენებით 2მ 0.67 მმ.

    1.2. მონიშნეთ

    იგი აღნიშნავს ტეგის ქვესათაურებს

    . შრიფტის ზომა ბრაუზერში არის 1.5 ე, ნაგულისხმევი ზედა და ქვედა ბალიშები 0.83 მმ.

    1.3. მონიშნეთ

    აჩვენებს თეგის ქვესათაურებს

    . შრიფტის ზომა ბრაუზერში არის 1.17 სთ, ნაგულისხმევი ზედა და ქვედა ბალიშები 1მ.

    1.4. ტეგები

    ,

    ,

    მიუთითეთ მეოთხე, მეხუთე და მეექვსე დონის ქვესათაურები. შრიფტის ზომა ბრაუზერში არის 1მ / 0.83 მმ / 0.67 მმ, ნაგულისხმევი ზედა და ქვედა ბალიშები 1.33 სთ / 1.67 მმ / 2.33 სთშესაბამისად.
    ხელმისაწვდომია ყველა ტეგისთვის.

    2. ტეგები ტექსტის ფორმატირებისთვის

    2.1. მონიშნეთ

    ადგენს თამამი შრიფტის სტილს. ხაზს უსვამს ტექსტს მის მნიშვნელობაზე ხაზგასმის გარეშე.
    ხელმისაწვდომია ტეგისთვის.

    2.2. მონიშნეთ

    აჩვენებს შრიფტს დახრილი შრიფტით, ტექსტს მნიშვნელობას მატებს.
    ხელმისაწვდომია ტეგისთვის.

    2.3. მონიშნეთ

    აჩვენებს შრიფტს დახრილი შრიფტით.
    ხელმისაწვდომია ტეგისთვის.

    2.4. მონიშნეთ

    ამცირებს შრიფტის ზომას ერთით ნორმალურ ტექსტთან შედარებით.
    ხელმისაწვდომია ტეგისთვის.

    2.5. მონიშნეთ

    განსაზღვრავს თამამი შრიფტის სტილს, რომელიც დაკავშირებულია ლოგიკური მარკირების ტეგებთან, რაც ბრაუზერს მიანიშნებს ტექსტის მნიშვნელობაზე.
    ხელმისაწვდომია ტეგისთვის.

    2.6. მონიშნეთ

    გამოიყენება ხელმოწერების შესაქმნელად. გადააქვს ტექსტი ხაზის დონის ქვემოთ, ამცირებს მის ზომას.
    ხელმისაწვდომია ტეგისთვის.

    2.7. მონიშნეთ

    გამოიყენება ხარისხების შესაქმნელად. გადააქვს ტექსტი ხაზის დონის ზემოთ, ამცირებს მის ზომას.
    ხელმისაწვდომია ტეგისთვის.

    2.8. მონიშნეთ

    ირჩევს ტექსტს დოკუმენტის ახალ ვერსიაში ხაზგასმით.

    2.9. მონიშნეთ

    კვეთს ტექსტს. გამოიყენება დოკუმენტიდან წაშლილი ტექსტის ხაზგასასმელად.
    ტეგისთვის ხელმისაწვდომია შემდეგი ატრიბუტები: cite, datetime.

    3. ტეგები „კომპიუტერის“ ტექსტის შესაყვანად

    3.1. მონიშნეთ

    გამოიყენება პროგრამის კოდის ფრაგმენტების ხაზგასასმელად. ნაჩვენებია monospace შრიფტით.
    ხელმისაწვდომია ტეგისთვის.

    3.2. მონიშნეთ

    მონიშნავს ფრაგმენტს, როგორც მომხმარებლის მიერ შეყვანილს კლავიატურიდან. ნაჩვენებია monospace შრიფტით.
    ხელმისაწვდომია ტეგისთვის.

    3.3. მონიშნეთ

    გამოიყენება პროგრამის შესრულების დროს მიღებული შედეგის ხაზგასასმელად. ნაჩვენებია monospace შრიფტით.
    ხელმისაწვდომია ტეგისთვის.

    3.4. მონიშნეთ

    ხაზს უსვამს ცვლადების სახელებს მათი დახრილი ასოებით ჩვენებით.
    ხელმისაწვდომია ტეგისთვის.

    3.5. მონიშნეთ 
    

    საშუალებას გაძლევთ აჩვენოთ ტექსტი ეკრანზე ორიგინალური ფორმატის შენარჩუნებისას.  სივრცეები და ხაზების წყვეტები არ არის ამოღებული. 
    ხელმისაწვდომია ტეგისთვის.
    

    4. ტეგები ციტატებისა და განმარტებების ფორმატირებისთვის
    

    4.1.  მონიშნეთ 
    

    გამოიყენება აბრევიატურების ფორმატირებისთვის.  ბრაუზერი ჩვეულებრივ ხაზს უსვამს მას წერტილოვანი ხაზით.  აბრევიატურა გაშიფრულია სათაურის ატრიბუტის გამოყენებით. 
    ხელმისაწვდომია ტეგისთვის.
    

    4.2.  მონიშნეთ 
    

    გამოიყენება ტექსტის მიმდინარე მიმართულების ჩასანაცვლებლად, ე.ი.  ტეგში ტექსტი ნაჩვენებია სარკისებურად. 
    dir ატრიბუტი ხელმისაწვდომია ტეგისთვის.
    

    4.3.  მონიშნეთ 
    

    ხაზს უსვამს ციტატებს დოკუმენტში შეწევისა და ხაზების წყვეტების გამოყენებით. 
    

    4.4.  მონიშნეთ 
    

    გამოიყენება მოკლე ციტატების ხაზგასასმელად.  ბრაუზერები ჩასმულია ბრჭყალებში. 
    ციტირების ატრიბუტი ხელმისაწვდომია ტეგისთვის.
    

    4.5.  მონიშნეთ 
    

    გამოიყენება ციტატების, ნამუშევრების სათაურების, სხვა დოკუმენტების სქოლიოების ხაზგასასმელად. 
    ხელმისაწვდომია ტეგისთვის.
    

    4.6.  მონიშნეთ 
    

    საშუალებას გაძლევთ მონიშნოთ ტექსტი, როგორც განმარტება.  სპეციალური ტეგის არსებობის მიუხედავად, რეკომენდებულია ტექსტის ხაზგასმა CSS-ის გამოყენებით. 
    სათაურის ატრიბუტი ხელმისაწვდომია ტეგისთვის.
    

    5. აბზაცები, ტექსტის შეფუთვის ხელსაწყოები
    

    5.1.  მონიშნეთ 
    

    ტექსტს ყოფს ცალკეულ აბზაცებად, ერთმანეთისგან ცარიელი ხაზით გამოყოფილი.  ბრაუზერი ავტომატურად ამატებს 1em ზედა და ქვედა ჩაღრმავებას, რომელიც ანგრევს მიმდებარე აბზაცების შეწევას. 
    ხელმისაწვდომია ტეგისთვის.
    

    5.2.  მონიშნეთ 
    

    გადააქვს ტექსტი შემდეგ სტრიქონზე, ქმნის ხაზს. 
    ხელმისაწვდომია ტეგისთვის.
    

    5.3.  მონიშნეთ 
    

    გამოიყენება ვებ გვერდის შინაარსის გამოსაყოფად.  ნაჩვენებია ჰორიზონტალური ხაზის სახით. 
    ხელმისაწვდომია ტეგისთვის.
    

    გამარჯობა, ძვირფასო მეგობრებო!  აბა, მზად ხართ განაგრძოთ HTML ენის სწავლა, რომელიც ერთი შეხედვით ადვილი არ არის?  ვფიქრობ კი.
    

    იმის გამო, რომ საბოლოოდ, რამდენიმე გაკვეთილის შემდეგ საკუთარი ხელით ვებსაიტის შექმნის საფუძვლების შესწავლის შესახებ, თქვენ იწყებთ ნავიგაციას ნიშნების, ტეგების, ატრიბუტების და ა.შ.
    

    დღევანდელ თემაზე მასალა მივუძღვენი ტექსტის დიზაინის ძალიან მნიშვნელოვან ელემენტს - html ტექსტის ფორმატირების ტეგებს.
    

    სულ ახლახან ვისწავლეთ როგორ გამოვიყენოთ.  დღეს ჩვენ დეტალურად განვიხილავთ ტექსტის ფორმატირებას და რედაქტირებას HTML-ში.
    

    ჩვენ აუცილებლად დაგვჭირდება HTML ტექსტის ფორმატირება, მხოლოდ მაშინ, როდესაც თქვენ საკუთარ ვებსაიტზე ხართ და ცდილობთ თქვენი მომხმარებლების ყურადღება მიიპყროთ რაიმე მნიშვნელოვან პუნქტზე.
    

    რაღაცის ხაზგასმა, ხაზგასმა, გამოსწორება, ბოლოს და ბოლოს.  ანუ html ტექსტის ფორმატირების ტეგების გამოყენების უამრავი ვარიანტია და ნებისმიერ შემთხვევაში დაგჭირდებათ.  უფრო სწორად, html ტეგების გამოყენების შესაძლებლობა.
    

    ნება მომეცით შეგახსენოთ რა არის HTML ტეგები.  ტეგები არის სპეციალური ნიშნები დოკუმენტის html მარკირებაში, რომელიც მიუთითებს html დოკუმენტის ელემენტების დასაწყისსა და დასასრულს.
    

    ამ შემთხვევაში, დოკუმენტის HTML ელემენტები შეიძლება არ შეიცავდეს ტექსტს, მაგალითად, გამოიყენება ხაზის ტეგი 
    , დახურვის ტეგის მითითების გარეშე.  ან დოკუმენტის html ელემენტები შეიძლება შეიცავდეს ატრიბუტებს, რომლებიც მიუთითებენ ტექსტის ზოგიერთ თვისებაზე, მაგალითად, html შრიფტის ტეგები მიუთითებს შრიფტის ზომაზე.
    

    დღეს ჩვენ განვიხილავთ html ტექსტის ფორმატირების ძირითად ტეგებს, რომლებიც გამოიყენება html-ში ტექსტის შესაქმნელად და რედაქტირებისთვის.
    

    ტექსტის ფორმატირების ტეგები html დოკუმენტში: კლასიფიკაცია
    

    HTML აბზაცის შესვენება და ხაზის შესვენების ტეგები
    

    HTML აბზაცის ტეგები ტექსტში დაწყვილებულია, მაგრამ დახურვის ტეგი არჩევითია.  html-ში ახალი აბზაცის შესაქმნელად, უბრალოდ განათავსეთ იგი აბზაცის დასაწყისამდე 
    ამ შემთხვევაში, ტექსტის აბზაცები გამოყოფილი იქნება ცარიელი ხაზით.
    

    ახალი ხაზის თეგის იძულება 
    .  ამის შემდეგ, ტექსტი იწყება ახალი ხაზით.
    

    მოდით შევხედოთ html კოდის მაგალითს ტექსტის აბზაცების მიხედვით ფორმატირებისთვის და გვერდებზე გასწორებისთვის.
    


    

    და ასე გამოიყურება ეს html დოკუმენტი ბრაუზერში
    

    

    HTML ტეგები დახრილი ტექსტისთვის
    

    ტეგების ეს ჯგუფი დაწყვილებულია.
    

    ტექსტი. გამოიყენება სათაურების ლოგიკური შერჩევისთვის: წიგნები, სტატიები, ციტატები.
    

    ტეგები ხაზგასმულია ნებისმიერი განმარტება.  ტეგები ტეგები , როგორც წესი, ხაზგასმულია ტექსტში ყველაზე მნიშვნელოვანი ფრაგმენტები.
    

    html კოდის მაგალითი ტექსტების დახრილობისთვის
    

    

    ბრაუზერში ჩვენი ტექსტი ასე გამოიყურება.
    

    

    თამამი html შრიფტისთვის პასუხისმგებელი ტეგები
    

    ტეგები და , ასევე არის დაწყვილებული ტეგები.  ორივე ტეგი გამოიყენება ერთნაირად, მაგრამ ექსპერტები გვირჩევენ ტეგის გამოყენებას .
    

    html დოკუმენტში ასე გამოიყურება
    

    

    და, შესაბამისად, ბრაუზერში ნახავთ ტექსტს თამამად.
    

    

    ტეგები, რომლებიც პასუხისმგებელნი არიან html ტექსტის ხაზგასმაზე
    

    ისინი, ისევე როგორც თამამი შრიფტის ტეგები, დაწყვილებულია.  ტეგები ტეგები და კვლავ ექსპერტები გვირჩევენ გამოიყენონ ერთ-ერთი ტეგი ტექსტის ხაზგასასმელად, კერძოდ: 
    

    ხაზგასმული ტექსტის მაგალითი html კოდი
    

    

    აი, როგორ გამოიყურება საბოლოო შედეგი ბრაუზერში.
    

    

    HTML ტეგები monospace შრიფტის შესაქმნელად
    

    შეგახსენებთ, რომ monospace შრიფტი არის შრიფტის ტიპი, რომელშიც ყველა სიმბოლო არის იგივე სიგანე.
    

    HTML დოკუმენტში monospace შრიფტის დასაფორმებლად გამოიყენება დაწყვილებული ტეგები: ; ტეგები 
    

    მოდით შევხედოთ მონოსივრცის ტექსტის ფორმატირებას მაგალითის გამოყენებით:
    

    

    და, შესაბამისად, შემდეგი სურათი გამოჩნდება თქვენს ბრაუზერში
    

    

    ტეგები ტექსტში ინდექსების (ზედა და ქვედა) ჩვენებისთვის
    

    სხვადასხვა მათემატიკური, ფიზიკური თუ ქიმიური მნიშვნელობებისა და ფორმულების საჩვენებლად, ძალიან ხშირად ვაწყდებით ინდექსის მითითების აუცილებლობას, მაგალითად, წყლის ფორმულა H 2 O. და თუ Word რედაქტორში ხელსაწყოთა ზოლი გვეხმარება, შემდეგ ტექსტური html დოკუმენტის შედგენისას საჭირო იქნება ფორმატირების ტეგები.
    

    ტეგები ჩვენ გამოვაჩენთ ინდექსს უფრო მცირე შრიფტის ზომით და ხაზის დონის ქვემოთ.  ტეგები ჩვენ გამოვაჩენთ ინდექსს უფრო მცირე შრიფტით, პირიქით, ხაზის დონის ზემოთ.
    

    მაგალითად, კოდი:
    

    

    ბრაუზერის ეკრანის გამომავალი
    

    

    html შრიფტის ტეგი და მისი ძირითადი პარამეტრები
    

    ტექსტი. დაწყვილებულია და შეიცავს html ტექსტის შრიფტის ძირითად პარამეტრებს:
    

    ფონტის სახელი:სახე.  შეიძლება გამოყენებულ იქნას რამდენიმე სახელი, გამოყოფილი მძიმეებით.  უფრო მეტიც, თუ თანმიმდევრობით მითითებული შრიფტი არ არის ნაპოვნი მომხმარებლის კომპიუტერში, ბრაუზერი ეძებს შემდეგს.
    

    შრიფტის ზომა: ზომა.  მითითებულია ერთიდან 7-მდე ჩვეულებრივ ერთეულებში.  HTML ნაგულისხმევი ტექსტის შრიფტი არის 3.
    

    შრიფტის ფერიhtml: ფერი.  ნაგულისხმევი ყოველთვის შავია.  HTML დოკუმენტში შრიფტის ფერის შესაყვანად ორი ვარიანტია:
    

    • ფერის სახელით.  მაგალითად: ფერი=”შავი” - შავი ფერი.
      • 

    • კოდით (თექვსმეტობითი ფერის კოდი).  კოდი იწყება სიმბოლოთი "#" და მოიცავს ექვს ციფრს, მაგალითად :
#000000 - შავი ფერი.
      • 

    html ფერების და კოდების ცხრილი, მაგალითად, აქ არის: goo.gl/1i4vZ.  შეგიძლიათ საძიებო სისტემაში ჩაწეროთ მოთხოვნა „html ფერადი ცხრილები“ ​​და აირჩიოთ თქვენთვის სასურველი ცხრილი.
    

    html შრიფტის ტეგის გამოყენების მაგალითი
    

    

    ჩვენ ვხედავთ შემდეგ ტექსტს ბრაუზერის ფანჯარაში და მოხარული ვართ, რომ ყველაფერი გამოგვივიდა.
    

    

    როგორ გავაზიაროთ html ტექსტის ფორმატირების ტეგები
    

    მაგალითად, თქვენ გჭირდებათ ტექსტის შექმნა გაბედული წითელი დახრილი
.  ამ ოპერაციისთვის უნდა ვეცადოთ გამოვიყენოთ ფორმატირების ტეგები: ძლიერი, შრიფტი და em.
    

    როგორ გავაკეთოთ ეს?  ფორმატირების ტეგების გაზიარების პირველი მნიშვნელოვანი პირობა არის html ტეგების წყობის თანმიმდევრობის დაცვა.  ტეგი, რომელიც პირველად იხსნება, ბოლოს იხურება.
    

    თანმიმდევრობის მაგალითი:
    

    • ტექსტი მონიშნულია წითლად
      • 

    • მოათავსეთ ტექსტი დახრილი html ტეგში
      • 

    • და ბოლოს, ჩვენ ვამაგრებთ ყველაფერს თამამ ტეგებში
      • 

    

    შედეგად, ბრაუზერის ფანჯარაში ჩვენ ვხედავთ რა გავაკეთეთ
    

    

    სწორედ აქ დავასრულებთ მუშაობას, ალბათ, ძირითადი html ტეგებით html დოკუმენტების ტექსტის ფორმატირებისთვის.  ვიმედოვნებ, რომ ახლა გესმით html ტეგებთან მუშაობის მეთოდი და ეს მასალა არ იქნება ზედმეტი თქვენი ვებსაიტის შექმნისას.
    

    ჩვენ გამოვაქვეყნეთ ახალი წიგნი სოციალური მედიის კონტენტ მარკეტინგი: როგორ შევიდეთ თქვენი მიმდევრების თავებში და შეაყვაროთ ისინი თქვენი ბრენდი.
    
 
 
    
 
     
    
 
    გამოწერა
    

    
 
    

    Html ტეგები ტექსტისთვის არის ტეგები, რომლებიც ცვლის მათში შემავალი შინაარსის დიზაინს.
    

    ეს იდეა გაჩნდა ბეჭდური გამომცემლებისგან.  რედაქტორებმა მინდვრებში აღნიშნეს, რა იყო სათაური და როგორ უნდა ჩამოყალიბდეს სია.
    

    იგივე ეხება ტეგებს.  ისინი მიუთითებენ რა სტილი უნდა ჰქონდეს ელემენტს.
    

    ტეგები და ელემენტები
    

    თითოეული ტეგი ასე გამოიყურება:
    

    <Название тега>
    

    ელემენტი არის ტეგისა და მისი შინაარსის კოლექცია.  ბევრი მათგანი მოითხოვს დახურვის ტეგს:
    

    

    ეს განსაკუთრებით ეხება ტექსტურ ტეგებს.  დახურვა აჩვენებს, როდის უნდა შეწყდეს ფორმატირება ან დასრულდეს ბლოკი, ცხრილი, სათაური და ა.შ. 
    ელემენტების მაგალითები:
    

    • სათაური
      • 

    • დაბლოკვა
      • 

    • ფორმატირების ტეგები შეიძლება იყოს ჩასმული ერთმანეთში.
      • 

    ზოგიერთი ელემენტი არ საჭიროებს დახურვას
    

      • 

      • 

    ასეთ შემთხვევებში კონტენტი არ არის და ბრაუზერი უბრალოდ ათავსებს მოცემულ ობიექტს ეკრანზე.  პირველ შემთხვევაში ეს არის ნახატი, მეორეში ეს არის ხაზი.  დახურვა გამოიყენება, როდესაც ელემენტს აქვს შინაარსი: ტექსტი და/ან სხვა ტეგები.
    

    იცის, რისთვის არის განკუთვნილი თითოეული ტეგი და როგორ მოიქცევა ელემენტში „შეფუთული“ შინაარსი.
    

    დიზაინის პარადიგმა თანამედროვე ვებსაიტებისთვის
    

    თავდაპირველად მარკირებამ შესაძლებელი გახადა ორივე გვერდის დიზაინი და ბლოკების ლოგიკური დანიშნულების მითითება.  HTML 5.0-ის ახალი ვერსია ფოკუსირებულია ლოგიკურ მარკირებაზე.  ამ გზით განისაზღვრება გვერდის თემატური სექციები.  ეს მიდგომა უადვილებს როგორც საძიებო სისტემებს, ასევე ადამიანებს ნავიგაციას კოდით.
    

    ყველა დიზაინი შესრულებულია სტილისტურ ცხრილებში წესების სახით.  თითოეული ელემენტისთვის კლასის ან იდენტიფიკატორის მინიჭებით, განლაგების დიზაინერი განსაზღვრავს სტილის თვისებებს და ადგენს მის მნიშვნელობას.  სტილების ცალკე ფაილში შენახვა საშუალებას გაძლევთ შექმნათ ერთიანი დიზაინი საიტის ყველა გვერდისთვის.
    

    

    მაგრამ ყველაზე დიდი უპირატესობა არის მთელი რესურსის დიზაინის შეცვლის სიმარტივე.  ფონის ერთი მნიშვნელობის შეცვლით, განლაგების დიზაინერი იღებს ახალ ფონს ყველა გვერდზე, სადაც ეს წესი იყო გამოყენებული.
    

    გვერდის დადასტურება
    

    ვებსაიტის პოპულარიზაციისას მნიშვნელოვან როლს ასრულებს მისი ვალიდობა: კოდის „სისწორე“ და მის სტანდარტებთან შესაბამისობა.  ვინაიდან ამჟამად არსებობს ორი საერთო HTML სტანდარტი - 4 და 5, გამოიყენება სხვადასხვა ტიპის დოკუმენტის ტიპის დეკლარაცია:
    

    1. მკაცრი.  არ შეიცავს შრიფტის ტეგებს და ა.შ. ეს არის წესების „მკაცრი“ ნაკრები HTML 4 განლაგებისთვის.
      2. 

    2. გარდამავალი.  გამოიყენება საიტებისთვის, რომლებიც დაიწერა ახალი სტანდარტების გამოჩენამდე.  ნებადართულია მემკვიდრეობითი ტეგები.
      3. 

    3. HTML.  უახლესი სტანდარტის მხარდაჭერა.
      4. 

    ყველა დოკუმენტი უნდა ეყრდნობოდეს და დაიცვას წესები.  გამოიყენება მხოლოდ სტანდარტით დაშვებული ელემენტები.  ამის გამო, ახალი სტანდარტი განსაზღვრავს ტეგებს, რომლებიც მოძველებულად ითვლება.  მათი გამოყენება არ არის რეკომენდებული.  ეს მოიცავს ტეგების უმეტესობას, რომლებიც განკუთვნილია მხოლოდ შინაარსის ფორმატირებისთვის.
    

    საიტის მოქმედების შემოწმება შეგიძლიათ W3C-ის ოფიციალურ ვებსაიტზე, ორგანიზაციის სადაც იქმნება სტანდარტები.
    

    

    HTML ტექსტის ფორმატირების ტეგები
    

    ისინი შეიძლება დაიყოს დიზაინად და ლოგიკურად.  ეს უკანასკნელი ცვლის სტილს, მაგრამ ამავე დროს აჩვენებს შინაარსის ბლოკის დანიშნულებას.  მაგალითად, ციტატები ან მანქანის კოდი.
    

    განვიხილოთ ყველა ის ელემენტი, რომელიც საშუალებას გაძლევთ შექმნათ საიტის ტექსტური ნაწილი.
    

    • - ცხიმოვანი გამონადენი. 
      • 

    

    • - დააყენეთ გვერდის ნაგულისხმევი ფერი და შრიფტი.  არ არის რეკომენდებული გამოსაყენებლად.
      • 

    • - ზრდის შრიფტის ზომას ერთი ერთეულით.  სულ შვიდია.  სტანდარტული დეკორატიულ სიმბოლოს აქვს ზომა 3. ტეგის ბუდე გაიზრდება დამატებითი ერთეულით თითოეულ დონეზე.  CSS-ში ექვივალენტი არის შრიფტის ზომის თვისება.
      • 

    

    • - ლოგიკურად მონიშნეთ ტექსტი, როგორც ციტატა ან სქოლიო.  სიმბოლოები ფორმატირებულია დახრილებით, მაგრამ ეს შეიძლება შეიცვალოს სტილის ფურცელში.
      • 

    

    • - გამომავალი სიმბოლოები, რომლებიც მონიშნულია როგორც პროგრამის კოდი.  შექმნილია შემცირებული ზომის მონოსივრცის ტექსტით (ყველა სიმბოლოს აქვს იგივე სიგანე).
      • 

    

    • - ამ ტეგში აუცილებელია სტატიაში ტერმინის პირველი ხსენება.  ყველა ბრაუზერში ნაჩვენებია დახრილი შრიფტით.
      • 

    

    • - გამოიყენება შინაარსის ნაწილზე ყურადღების გასამახვილებლად.  ეს არის დახრილი.  CSS შრიფტის სტილის ანალოგი.
      • 

    • - ყველაზე აკრძალული ტეგი ტექსტისთვის თანამედროვე მარკირებაში.  ბრაუზერები კვლავ მხარს უჭერენ მას, რადგან ბევრი ჩაშენებული რედაქტორი იყენებს მას ზომისა და შრიფტის დასადგენად.  მაგრამ ხელით განლაგებისთვის, ჩვენ არ გირჩევთ ამ ფორმატირების მეთოდის გამოყენებას.  უმჯობესია გამოიყენოთ CSS შრიფტის ზომისა და ფერის თვისებები - ანალოგების წერა .
      • 

    

    • -
      - შინაარსის სათაურების სტრუქტურის ლოგიკური შერჩევა.  ტექსტი გახსნის და დახურვის ტეგებს შორის არის თამამი და არარეგულარული ზომის.  მთავარ სათაურს H1 აქვს ყველაზე დიდი შრიფტი, h6 ყველაზე პატარა.
      • 

    

    • - დახრილი.  უახლესი სტანდარტებით არ აინტერესებს, მაგრამ შრიფტის სტილი რეკომენდებულია.
      • 

    • - განსაზღვრავს კლავიატურაზე დაბეჭდილი ტექსტის მონოსივრცის შრიფტის იმიტაციას.
      • 

    

    • - შინაარსის ლოგიკური შერჩევა.  გარდა ამისა, Chrome და FireFox ხაზს უსვამენ მას ყვითელ ფონზე.
      • 

    

    • პარაგრაფი.  ამ ტეგით მონიშნული კონტენტი იწყება ახალი ხაზით.  მათ შორის არის შეწევა.  არ საჭიროებს დახურვის ტეგს, ახალი აბზაცი იწყება, როდესაც გამოჩნდება ნებისმიერი ბლოკის ელემენტი.
      • 

    • გამოიყენება ტექსტის ფორმატისთვის, როგორც ეს იყო მითითებული განლაგების დროს.  ნაგულისხმევად, HTML-ში ნებისმიერი რაოდენობის თანმიმდევრული სივრცე გარდაიქმნება ერთად და ჩვეულებრივი დეფისები არ არის გათვალისწინებული.  წინა ელემენტი ითვალისწინებს პერსონაჟის პოზიციას.>
      • 

    

    • - ხაზს უსვამს ციტატებს, ტექსტი ნაჩვენებია ბრჭყალებში.
      • 

    • - ეკრანზე აჩვენებს სიმბოლოებს პროგრამის შესრულების შედეგად.  გამოიყენება monospace შრიფტი.
      • 

    

    • - ასრულებს დიდი ელემენტის საპირისპიროს, ამცირებს სიმბოლოების ზომას ჩვეულებრივი ერთეულით.
      • 

    

    • - კვეთს ტექსტს.  შემოკლებული ელემენტის ანალოგი.  არ არის რეკომენდებული გამოსაყენებლად.  CSS ტექსტის დეკორაციის ანალოგი მნიშვნელობით line-through.
      • 

    

    • - თამამი სტილი.  ლოგიკურად ხაზს უსვამს ტექსტს.
      • 

    • - აჩვენებს სიმბოლოს ხელმოწერაში.  მოთავსებულია სტანდარტული საბაზისო ხაზის ქვემოთ, რომელზეც განლაგებულია სიმბოლოები და აქვს შემცირებული ზომა.  CSS იყენებს ვერტიკალურ გასწორებას.
      • 

    • - კომპიუტერული პროგრამის კოდის გამოტანისას, ყველა ცვლადი ჩართულია ამ ტეგში.  დახრილი ისინი.
      • 

    • - აჩვენებს ტექსტს ისე, როგორც წერია გვერდის კოდში.  წინამორბედის მსგავსი.</li>
</ul><h2>სპეციალური პერსონაჟები</h2>
<p>გარდა ტექსტისა და მედიის შინაარსისა, შეგიძლიათ გვერდზე მცირე სურათების ჩვენება.  ისინი ჰგავს ხატებს, მაგრამ ჩასმულია ტექსტში არა როგორც სურათები, არამედ სპეციალური სიმბოლოები.  რამდენიმე მაგალითი მოცემულია ცხრილში.</p>
<p>ასევე HTML 5-ში გამოჩნდა ფული, ბარათის კოსტიუმები და ჰოროსკოპის ნიშნები.</p>
<p>გამოიყენეთ ტექსტური ტეგები HTML მარკირებაში, რომლებიც ხაზს უსვამენ ტექსტის ლოგიკურ მნიშვნელობას.  არ არის საჭირო შინაარსის თითოეული ნაწილის ცალკე დიზაინი.  ეს დასაშვებია მხოლოდ იმ შემთხვევაში, თუ ზუსტად იცით, რომ მსგავსი ფორმატირება სხვაგან არ განმეორდება.  იგივე სტილისთვის გამოიყენეთ CSS კლასები.</p>
<p>მომავალში, ეს მიდგომა დაზოგავს დროს დიზაინის შეცვლაზე, ასევე გაზრდის საძიებო სისტემების TOP-ში მოხვედრის შანსებს.</p>

<script type="text/javascript">
<!--
var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})()
//-->
</script><br>
<br>
<script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+
	escape(document.referrer)+((typeof(screen)=="undefined")?"":
	";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
	screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+
	";"+Math.random()+
	"border='0' width='1' height='1' loading=lazy loading=lazy>");</script>
                                </div>


                                






                            </div>

                        </article>

                    </div>
                    


                    




                </div>
                



                
                    <div id="secondary">

    <aside id="search-2" class="widget widget_search clearfix">
        <form action="/" class="search-form searchform clearfix" method="get">
            <div class="search-wrap">
                <input type="text" placeholder="ძიება" class="s field" name="s">
                <button class="search-icon" type="submit"></button>
            </div>
        </form>
        
    </aside>
    <aside id="recent-posts-2" class="widget widget_recent_entries clearfix">
        <h3 class="widget-title"><span>უახლესი პოსტები</span></h3>
        <ul>
                             <li>
                    <a href="https://olegshein.ru/ka/download/luchshie-hdmi-adaptery-dlya-televizora-besprovodnoi-wifi-adapter-dlya-televizora/">უკაბელო WiFi ადაპტერი ტელევიზორისთვის</a>
                </li>
                             <li>
                    <a href="https://olegshein.ru/ka/oshibki-i-devajjsov/kak-vosstanovit-vatsap-soobshcheniya-perepisku-chaty-esli-udalil/">როგორ გავიგოთ, რომ მომხმარებელმა წაშალა WhatsApp მისი ტელეფონიდან?</a>
                </li>
                             <li>
                    <a href="https://olegshein.ru/ka/reviews/gde-nakleit-plenku-na-smartfon-kak-st-klyshko-kak-samomu-nakleit-zashchitnuyu/">სად უნდა დადოთ ფილმი თქვენს სმარტფონზე</a>
                </li>
                             <li>
                    <a href="https://olegshein.ru/ka/error-itunes/ed-soshial-nakrutka-golosov-v-oprose-vk-nakrutka-oprosov/">VKontakte გამოკითხვების მოტყუება</a>
                </li>
                             <li>
                    <a href="https://olegshein.ru/ka/malfunction/mozhno-li-vosstanovit-dannye-s-sd-karty-vosstanovlenie-dannyh/">მონაცემების აღდგენა დაზიანებული ან არ მუშაობს მეხსიერების ბარათიდან</a>
                </li>
                             <li>
                    <a href="https://olegshein.ru/ka/apps-and-books/zvonim-s-ipad-na-telefony-mozhno-li-zvonit-s-ipad-mini-i-drugih-aipadov/">შესაძლებელია თუ არა დარეკვა iPad mini-დან და სხვა iPad-ებიდან, ჩვენ ვიყენებთ საუკეთესო აპლიკაციებს?</a>
                </li>
                             <li>
                    <a href="https://olegshein.ru/ka/applied/kak-poyavilsya-vertep-chto-simvoliziruet-karamelnaya-trost-i-drugie/">"Candy Cane", უჩვეულო კანფეტის ზოლიანი ისტორია ეს საინტერესოა!</a>
                </li>
                             <li>
                    <a href="https://olegshein.ru/ka/battery-and-power-consumption/zaryadit-akkumulyator-telefona-napryamuyu-shema-zaryazhaem/">დატენეთ თქვენი ტელეფონის ბატარეა ტელეფონის გარეშე</a>
                </li>
            
            
            
            
            
        </ul>
    </aside>
    <aside id="text-5" class="widget widget_text clearfix">
        <div class="textwidget">
            <script type="text/javascript" src="//vk.com/js/api/openapi.js?144"></script>

            
            <div id="vk_groups"></div>
        </div>
    </aside>
    <aside id="text-4" class="widget widget_text clearfix">
        <div class="textwidget">

            

        </div>
    </aside>
    
    <aside id="text-3" class="widget widget_text clearfix">
        <div class="textwidget">
            
          

        </div>
    </aside>
</div>
                



            </div>
            
        </div>
        

        
            <footer id="colophon" class="clearfix">

    <div class="footer-socket-wrapper clearfix">
        <div class="inner-wrap">
            <div class="footer-socket-area">
                <div class="footer-socket-right-section">
                </div>
                <div class="footer-socket-left-sectoin">
                    <div class="copyright">2024 წელი <a href="https://olegshein.ru/ka/" title="olegshein.ru"><span>olegshein.ru</span></a>.  ოლეგ შეინის კომპიუტერული კლუბი. <br></div>
                </div>
            </div>
        </div>
    </div>
</footer>
        

        <a href="#masthead" id="scroll-up"><i class="fa fa-chevron-up"></i></a>
    </div>
    
    <script type="text/javascript">
        var q2w3_sidebar_options = new Array();
        q2w3_sidebar_options[0] = {
            "sidebar": "colormag_right_sidebar",
            "margin_top": 10,
            "margin_bottom": 0,
            "stop_id": "",
            "screen_max_width": 0,
            "screen_max_height": 0,
            "width_inherit": false,
            "refresh_interval": 1500,
            "window_load_hook": false,
            "disable_mo_api": false,
            "widgets": ['text-3']
        };
    </script>
    <script type="text/javascript">
        (function(w, doc) {
            if (!w.__utlWdgt) {
                w.__utlWdgt = true;
                var d = doc,
                    s = d.createElement('script'),
                    g = 'getElementsByTagName';
                s.type = 'text/javascript';
                s.charset = 'UTF-8';
                s.async = true;
                s.src = ('https:' == w.location.protocol ? 'https' : 'http') + '://w.uptolike.com/widgets/v1/uptolike.js';
                var h = d[g]('body')[0];
                h.appendChild(s);
            }
        })(window, document);
    </script>
    <div style="text-align:left;" data-lang="ru" data-url="/global-blue-vozvrat-tax-free-v-minske/" data-background-alpha="0.0" data-buttons-color="#FFFFFF" data-counter-background-color="#ffffff" data-share-counter-size="12" data-top-button="false" data-share-counter-type="common"
        data-share-style="1" data-mode="share" data-like-text-enable="false" data-mobile-view="true" data-icon-color="#ffffff" data-orientation="fixed-left" data-text-color="#000000" data-share-shape="round-rectangle" data-sn-ids="fb.vk.tw.ok.gp.ps.mr.ln."
        data-share-size="30" data-background-color="#ffffff" data-preview-mobile="false" data-mobile-sn-ids="fb.vk.ok.wh.vb." data-pid="cmsvpolshuby" data-counter-background-alpha="1.0" data-following-enable="false" data-exclude-show-more="true" data-selection-enable="true"
        class="uptolike-buttons"></div>
    <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/pwebcontact/media/bootstrap-2.3.2/js/bootstrap.min.js?ver=2.3.2'></script>
    <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/pwebcontact/media/js/jquery.validate.min.js?ver=1.15.0'></script>
    <script type='text/javascript'>
        /* <![CDATA[ */
        var pwebcontact_l10n = pwebcontact_l10n || {};
        pwebcontact_l10n.form = {
            "INIT": "Initializing form...",
            "SENDING": "Sending...",
            "SEND_ERR": "Wait a few seconds before sending next message",
            "REQUEST_ERR": "Request error: ",
            "COOKIES_ERR": "Enable cookies and refresh page to use this form"
        };
        /* ]]> */
    </script>
    <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/pwebcontact/media/js/jquery.pwebcontact.min.js?ver=2.3.0'></script>
    <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/simple-tooltips/zebra_tooltips.js?ver=4.4.13'></script>
    <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js?ver=3.51.0-2014.06.20'></script>

    <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.5.1'></script>
    <script type='text/javascript'>
        /* <![CDATA[ */
        var tocplus = {
            "visibility_show": "\u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c",
            "visibility_hide": "\u0441\u043a\u0440\u044b\u0442\u044c",
            "width": "Auto"
        };
        /* ]]> */
    </script>
    <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/table-of-contents-plus/front.min.js?ver=1509'></script>

    <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/wp-cloudy/js/wp-cloudy-ajax.js?ver=4.4.13'></script>
    <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/mistape/assets/js/modernizr.custom.js?ver=1.3.3'></script>

    <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/mistape/assets/js/mistape-front.js?ver=1.3.3'></script>
    <script type='text/javascript' src='https://olegshein.ru/wp-content/themes/colormag/js/jquery.bxslider.min.js?ver=4.1.2'></script>
    <script type='text/javascript' src='https://olegshein.ru/wp-content/themes/colormag/js/colormag-slider-setting.js?ver=4.4.13'></script>
    <script type='text/javascript' src='https://olegshein.ru/wp-content/themes/colormag/js/navigation.js?ver=4.4.13'></script>
    <script type='text/javascript' src='https://olegshein.ru/wp-content/themes/colormag/js/fitvids/jquery.fitvids.js?ver=20150311'></script>
    <script type='text/javascript' src='https://olegshein.ru/wp-content/themes/colormag/js/fitvids/fitvids-setting.js?ver=20150311'></script>
    <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/q2w3-fixed-widget/js/q2w3-fixed-widget.min.js?ver=5.0.4'></script>
    <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.4.13'></script>
    <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/easy-fancybox/fancybox/jquery.fancybox-1.3.8.min.js?ver=1.6.2'></script>
    <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/easy-fancybox/js/jquery.easing.min.js?ver=1.4.0'></script>
    <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/easy-fancybox/js/jquery.mousewheel.min.js?ver=3.1.13'></script>
    


    <div id="pwebcontact1" class="pwebcontact pweb-bottom pweb-offset-right pweb-slidebox pweb-theme-free pweb-labels-above pweb-horizontal" dir="ltr">

             <div id="pwebcontact1_toggler" class="pwebcontact1_toggler pwebcontact_toggler pweb-closed pweb-theme-free">
          <span class="pweb-text">რაიმე შეკითხვა?</span>
          <span class="pweb-icon"></span>
      </div>

        <div id="pwebcontact1_box" class="pwebcontact-box pweb-slidebox pweb-theme-free pweb-labels-above pweb-horizontal pweb-init" dir="ltr">

            <div class="pwebcontact-container-outset">
                <div id="pwebcontact1_container" class="pwebcontact-container">
                    <div class="pwebcontact-container-inset">




                        <form name="pwebcontact1_form" id="pwebcontact1_form" class="pwebcontact-form" action="/" method="post" accept-charset="utf-8">


                            <div class="pweb-fields">
                                <div class="pweb-row">
                                    <div>
                                        <div class="pweb-field-container pweb-field-name pweb-field-name">
                                            <div class="pweb-label">
                                                <label id="pwebcontact1_field-name-lbl" for="pwebcontact1_field-name">სახელი</label>
                                            </div>
                                            <div class="pweb-field">
                                                <div class="pweb-field-shadow">
                                                    <input type="text" name="fields[name]" id="pwebcontact1_field-name" autocomplete="on" class="pweb-input" value="" data-role="none">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="pweb-row">
                                    <div>
                                        <div class="pweb-field-container pweb-field-email pweb-field-email">
                                            <div class="pweb-label">
                                                <label id="pwebcontact1_field-email-lbl" for="pwebcontact1_field-email">ელფოსტა <span class="pweb-asterisk">*</span>							</label>
                                            </div>
                                            <div class="pweb-field">
                                                <div class="pweb-field-shadow">
                                                    <input type="email" name="fields[email]" id="pwebcontact1_field-email" autocomplete="on" class="pweb-input required" value="" data-role="none">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="pweb-row">
                                    <div>
                                        <div class="pweb-field-container pweb-field-textarea pweb-field-message">
                                            <div class="pweb-label">
                                                <label id="pwebcontact1_field-message-lbl" for="pwebcontact1_field-message">შეტყობინება <span class="pweb-asterisk">*</span>							</label>
                                            </div>
                                            <div class="pweb-field">
                                                <div class="pweb-field-shadow">
                                                    <textarea name="fields[message]" id="pwebcontact1_field-message" cols="50" rows="5" class="required" data-role="none"></textarea>
                                                </div>

                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="pweb-row">
                                    <div>
                                        <div class="pweb-field-container pweb-field-buttons">
                                            <div class="pweb-field">
                                                <button id="pwebcontact1_send" type="submit" class="btn pweb-button-send" data-role="none">გაგზავნა</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="pweb-msg pweb-msg-after">
                                <div id="pwebcontact1_msg" class="pweb-progress">
                                    <script type="text/javascript">
                                        document.getElementById("pwebcontact1_msg").innerHTML = "Initializing form..."
                                    </script>
                                </div>
                            </div>
                            <input type="hidden" name="5eb40beb9e" value="1" id="pwebcontact1_token">
                        </form>


                    </div>
                </div>
            </div>

        </div>
    </div>


    

    <script type="text/javascript">
        jQuery(function() {

            jQuery(".tooltips img").closest(".tooltips").css("display", "inline-block");

            new jQuery.Zebra_Tooltips(jQuery('.tooltips').not('.custom_m_bubble'), {
                'background_color': '#000000',
                'color': '#ffffff',
                'max_width': 250,
                'opacity': 0.95,
                'position': 'center'
            });


        });
    </script>
    <script type="text/javascript">
        jQuery(document).on('ready post-load', function() {
            jQuery('.nofancybox,a.pin-it-button,a[href*="pinterest.com/pin/create"]').addClass('nolightbox');
        });
        jQuery(document).on('ready post-load', easy_fancybox_handler);
        jQuery(document).on('ready', easy_fancybox_auto);
    </script>
    <div id="mistape_dialog" data-mode="comment" data-dry-run="0">
        <div class="dialog__overlay"></div>
        <div class="dialog__content">
            <div id="mistape_confirm_dialog" class="mistape_dialog_screen">
                <div class="dialog-wrap">
                    <div class="dialog-wrap-top">
                        <h2>შეატყობინეთ შეცდომას</h2>
                        <div class="mistape_dialog_block">
                            <h3>ტექსტი, რომელიც გაეგზავნება ჩვენს რედაქტორებს:</h3>
                            <div id="mistape_reported_text"></div>
                        </div>
                    </div>
                    <div class="dialog-wrap-bottom">
                        <div class="mistape_dialog_block comment">
                            <h3><label for="mistape_comment">თქვენი კომენტარი (სურვილისამებრ):</label></h3>
                            <textarea id="mistape_comment" cols="60" rows="3" maxlength="1000"></textarea>
                        </div>
                        <div class="pos-relative">
                        </div>
                    </div>
                </div>
                <div class="mistape_dialog_block">
                    <a class="mistape_action" data-action="send" data-id="389" role="button">გაგზავნა</a>
                    <a class="mistape_action" data-dialog-close role="button" style="display:none">გაუქმება</a>
                </div>
                <div class="mistape-letter-front letter-part">
                    <div class="front-left"></div>
                    <div class="front-right"></div>
                    <div class="front-bottom"></div>
                </div>
                <div class="mistape-letter-back letter-part">
                    <div class="mistape-letter-back-top"></div>
                </div>
                <div class="mistape-letter-top letter-part"></div>
            </div>
        </div>
    </div>





<script type="text/javascript">
<!--
var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})()
//-->
</script><br>
<br>
</body>

</html>