სატურაცია არის შრიფტის ხაზების სისქის ზრდა და, შესაბამისად, კონტრასტი. ჩვეულებრივ არსებობს ოთხი სახის გაჯერება: მსუბუქი, ნორმალური, თამამი და თამამი. ამასთან, HTML– ის საშუალებით შეგიძლიათ დააყენოთ მხოლოდ ჩვეულებრივი და თამამი სტილი. თამამი ტექსტის დასადგენად გამოიყენება ორი ნიშანი: და .
სქელი შრიფტი ძლიერი ტექსტის შერჩევა
დახრილი სტილი
დახრილი ტიპი არ არის მხოლოდ ინდივიდუალური სიმბოლოების დახრილობა, ზოგიერთი შრიფტისთვის ეს არის ახალი სტილის სრული რემონტი, რომელიც მიბაძავს ხელწერას. ორი ნიშანი განსაზღვრავს ტექსტის დახრილს: და .
დახრილი შრიფტის სტილი ტექსტის შერჩევა
უნდა აღინიშნოს, რომ წარწერები და , ისევე, როგორც და მიუხედავად იმისა, რომ ისინი მოქმედებით მსგავსია, ისინი მთლად ექვივალენტური და ჩანაცვლებადი არ არის. პირველი ნიშანი - არის ფიზიკური მარკირების ნიშანი და ადგენს ტექსტს სქლად და თეგად - ლოგიკური ნიშნის ნიშნით და ხაზს უსვამს მონიშნულ ტექსტს. თეგების ეს გამოყოფა ლოგიკურ და ფიზიკურ ფორმატებად თავდაპირველად მიზნად ისახავდა HTML- ის უნივერსალურ გახდომას, მათ შორის არ არის დამოკიდებული გამომავალი მოწყობილობაზე. თეორიულად, თუ იყენებთ, მაგალითად, მეტყველების ბრაუზერს, მაშინ ტექსტის ფორმატირება ხდება თეგების გამოყენებით და , სხვაგვარად აღინიშნება. ამასთან, აღმოჩნდა, რომ პოპულარულ ბრაუზერებში ამ თეგების გამოყენების შედეგი ეკვივალენტურია.
მაგალითი 7.5 გვიჩვენებს ტეგების გამოყენებას და ტექსტების დიზაინისთვის.
მაგალითი 7.5. წარწერები და
და სად არის ნამცხვრები და მთვარის შუქი?! - - წამოიძახა ცუდმა ბიჭმა.
ამ მაგალითის შედეგი ნაჩვენებია ნახატზე. 7.5.
Html- ში შრიფტის ზომა მნიშვნელოვან როლს ასრულებს. ეს საშუალებას გაძლევთ მომხმარებლის ყურადღება მიაქციოთ ვებგვერდზე განთავსებულ მნიშვნელოვან ინფორმაციას. თუმცა მნიშვნელოვანია არა მხოლოდ ასოების ზომა, არამედ მათი ფერი, სისქე და ოჯახიც კი.
წარწერები და ატრიბუტები, როდესაც რობოტი html შრიფტებით
ჰიპერტექსტის ენას აქვს შრიფტებთან მუშაობის დიდი კომპლექტი. ყოველივე ამის შემდეგ, ეს არის ტექსტის ფორმატირება, რომელიც html– ის მთავარი ამოცანაა.
HTML ენის შექმნის მიზეზი იყო ბრაუზერებში ტექსტის ფორმატირების წესების ჩვენების პრობლემა.
გაითვალისწინეთ თეგები, რომლებიც გამოიყენება html შრიფტებთან მუშაობისთვის და მათი ატრიბუტები. მთავარია ტეგი ... მისი ატრიბუტების მნიშვნელობების გამოყენებით შეგიძლიათ დააყენოთ შრიფტის რამდენიმე მახასიათებელი:
- ფერი - ადგენს ტექსტის ფერს;
- ზომა - შრიფტის ზომა ჩვეულებრივ ერთეულებში.
მხარდაჭერილია დადებითი ატრიბუტის მნიშვნელობები 1-დან 7-მდე.
- face - გამოიყენება ტექსტის შრიფტის ოჯახის დასაყენებლად, რომელიც უნდა იქნას გამოყენებული თეგის შიგნით ... ერთდროულად რამდენიმე მნიშვნელობის მხარდაჭერა ხდება, მძიმით გამოყოფილი.
მხოლოდ შეწყვილებული შრიფტის ტეგის ნაწილებს აქვს ფორმატირებული ტექსტი. დანარჩენი ტექსტი ნაჩვენებია სტანდარტული ნაგულისხმევი შრიფტით.
ასევე html– ში არის უამრავი დაწყვილებული თეგები, რომლებიც განსაზღვრავენ მხოლოდ ერთი ფორმატირების წესს. Ესენი მოიცავს:
- - ადგენს სქელ შრიფტს html- ით. მონიშნე მოქმედება წინა მსგავსია;
- - ზომა უფრო დიდია ვიდრე ნაგულისხმევი;
- - შრიფტის უფრო მცირე ზომა;
- - დახრილი ტექსტი. მსგავსი ნიშანი ;
- - ხაზგასმული ტექსტი;
- გადმოკვეთა;- - ტექსტის მხოლოდ მცირე ასოებით ჩვენება;
- - დიდი ასოებით.
Ჩვეულებრივი ტექსტი
მინიატურა
მინიატურა
ჩვეულებრივზე მეტი
ჩვეულებრივზე ნაკლები
დახრილი
დახრილი
ხაზი გაუსვა
გადმოკვეთა
სტილის ატრიბუტის შესაძლებლობები
აღწერილი თეგების გარდა, html- ში შრიფტის შეცვლის კიდევ რამდენიმე გზა არსებობს. ერთ-ერთი მათგანი არის ზოგადი სტილის ატრიბუტის გამოყენება. მისი თვისებების მნიშვნელობების გამოყენებით შეგიძლიათ დააყენოთ შრიფტის ჩვენების სტილი:
1) შრიფტის ოჯახი - ქონება ადგენს შრიფტის ოჯახს. შესაძლებელია რამდენიმე მნიშვნელობის ჩამოთვლა.
შრიფტის html შეცვლა შემდეგ მნიშვნელობად მოხდება, თუ წინა ოჯახი არ არის დაინსტალირებული მომხმარებლის ოპერაციულ სისტემაზე.
წერის სინტაქსი:
font-family: შრიფტის სახელი [, შრიფტის სახელი [, ...]]
2) შრიფტის ზომა - ზომა განისაზღვრება 1 – დან 7 – მდე. ეს არის ერთ – ერთი მთავარი გზა, რომლითაც შეგიძლიათ შრიფტის გაზრდა html.
წერის სინტაქსი:
შრიფტის ზომა: აბსოლუტური ზომა | ფარდობითი ზომა | მნიშვნელობა | პროცენტი | მემკვიდრეობით მიღება
შრიფტის ზომა ასევე შეგიძლიათ დააყენოთ:
- პიქსელებში;
- აბსოლუტური მნიშვნელობით ( xx- პატარა, x- პატარა, პატარა, საშუალო, დიდი);
- პროცენტებში;
- წერტილებში (pt).
შრიფტის ზომა: 7
შრიფტის ზომა: 24 პიქსელი
შრიფტის ზომა: x- დიდი
შრიფტის ზომა: 200%
შრიფტის ზომა: 24 გვ
3) შრიფტის სტილი - ადგენს შრიფტის წერის სტილს. Სინტაქსი:
შრიფტის სტილი: ნორმალური | დახრილი | დახრილი | მემკვიდრეობით მიღება
ღირებულებები:
- ნორმალური - ნორმალური ორთოგრაფია;
- დახრილი - დახრილი;
- oblique - სწორხაზოვანი შრიფტი;
- მემკვიდრეობა - მემკვიდრეობით იღებს მშობლის ელემენტის ორთოგრაფიას.
მაგალითი, თუ როგორ უნდა შეცვალოთ შრიფტი html- ში ამ თვისების გამოყენებით:
შრიფტის სტილი: მემკვიდრეობა
შრიფტის სტილი: დახრილი
შრიფტის სტილი: ნორმალური
შრიფტის სტილი: დახრილი
4) შრიფტის ვარიანტი - გარდაქმნის ყველა დიდი ასო დიდ ნაწილს. Სინტაქსი:
შრიფტის ვარიანტი: ნორმალური | მცირე ზომის კაფები | მემკვიდრეობით მიღება
შრიფტის html შეცვლის მაგალითი ამ თვისებით:
font-variant: მემკვიდრეობა
შრიფტის ვარიანტი: ნორმალური
შრიფტის ვარიანტი: მცირე ზომის ქუდები
5) შრიფტის წონა - საშუალებას გაძლევთ დააყენოთ ტექსტის წერის სისქე (გაჯერება). Სინტაქსი:
შრიფტის წონა: სქელი | თამამი | მსუბუქია | ნორმალური | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
ღირებულებები:
- bold - ადგენს html სქელ შრიფტს;
- უფრო თამამი - მსუქანი შედარებით ნორმალური;
- მსუბუქია - ნორმალურთან შედარებით ნაკლებად გაჯერებული;
- ნორმალური - ნორმალური ორთოგრაფია;
- 100-900 - ადგენს შრიფტის სისქეს რიცხვით ეკვივალენტში.
შრიფტის წონა: თამამი
შრიფტის წონა: უფრო თამამი
შრიფტის წონა: მსუბუქია
შრიფტის წონა: ნორმალური
შრიფტის წონა: 900
შრიფტის წონა: 100
შრიფტის თვისება და html შრიფტის ფერი
შრიფტი კიდევ ერთი კონტეინერის თვისებაა. შინაგანად, იგი აერთიანებს რამდენიმე თვისების მნიშვნელობებს, რომლებიც შექმნილია შრიფტების შესაცვლელად. შრიფტის სინტაქსია:
შრიფტი: font-size font-family | მემკვიდრეობით მიღება
ასევე, შრიფტები, რომლებიც გამოიყენება სისტემის მიერ სხვადასხვა კონტროლის წარწერებში, შეიძლება დაყენდეს როგორც მნიშვნელობა:
- წარწერა - ღილაკებისათვის;
- ხატი - ხატებისთვის;
- მენიუ - მენიუ;
- გაგზავნა ყუთი - დიალოგური ფანჯრებისთვის;
- small-caption - მცირე კონტროლისთვის
- სტატუსის ზოლი - სტატუსის ზოლის შრიფტი.
შრიფტი: ხატი
შრიფტი: წარწერა
შრიფტი: მენიუ
შრიფტი: message-box
მცირე წარწერა
შრიფტი: სტატუსის ზოლი
შრიფტი: დახრილი 50px სქელი "Times New Roman", Times, serif
შრიფტის ფერის html- ში დასაყენებლად, შეგიძლიათ გამოიყენოთ ფერის თვისება. ეს საშუალებას გაძლევთ დააყენოთ ფერი საკვანძო სიტყვის ან rgb ფორმატის გამოყენებით. და ასევე თექვსმეტობითი კოდის სახით.
მოგესალმებით, ვისაც სურს ახლის დაშლა და ცოდნის გულმკერდის შევსება ახალი ინფორმაციით! სტატიის წაკითხვის შემდეგ თქვენ შეისწავლით თუ როგორ უნდა გააკეთოთ თამამი ტექსტი html- ში, სხვა რა სტილის ტიპები არსებობს და რა ელემენტებია ამაზე პასუხისმგებელი. შედეგად, თქვენს საიტს შეეძლება დაიკვეხნოს კითხვადი ტექსტით, სწორად გამოკვეთილი ძირითადი პუნქტებით.
წინა სტატიებში ბევრს ვსაუბრობდი ვებ – გვერდების ატრიბუტებსა და ტეგებზე, გარეგნობისა და დიზაინის მეთოდებზე, მაგრამ არასდროს შევეხები იმ ობიექტს, რომლის გარეშე არც ერთ საიტს არ შეუძლია ცხოვრება. ეს არის ტექსტი.
უფრო მეტიც, ეს არ არის მხოლოდ წერილების უწყვეტი ნაკრები, არამედ კომპეტენტურად იყოფა აბზაცებად, საკვანძო სიტყვების, ციტატების, ბმულების ხაზგასმით. ამისათვის css ენები გთავაზობთ სპეციალურ ტექსტის საშუალებებს. Დავიწყოთ!
სტილის ვარიანტები html- ში
ტექსტის შინაარსის შრიფტის შეცვლა ყოველთვის შესაძლებელია. მაგალითად, დააყენეთ ის თამამად ან დახრილი, და ასევე შეგიძლიათ გააფორმოთ. ამისათვის არსებობს მარტივი ტეგები, რომელთა დამახსოვრება და მათი გამოყენება მარტივია. ქვემოთ მოცემულია ელემენტების ცხრილი, რომელიც განმარტავს მათ დანიშნულებას.
პირველი, მოდით გაუმკლავდეთ თამამი ტექსტის ელემენტებს.
ასოების სისქის გასაზრდელად არის დაწყვილებული ტეგები, როგორიცაა და ... გამოყენებისას, ეს ინსტრუმენტები აჩვენებს ანალოგიურად, რადგან ისინი აფორმებენ ტექსტს სქელით. ამასთან, მათი დანიშნულება განსხვავებულია. ამიტომ, მათ ეკვივალენტად ვერ ეწოდება და მხოლოდ ერთის გამოყენებაა შესაძლებელი.
ასე რომ, tag შეიქმნა სტანდარტული შრიფტის მდიდარი და სქელით შეცვლის პირობით. ეს ეხება კონტურის ფიზიკურ იერსახეს და არ ახორციელებს რაიმე სემანტიკურ დატვირთვას. ვთქვათ, ეს მხოლოდ ერთგვარი ტესტის ჩვენებაა.
ა მიზნად ისახავს ძირითადი საკითხის ხაზგასმას. ეს არის ლოგიკური ელემენტი, რომელიც საუბრის დროს ინტონაციაში გამოირჩეოდა.
ახლა მოდით შევხედოთ ისეთ ტეგებს, როგორიცაა და .
ისინი სტანდარტულ შრიფტს აყალიბებენ დახრილი. ვფიქრობ, ლოგიკურ კითხვას დაუსვამთ: ”და ეს ელემენტები ასევე განსხვავდება ერთმანეთისგან ტეგების პრინციპით და ? " კითხვა სწორია. და შენ მართალი ხარ!
მართლაც, მარკირების ენის ერთეული მიზნად ისახავს მნიშვნელოვანი წერტილებისა და დეტალების ხაზგასმას, ხოლო მხოლოდ შინაარსის იერსახის ვარიაცია.
შრიფტების შეცვლის ინსტრუმენტები css- ში
Css აგრძელებდა დეველოპერებს მსგავსი რედაქტირების ინსტრუმენტების შეთავაზებას. ეს ისეთი თვისებებია, როგორიცაა ტექსტის დეკორაცია და შრიფტი.
- ეს არის უნივერსალური პარამეტრი, რომელიც ავსებს შრიფტს რამდენიმე დეტალით. მაგალითად, ტექსტი შეიძლება იყოს "მოციმციმე", ხაზგასმული ან ხაზოვანი, დახატული სიტყვებით (ხაზგასმული), მემკვიდრეობით მიღებული მშობლის ობიექტიდან (მემკვიდრეობა), ან შრიფტის ფორმატი შეიძლება გაიწმინდოს ყველა დამატებისგან (არცერთი).
ტექსტის შინაარსის რედაქტირების მეორე ხშირად გამოყენებული მექანიზმი არის შრიფტის თვისება. მისი დახმარებით შეგიძლიათ შეცვალოთ შრიფტის სტილი (შრიფტის სტილი), ზომა (შრიფტის ზომა), მცირე ზომის, ე.ი. მიუთითეთ მცირე ასოების ტიპი (შრიფტი-ვარიანტი), ასევე შრიფტის წონათან "თამაში".
აი მაგალითი
ყველა იმ ინფორმაციის გათვალისწინებით, რაც ზემოთ ვუთხარი, შევეცდებით შევქმნათ ისეთი კოდის მაგალითი, რომელშიც მაქსიმალურად ვიყენებთ მიღებულ ცოდნას (შეგახსენებთ, რომ კოდი შეიძლება აკრეფილი იყოს).
სათაურის შექმნა ახალი აბზაცი!
ჩვენ ვწერთ თავად აბზაცის ტექსტურ შინაარსს, რომელიც მოციმციმე .
გაუშვით მაგალითი ბრაუზერში და შეამჩნიეთ სტილი. ამრიგად, სათაური გამოირჩევა მსუბუქი დახრილი ტიპით, წინადადების ზემოთ ხაზგასმული ხაზით. აბზაცი ნაჩვენებია მცირე ზომის დიდი ასოებით. უფრო მეტიც, ტექსტი შეიცავს სიტყვებზე ლოგიკურ და ფიზიკურ ხაზგასმას.
ახლა თქვენ შეგიძლიათ შეცვალოთ ტექსტის შინაარსი ყველა წესის შესაბამისად. გამოიწერე ჩემი ბლოგის განახლებები და მოიწვიე მეგობრები. Ნახვამდის!
საუკეთესო სურვილებით, რომან ჩუესოვი
ტექსტში სიტყვის ან ფრაზის ხაზგასმის ერთ-ერთი უმარტივესი გზაა სხვადასხვა ასოების გამოყენება. ასე რომ თქვენ შეგიძლიათ ხაზი გაუსვათ სიტყვას ან ფრაზას, თამამი გვერდების გამოყენებით მარტივად გამოყოფთ სიტყვებს სხვადასხვა სტილის გამოყენებით - დახრილი, ხაზგასმული, თამამი.
სქელი ტიპი, როგორც მთავარი ხაზგასმის საშუალება
ყველაზე თვალშისაცემი და მიმზიდველი სიტყვები მკვეთრად გამოხატულია. ასეთი სიტყვები და ფრაზები მაშინვე იპყრობს თვალს. ასე რომ, იმისათვის, რომ ისწავლოთ ტექსტში საჭირო ადგილების სწრაფად შერჩევა, უნდა გახსოვდეთ სპეციალური HTML კოდი. სქელი დაყენებულია დაწყვილებული თეგის გამოყენებით.
სიტყვის ან ფრაზის წინ, წინადადება, რომელიც უნდა აღინიშნოს, იდება გახსნის ნიშანი ... ტექსტის ბოლო ასოს არჩევის შემდეგ იდება დახურვის ნიშანი... ამ ორ ტეგს შორის ყველაფერი სქელია, როდესაც ბრაუზერში ჩანს.
სხვა შერჩევის ვარიანტები
ასე რომ, ჩვენ გავარკვიეთ, რომ ტექსტის შერჩევა შეგიძლიათ სხვა სტილის გამოყენებით. ჩვენ დავადგინეთ, რომ უმარტივესი და ამავე დროს ეფექტურია თამამი HTML- ის გამოყენება. ახლა მოდით ვისაუბროთ შერჩევის სხვა ვარიანტებზე.
ასე რომ, შეგიძლიათ ხაზგასმული ტექსტი მონიშნოთ დაწყვილებული ტეგის გამოყენებით , ხაზს უსვამს მას ... ეს არის ტექსტის შერჩევის უმარტივესი გზები.
ასევე არსებობს ნაკლებად ცნობილი და გამოყენებული თეგები, რომელთა გამოყენება შესაძლებელია ტექსტში სიტყვებისა და წინადადებების გამოსაყოფად. ასე რომ, ტექსტის გადაკვეთის მიზნით გამოიყენეთ ... დაწყვილებული თეგი ხელს შეუწყობს ტექსტის ერთფეროვნებას ... თუ თქვენ გჭირდებათ შექმნათ ზედწერილი გამოყენება , ქვედა - .
ამ შემთხვევაში, როგორც ადრე, თქვენთვის საჭირო ტექსტი უნდა იყოს გახსნილ და დახურულ ტეგებს შორის. როგორც ხედავთ, რთული არაფერია, მთავარია ამ კოდების დამახსოვრება ან ჩამოწერა.
მრავალი შრიფტის გამოყენება
თუ გსურთ ტექსტი უფრო ექსპრესიული გახადოთ, შეგიძლიათ გამოიყენოთ უფრო მეტი, ვიდრე უბრალოდ თამამი ტიპი. HTML მარკირება საშუალებას გაძლევთ ერთდროულად მონიშნოთ სიტყვა მრავალი სახისით. ასე რომ, თქვენ შეგიძლიათ ერთდროულად გააკეთოთ სიტყვა თამამი, გამჭოლი და დახრილი.
ერთი რამ უნდა გვახსოვდეს, რომ ყველა ტეგ თანმიმდევრულად უნდა დაიხუროს. მაგალითად, სწორი ჩანაწერი შეიძლება იყოს:
- შერჩეული ტექსტი.
თუ თეგებს სხვა თანმიმდევრობით დახურავთ, ტექსტი არასწორად შეირჩევა. მცდარი ჩანაწერის მაგალითი:
- შერჩეული ტექსტი.
ამ შემთხვევაში, ბრაუზერი დაიბნევა და ვერ გაიგებს, კონკრეტულად რა გსურთ მისგან.
სხვათა შორის, აქ შეიძლება აღინიშნოს, რომ სტილის სამი ვარიანტი - თამამი, ხაზგასმული და დახრილი - მარტივად მახსოვს, თუ იცით Word– ის ცხელი კლავიშები. აქ სტილი მითითებულია იგივე ასო-კლავიშების გამოყენებით, Ctrl- ის დაჭერის დროს.
როგორც ხედავთ, შეგიძლიათ გამოიყენოთ მეტი, ვიდრე დახრილი ან თამამი ტიპი. HTML მარკირება საშუალებას გაძლევთ გამოყოთ სიტყვები ისევე მარტივად, როგორც ჩვეულებრივი Word.
დასკვნები
ტექსტის ხაზგასასმელად არა მხოლოდ მრავალფეროვანი ფერები და ჩრდილები, სხვადასხვა ზომის და ტიპის შრიფტი, არამედ მისი სტილიც ფართოდ გამოიყენება. უფრო მეტიც, სწორედ სხვა მონახაზის დახმარებით შეიძლება ლამაზად და მარტივად გამოიყოს ტექსტის ესა თუ ის ფრაგმენტი.
შრიფტის სტილის შესაცვლელად, თქვენ უნდა გამოიყენოთ თქვენთვის ცნობილი ნებისმიერი ნიშანი. HTML გვერდის სქელი შრიფტი ყველაზე თვალშისაცემი და თვალსაჩინოა და ამიტომ იგი ყველაზე ხშირად გამოიყენება ხაზგასმისთვის.
გამარჯობა ძვირფასო ბლოგის მკითხველს! ამ სტატიაში ყურადღება გამახვილებულია ტექსტის ფორმატირების თეგები... თამამი ან დახრილი ტექსტი საუკეთესო მაგალითია. ჩვენ ასევე გავითვალისწინებთ ზოგიერთი თეგის გავლენას საიტის შიდა ოპტიმიზაციაზე და მათი წერის წესებს. ამის შესახებ შეგიძლიათ წაიკითხოთ მოცემულ სტატიაში. სხვათა შორის, მსგავსი ტექსტის დიზაინის ელემენტებს ნახავთ მრავალ ტექსტურ რედაქტორში, მაგალითად, Word– ში.
ტეგები იყოფა 2 ტიპად: ბლოკისა და შინაგანი ტეგების. პირველის გამოყენებისას შეგიძლიათ შეცვალოთ ტექსტის ნაწილის შინაარსი (სტრიქონები, ცალკეული ფრაგმენტები ან სიტყვები), ხოლო ეს უკანასკნელი არის. ფორმატირების თეგები, რომლებსაც ამ სტატიაში გავეცნობით, ძირითადად მცირე ასოებით გამოირჩევა.
თეგების წერის წესები და რიგითობა
თქვენ უკვე იცით რა არის დაწყების და დასრულების ნიშნები. თუ არა, წაიკითხეთ სტატია ამ სტატიის დასაწყისში. მოკლედ, არსებობს ორი ტიპის თეგები: სინგლი (მაგალითად, ახალი ხაზის შეფუთვა)) და კონტეინერი (დაწყვილებული). ასე რომ, ტექსტის ფორმატირების ყველა ტეგი არის დაწყვილებული... ეს ნიშნავს, რომ ნებისმიერ ელემენტს აქვს საწყისი და დასასრული ნიშანი და შერჩევა უნდა განთავსდეს მათ შორის. მაგალითად, ფრაზის სწორი შერჩევა ასე გამოიყურება: არჩეულია ფრაგმენტი
როდესაც ბრაუზერი ამ ფრაგმენტს დაამუშავებს, თქვენ ნახავთ შემდეგ ტექსტს: არჩეულია ფრაგმენტი.სხვათა შორის, ყველა ნიშანი არ არის ნაჩვენები RSS არხში ().
მთავარია, როდესაც თეგებს წერთ, მათი დახურვაა. წინააღმდეგ შემთხვევაში, გვერდზე განთავსებული მთელი ტექსტი თამამი იქნება (მაგალითზე თეგით) ) მაგრამ არის შემთხვევები, როდესაც საჭიროა გარკვეული ფრაგმენტის ხაზგასმა თამამი და ამავე დროს დახრილი დახრით. მაგრამ არ არსებობს ნიშანი, რომელიც ასრულებს ამ მოქმედებას. ამ სიტუაციიდან მხოლოდ ერთი გამოსავალი არსებობს: ერთდროულად გამოიყენეთ ორი ნიშანი. არ აქვს მნიშვნელობა რა თანმიმდევრობით იყენებთ მათ. ამიტომ, ტექსტის მსგავსი თეგებით დაწერით:
არჩეულია ფრაგმენტი
ან მოსწონს ეს:
არჩეულია ფრაგმენტი
თქვენ მაინც მიიღებთ არჩეულია ფრაგმენტი დახრილი და ამავე დროს თამამი. ამასთან, სასურველია გამოიყენოთ პირველი ვარიანტი, რადგან თავდაპირველად ის ერთადერთი და სწორი იყო. ასევე, არ უნდა დაგვავიწყდეს, რომ თითოეულ ბრაუზერს შეუძლია განსხვავებულად გაუმკლავდეს თეგებს (), რაც დამოკიდებულია პარამეტრებში. ახლა გადავიდეთ თავად ფორმატირების თეგებზე.
სქელი და დახრილი ტექსტი - ტეგები , , და
ყველაზე პოპულარული ტექსტის ფორმატირების წარწერები - მისი ხაზგასმა თამამი და დახრილი... ჩვეულებრივ, ისინი იყენებენ ფრაგმენტის მნიშვნელობას. პირველი შემთხვევა ემსახურება სასარგებლო ინფორმაციის ან საკვანძო სიტყვების შემცველი ფრაგმენტის გამოყოფას. დახრილი ტექსტი გამოიყენება იგივე მიზნებისთვის, რაც თამამი ტექსტია, მაგრამ ინფორმაცია ნაკლებად მნიშვნელოვანია, რადგან დახრილი ტექსტი ნაკლებად ჩანს სხეულის ტექსტის ფონზე.ჯერ განვიხილოთ თამამი ტექსტი... ამ მოქმედებისთვის ორი ტეგი გამოიყენება - და ... გარეგნობაში განსხვავება არ არის. იმის გათვალისწინებით, რომ ნებისმიერ ბრაუზერს შეუძლია თითოეული ელემენტის განსხვავებულად ინტერპრეტაცია, თქვენ უნდა გქონდეთ განსხვავებული განსხვავებების დანახვა. ასე გამოიყურება ტექსტში თეგებში და ბრაუზერის მიერ უკვე დამუშავებული ფორმით:
ტექსტი ძლიერი თეგებით
ტექსტი b ტეგებში
აი, როგორ გამოიყურება ეს ორი ხაზი გვერდის კოდში:
ტექსტი ძლიერი თეგებით ტექსტი b ტეგებში
იგივე სიტუაცია შეგვიძლია დავაკვირდეთ დახრილი ტეგები და ... შეეცადეთ იპოვოთ განსხვავება ორ მაგალითს შორის:
ტექსტი em tags
ტექსტი თეგებში I
აქ არის კოდის კოდი:
ტექსტი em tags ტექსტი თეგებში I
ასე რომ, განხილული თამამი და დახრილი ტეგები სინამდვილეში არ განსხვავდება, მაგრამ რატომ ვაკეთებთ ჩვენ, მაგალითად, თეგს თუ არსებობს ? ყოველივე ამის შემდეგ, ეს უკანასკნელი შეიცავს მხოლოდ ერთ სიმბოლოს (არ ჩათვლით ფრჩხილებში) და, შესაბამისად, უფრო ადვილია წერა. საქმე იმაშია, რომ თეგები და აფექტი. თუ ამ საკვანძო სიტყვებს გარს აკრავთ, ეს სასარგებლო გავლენას მოახდენს ვებ – გვერდის პოპულარიზაციაზე. მთავარია, არ გადააჭაროთ მას - მაქსიმალური ტექსტი უნდა იყოს 5% თამამი ტექსტი თეგში , და იგივე ოდენობა დახრილი აქვს თეგში .
თუ გსურთ ტექსტში მონიშნოთ გარკვეული მომენტი, გამოიყენეთ ნიშანი ან ... ზოგადად, მე ვფიქრობ, რომ საძიებო სისტემები ამ თეგების ტექსტს უფრო მნიშვნელოვნად თვლიან, მაგრამ ასე შემდეგ შიდა ოპტიმიზაციამათ ჯერ კიდევ ნაკლები გავლენა აქვთ, ვიდრე და .
Slash ტექსტის ტეგები - , და
ახლა მოდით გადავხედოთ რამდენიმე ტეგს, რომლებიც ტექსტში სტილის ნიშანს იყენებს. თქვენ იცით ყველაზე ცნობილი ტექსტური რედაქტორი ტეგი
ან ხაზი გავუსვა. ეს ნიშანი გავლენას არ ახდენს რეიტინგზე (რამდენადაც მე ვიცი), მაგრამ ის ხელს შეუწყობს ნებისმიერი ტექსტის ხაზგასმას და მასზე ყურადღების გამახვილებას. მე მოვიყვანე ამ თეგის გამოყენების მაგალითი ზემოთ. კიდევ ორი \u200b\u200bნიშანი, რომლებიც მიზნის მსგავსია - და ... ორივე ემსახურება ხაზოვანი ტექსტის ფუნქციას. შეგიძლიათ გამოიყენოთ ეს ნიშანი ნებისმიერ სიტუაციაში: თუ განაახლებთ დოკუმენტს (უფრო სწორად მის ნაწილს), შეგიძლიათ გადაკვეთოთ ძველი და დაამატოთ ახალი; თუ აპირებთ დაწეროთ ისეთი რამ, რაც გადაუხვევს მასალის თემას; რაღაც არ შეესაბამება მორალურ და ეთიკურ სტანდარტებს.
ამ ორ ნიშანს შორის განსხვავება მხოლოდ მათშია წერა, რის შედეგადაც სასურველია პირველი გამოიყენოთ, ვინაიდან ჯერ ერთი, უფრო მოსახერხებელია წერა და მეორეც, თქვენს გვერდზე იქნება ნაკლები HTML- კოდი და საძიებო სისტემებს უყვართ იგი.
მონიშნე და ატრიბუტები - ტექსტის შრიფტის პარამეტრები
ახლა გადავხედოთ ტეგს, რომელიც არ გამოიყენება ატრიბუტების გარეშე. მასთან ერთად შეგიძლიათ დააყენოთ პარამეტრები ტექსტის კონკრეტული ნაწილისთვის. ზოგადად, ახლა სასურველია გამოიყენოთ (კასკადური სტილის ფურცლები), რადგან მათ შეუძლიათ მნიშვნელოვნად შეამცირონ გვერდის მთელი HTML კოდი. ასე რომ, გაითვალისწინეთ თვითონ ნიშანი . მისთვის ყველაფერი არსებობს სამი ატრიბუტი:
- სახე - თავად შრიფტი. მაგალითად, Arial, Courier ან Verdana. შეგიძლიათ ჩამოთვალოთ რამდენიმე, რადგან ყველა მომხმარებელს არ აქვს შრიფტის ფართო ნაკრები და სახის ატრიბუტში რამდენიმე დაწერით, ბრაუზერს შეეძლება აირჩიოს რომელი გამოიყენოს, უფრო სწორად რომელია ამ სისტემაში;
- ზომა - ატრიბუტი, რომელიც მიუთითებს ტექსტის ზომას. მისი გამოხატვა შესაძლებელია როგორც თვითნებური ერთეულებით, ისე პიქსელებით;
- ფერი - ტექსტის ფერი. ეს ატრიბუტი შეიძლება გამოყენებულ იქნას როგორც HTML ფერთა კოდებში, ასევე სიტყვების კოდებში. პირველი ფორმის #FFFFFF (სადაც F არის ნებისმიერი რიცხვი ან ასო A- დან F- მდე), ხოლო უკანასკნელი დაწერილია მარტივი სიტყვებით (მაგალითად, წითელი არის წითელი).
ასე გამოიყურება ტექსტში თეგში თითოეული ატრიბუტის გამოყენებით:
ეს ტექსტი არის 6 პიქსელი
ეს ტექსტი არის წითელი ეს ტექსტი არის Arial შრიფტით ეს ტექსტი არის წითელი და 5 პიქსელიაი რას ნახავთ დაწერილი კოდის დამუშავების შემდეგ: 
ბლოკირებული ტექსტის დიზაინის ელემენტები - სათაურები -, აბზაცი
, აბზაცი
დაბოლოს, ჩვენ გადავხედავთ ბლოკის ელემენტებს, რომლებიც გამოიყენება თითქმის ყველა დოკუმენტში. ეს არის სათაურისა და აბზაცის ნიშნები. მოდით განვიხილოთ პირველი. არსებობს 6 ტიპის სათაური და თითოეულს აქვს საკუთარი ნიშანი. თითოეულ სახეობას აქვს მხოლოდ საკუთარი სერიული ნომერი და იწერება თეგების გამოყენებით
, ,..., ... ასე გამოიყურება ყველა სათაური დამუშავებისას:
... ასე გამოიყურება ყველა სათაური დამუშავებისას:
სიტყვა სიტყვის სათაურის შემდეგ ემთხვევა თეგის ნომერს
ახლა მოდით ვისაუბროთ აბზაცის მონიშვნის ნიშანზე
ამ ტეგის ფუნქციაა ტექსტის გამოყოფა სხვა მსგავს ტექსტს ცარიელი ხაზით. თუ გადახედავთ დოკუმენტის წყაროს კოდს, ხედავთ შემდეგს:
მწვანე ყუთებს აქვს ერთი აბზაცი, წითელ ყუთებს - მეორე. ასე გამოიყურება ეს კოდი ბრაუზერის მიერ დამუშავების შემდეგ (ისარი ცარიელ სტრიქონზე მიუთითებს):
შედეგად, მივიღებთ ერთი აბზაცის მეორესგან საკმაოდ შესამჩნევად გამოყოფას, რაც სასარგებლოა - კითხვა უფრო მოსახერხებელი ხდება.
სტატიის შესახებ დოკუმენტის ფორმატირების თეგები... მათი რაოდენობა ბევრად მეტია, ვიდრე აღწერილი მაქვს ამ მასალაში. უბრალოდ, ზოგიერთის შესახებ საკმაოდ ბევრი უნდა გითხრათ, რის შედეგადაც ცალკეული სტატიები სრული მიმოხილვით დაეთმობა.
