დღეს მე გეტყვით, თუ როგორ უნდა გააკეთოთ სიტყვები თამამად საიტზე HTML-ის გამოყენებითდა CSS. ეს დიზაინი გამოიყენება მაშინ, როდესაც საჭიროა გვერდზე გარკვეული ინფორმაციის ხაზგასმა. უფრო მეტიც, საუბარია არა მხოლოდ სათაურებზე, არამედ ტექსტში არსებულ მარტივ სიტყვებზე, ფრაზებზე. ეს ხორციელდება საკმაოდ მარტივად.
გარკვეული ტექსტის ხაზგასმა თამამად, სპეციალურად HTML ტეგები — და ... მაგალითად შემდეგი კოდი:
| Ჩვეულებრივი ტექსტი. მინიატურა. ძლიერი თამამი ტექსტი. |
Ჩვეულებრივი ტექსტი.
მინიატურა.
ძლიერი თამამი ტექსტი.
გამომავალი იძლევა შემდეგ სურათს:
ბოლო ორი ვარიანტი ვიზუალურად ერთნაირად გამოიყურება, მაგრამ ისინი ოდნავ განსხვავდებიან ერთმანეთისგან. მონიშნეთ აკონკრეტებს სიტყვის მარტივ სტილისტურ გამბედაობას, ხოლო ამატებს გარკვეულ სემანტიკურ „გაძლიერებულ“ (მნიშვნელოვან) მნიშვნელობას. ანუ, ბოლო სტრიქონი არ არის მხოლოდ თამამი ტექსტი, არამედ რამდენიმე მნიშვნელოვანი ინფორმაცია. პრინციპში, საძიებო სისტემებისთვის რეკომენდებულია ზუსტად გამოყენება .
თქვენ ასევე შეგიძლიათ ნახოთ ის დაწერილი HTML-ში თამამი შრიფტისტილის გამოყენებით:
თამამი ტექსტის მაგალითი.
ტექსტის ნიმუში გაბედულისიტყვა.
საიტი აჩვენებს მას ასე:
მიუხედავად იმისა, რომ თამამი HTML კოდი მუშაობს სწორად, ეს არ უნდა იყოს. დიზაინის ყველა სტილი უნდა იყოს წარმოდგენილი CSS ფაილი... ამიტომ, ზემოთ მოცემულ მაგალითში, თქვენ მოგიწიათ ტეგებისთვის
და მიუთითეთ შესაბამისი კლასი და შემდეგ ჩაწერეთ მისი გარეგნობა stylesheet-ში. ეს არის კოდირების წესები. ასე რომ, HTML-ში თამამად გამოიყენეთ ტეგი .
თამამი CSS ტექსტი
CSS-ის გაბედვის მიზნით, გამოიყენება შრიფტის წონის თვისება. მისი დახმარებით მითითებულია ტექსტის ფრაგმენტის „გაჯერება“. მნიშვნელობები შეიძლება იყოს 100-დან 900-მდე, მაგრამ ყველაზე ხშირად გამოყენებულია:
- სქელი (სქელი) - ნაგულისხმევად 700;
- ნორმალური - 400 ნაგულისხმევად.
ასევე არსებობს უფრო თამამი და მსუბუქი მნიშვნელობების ვარიანტები, რომლებიც ცვლის შრიფტს მშობლის მიხედვით მეტ-ნაკლებად თამამად, შესაბამისად.
CSS-ში თამამი ტექსტის დასაყენებლად, თქვენ უნდა დააყენოთ გარკვეული სტილი ამა თუ იმ ელემენტისთვის, მაგალითად:
მარტივი ტექსტით ცხიმოვანი გამონადენიცენტრში.
ძლიერი (შრიფტის წონა: თამამი;)
აქვე მინდა აღვნიშნო ერთი პატარა ნიუანსი, რაზეც მითხრეს - თუ რაიმე ელემენტისთვის ახალ კლასს შექმნით, სასურველია გამოიყენოთ მეტ-ნაკლებად "გასაგები სახელი". მაგალითად, ზემოთ მოცემულ მაგალითში, class = "my-bold-font" სტილი უფრო ლოგიკური გამოიყურება ვიდრე class = "new-font", რადგან შეგიძლიათ ნაწილობრივ გაიგოთ მისი მიზანი. ეს არის პლიუსი მათთვის, ვინც მომავალში შეხედავს და გამოიყენებს თქვენს განლაგებას.
შემდეგ სტატიაში მოგიყვებით რამდენიმე საინტერესო თამამ შრიფტზე, რომლებიც მოვახერხე.
html-ში შრიფტის ზომა მნიშვნელოვან როლს ასრულებს. ეს საშუალებას გაძლევთ მიიპყროთ მომხმარებლის ყურადღება მნიშვნელოვანი ინფორმაციავებ გვერდზე განთავსებული. თუმცა მნიშვნელოვანია არა მხოლოდ ასოების ზომა, არამედ მათი ფერი, სისქე და ოჯახიც კი.
ტეგები და ატრიბუტები html შრიფტებით ცოცვისას
ჰიპერტექსტის ენას აქვს ინსტრუმენტების დიდი ნაკრები შრიფტებთან მუშაობისთვის. ყოველივე ამის შემდეგ, ტექსტის ფორმატირება არის html-ის მთავარი ამოცანა.
შექმნის მიზეზი HTML ენაგახდა ბრაუზერების მიერ ტექსტის ფორმატირების წესების ჩვენების პრობლემა.
განვიხილოთ ტეგები, რომლებიც გამოიყენება html-ში შრიფტებთან მუშაობისთვის და მათი ატრიბუტები. მთავარი არის ტეგი ... მისი ატრიბუტების მნიშვნელობების გამოყენებით, შეგიძლიათ დააყენოთ შრიფტის რამდენიმე მახასიათებელი:
- ფერი - ადგენს ტექსტის ფერს;
- ზომა - შრიფტის ზომა ჩვეულებრივ ერთეულებში.
მხარდაჭერილია დადებითი ატრიბუტების მნიშვნელობები 1-დან 7-მდე.
- face - გამოიყენება ტეგის შიგნით გამოსაყენებელი ტექსტის შრიფტის ოჯახის დასაყენებლად ... რამდენიმე მნიშვნელობა მხარდაჭერილია ერთდროულად, გამოყოფილი მძიმეებით.
მხოლოდ ტექსტი დაწყვილებული შრიფტის ტეგის ნაწილებს შორის არის ფორმატირებული.დანარჩენი ტექსტი ნაჩვენებია ნაგულისხმევი სტანდარტული შრიფტით.
ასევე html-ში არის რამდენიმე დაწყვილებული ტეგი, რომელიც განსაზღვრავს მხოლოდ ერთ ფორმატირების წესს. Ესენი მოიცავს:
- - აყენებს თამამ შრიფტს html-ში. მონიშნეთ მოქმედება წინა მსგავსია;
- - ზომა ნაგულისხმევზე დიდია;
- - შრიფტის უფრო მცირე ზომა;
- - დახრილი ტექსტი. მსგავსი ტეგი ;
- - ხაზგასმული ტექსტი;
- გადახაზული;- - ტექსტის ჩვენება მხოლოდ მცირე ასოებით;
- -ზედა შემთხვევაში.
Ჩვეულებრივი ტექსტი
მინიატურა
მინიატურა
ჩვეულებრივზე მეტი
ჩვეულებრივზე ნაკლები
დახრილები
დახრილები
ხაზგასმულია
გადაკვეთა
სტილის ატრიბუტის შესაძლებლობები
აღწერილი ტეგების გარდა, html-ში შრიფტის შეცვლის კიდევ რამდენიმე გზა არსებობს. ერთ-ერთი მათგანია ზოგადი სტილის ატრიბუტის გამოყენება. მისი თვისებების მნიშვნელობების გამოყენებით, შეგიძლიათ დააყენოთ შრიფტის ჩვენების სტილი:
1) font-family - თვისება ადგენს შრიფტების ოჯახს. შესაძლებელია რამდენიმე მნიშვნელობის ჩამოთვლა.
html-ში შრიფტის შეცვლა შემდეგ მნიშვნელობაზე მოხდება, თუ წინა ოჯახი არ არის დაყენებული ოპერაციული სისტემამომხმარებელი.
ჩაწერის სინტაქსი:
font-family: font name [, font name [, ...]]
2) font-size - ზომა დაყენებულია 1-დან 7-მდე. ეს არის ერთ-ერთი მთავარი გზა, რომლითაც შეგიძლიათ შრიფტის გაზრდა html-ში.
ჩაწერის სინტაქსი:
შრიფტის ზომა: აბსოლუტური ზომა | შედარებითი ზომა | ღირებულება | ინტერესი | მემკვიდრეობით
შრიფტის ზომა ასევე შეიძლება დაყენდეს:
- პიქსელებში;
- აბსოლუტური მნიშვნელობით ( xx-პატარა, x-პატარა, პატარა, საშუალო, დიდი);
- პროცენტებში;
- პუნქტებში (პტ).
შრიფტის ზომა: 7
შრიფტის ზომა: 24 პიქსელი
შრიფტის ზომა: x-large
შრიფტის ზომა: 200%
შრიფტის ზომა: 24 pt
3) font-style - ადგენს შრიფტის წერის სტილს. Სინტაქსი:
შრიფტის სტილი: ნორმალური | დახრილი | ირიბი | მემკვიდრეობით
ღირებულებები:
- ნორმალური - ნორმალური მართლწერა;
- დახრილი - დახრილი
- oblique - მარჯვნივ დახრილი შრიფტი;
- inherit - მემკვიდრეობით იღებს მშობელი ელემენტის მართლწერას.
მაგალითი იმისა, თუ როგორ უნდა შეცვალოთ შრიფტი html-ში ამ თვისების გამოყენებით:
შრიფტის სტილი: მემკვიდრეობა
შრიფტის სტილი: დახრილი
შრიფტის სტილი: ნორმალური
შრიფტის სტილი: oblique
4) font-variant - გარდაქმნის ყველა დიდ ასოს დიდზე. Სინტაქსი:
font-variant: ნორმალური | პატარა ქუდები | მემკვიდრეობით
მაგალითი იმისა, თუ როგორ უნდა შეცვალოთ შრიფტი html-ში ამ თვისებით:
font-variant: მემკვიდრეობით
font-variant: ნორმალური
შრიფტი-ვარიანტი: პატარა კაპიტალური
5) font-weight - საშუალებას გაძლევთ დააყენოთ ტექსტის ჩაწერის სისქე (გაჯერება). Სინტაქსი:
შრიფტის წონა: თამამი | თამამი | მსუბუქია | ნორმალური | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
ღირებულებები:
- bold - აყენებს html თამამ შრიფტს;
- უფრო თამამი - ნორმალურთან შედარებით მსუქანი;
- მსუბუქია - ნაკლებად გაჯერებული ნორმასთან შედარებით;
- ნორმალური - ნორმალური მართლწერა;
- 100-900 - ადგენს შრიფტის სისქეს რიცხვით ეკვივალენტში.
შრიფტის წონა: თამამი
შრიფტის წონა: უფრო თამამი
შრიფტის წონა: მსუბუქია
შრიფტის წონა: ნორმალური
შრიფტის წონა: 900
შრიფტის წონა: 100
შრიფტის თვისება და html შრიფტის ფერი
შრიფტი კონტეინერის კიდევ ერთი თვისებაა. შინაგანად, მან გააერთიანა რამდენიმე თვისების მნიშვნელობები, რომლებიც შექმნილია შრიფტების შესაცვლელად. შრიფტის სინტაქსი ასეთია:
font: font-size font-family | მემკვიდრეობით
ასევე, მნიშვნელობის დაყენება შესაძლებელია სისტემის მიერ გამოყენებულ შრიფტებზე სხვადასხვა კონტროლის წარწერებში:
- წარწერა - ღილაკებისთვის;
- ხატულა - ხატებისთვის;
- მენიუ - მენიუ;
- message-box - დიალოგური ფანჯრებისთვის;
- მცირე წარწერა - მცირე კონტროლისთვის
- status-bar - სტატუსის ზოლის შრიფტი.
შრიფტი: ხატულა
შრიფტი: წარწერა
შრიფტი: მენიუ
შრიფტი: შეტყობინების ყუთი
მცირე წარწერა
შრიფტი: სტატუსის ზოლი
შრიფტი: დახრილი 50 პიქსელი თამამი "Times New Roman", Times, serif
html-ში შრიფტის ფერის დასაყენებლად, შეგიძლიათ გამოიყენოთ ფერი თვისება. ის საშუალებას გაძლევთ დააყენოთ ფერი, საკვანძო სიტყვის გამოყენებით ან rgb ფორმატში. და ასევე თექვსმეტობითი კოდის სახით.
გამარჯობა ძვირფასო ბლოგის მკითხველებო! ეს სტატია ყურადღებას გაამახვილებს ტექსტის ფორმატირების ტეგები... თამამი ან დახრილი ტექსტი მთავარი მაგალითია. ჩვენ ასევე განვიხილავთ ზოგიერთი ტეგის გავლენას საიტის შიდა ოპტიმიზაციაზე და მათი ჩაწერის წესებზე. ამის შესახებ შეგიძლიათ წაიკითხოთ მოცემულ სტატიაში. სხვათა შორის, თქვენ შეგიძლიათ იპოვოთ ტექსტის დიზაინის მსგავსი ელემენტები ბევრ ტექსტურ რედაქტორში, მაგალითად, Word-ში.
ტეგები იყოფა 2 ტიპად: ბლოკი და ინლაინ ტეგები. პირველის გამოყენებისას შეგიძლიათ შეცვალოთ ტექსტის ნაწილის შინაარსი (სტრიქონები, ცალკეული ფრაგმენტები ან სიტყვები), ხოლო მეორე -. ფორმატირების ტეგები, რომლებსაც ამ სტატიაში განვიხილავთ, უპირატესად მცირეა.
ტეგების დაწერის წესები და თანმიმდევრობა
თქვენ უკვე იცით, რა არის დასაწყისი და დასასრული. თუ არა, მაშინ წაიკითხეთ სტატია ამ მასალის დასაწყისში. მოკლედ, არსებობს ორი ტიპის ტეგი: ერთჯერადი (მაგალითად, გადაცემა ახალი ხაზი) და კონტეინერი (დაწყვილებული). ასე რომ, ყველა ტექსტის ფორმატირების ტეგი არის დაწყვილებული... ეს ნიშნავს, რომ ნებისმიერ ელემენტს აქვს დაწყების და დასასრულის ტეგი და შერჩევა უნდა განთავსდეს მათ შორის. მაგალითად, ფრაზის სწორი შერჩევა ასე გამოიყურება: არჩეული ფრაგმენტი
როდესაც ბრაუზერი ამუშავებს ამ ფრაგმენტს, ნახავთ შემდეგ ტექსტს: არჩეული ფრაგმენტი.სხვათა შორის, ში RSS არხიყველა ტეგი არ არის ნაჩვენები ().
ტეგების წერისას მთავარია მათი დახურვა. წინააღმდეგ შემთხვევაში, გვერდზე ყველა ტექსტი იქნება თამამი (მაგალითში ტეგით ). მაგრამ არის შემთხვევები, როდესაც საჭიროა გარკვეული ფრაგმენტის ხაზგასმა თამამად და დახრილად ერთდროულად. მაგრამ არ არსებობს ტეგი, რომელიც ასრულებს ამ მოქმედებას. ამ სიტუაციიდან მხოლოდ ერთი გამოსავალია: გამოიყენეთ ორი ტეგი ერთდროულად. არ აქვს მნიშვნელობა რა თანმიმდევრობით იყენებთ მათ. ამიტომ, ტექსტის დაწერით ტეგებით, როგორიცაა:
არჩეული ფრაგმენტი
ან ასე:
არჩეული ფრაგმენტი
თქვენ მაინც მიიღებთ არჩეული ფრაგმენტი დახრილი და ამავე დროს თამამი. თუმცა, სასურველია პირველი ვარიანტის გამოყენება, რადგან თავდაპირველად ის ერთადერთი და სწორი იყო. ასევე, არ უნდა დაგვავიწყდეს, რომ თითოეულ ბრაუზერს შეუძლია ტეგების განსხვავებულად დამუშავება (), პარამეტრების მიხედვით. ახლა მოდით გადავიდეთ თავად ფორმატირების ტეგებზე.
თამამი და დახრილი ტექსტი - ტეგები , , და
ტექსტის ფორმატირების ყველაზე პოპულარული ტეგები - მასზე ხაზგასმა გაბედულიდა დახრილი ასოებით... ისინი ჩვეულებრივ გამოიყენება ცალი მნიშვნელობის მისაცემად. პირველი შემთხვევა ემსახურება შემცველი ფრაგმენტის შერჩევას გამოსადეგი ინფორმაციაან საკვანძო სიტყვები... დახრილი გამოიყენება იგივე მიზნებისთვის, როგორც თამამი ტექსტი, მაგრამ ინფორმაცია ნაკლებად მნიშვნელოვანია, რადგან დახრილი ტექსტის ფონზე ნაკლებად ჩანს, ვიდრე თამამი ტექსტი.ჯერ განიხილეთ თამამი ტექსტი... ამ მოქმედებისთვის გამოიყენება ორი ტეგი - და ... განსხვავებები გარეგნობაარა. თუმცა, იმის გათვალისწინებით, რომ ნებისმიერ ბრაუზერს შეუძლია თითოეული ელემენტის განსხვავებულად ინტერპრეტაცია, თქვენ შეგიძლიათ ნახოთ რაიმე განსხვავება. ასე გამოიყურება ტეგების ტექსტი და ბრაუზერის მიერ უკვე დამუშავებული ფორმით:
ტექსტი ძლიერი ტეგებით
ტექსტი b ტეგებში
და აი, როგორ გამოიყურება ეს ორი ხაზი გვერდის საწყის კოდში:
ტექსტი ძლიერი ტეგებით ტექსტი b ტეგებში
იგივე სიტუაცია შეგვიძლია დავაკვირდეთ შემთხვევაშიც დახრილი ტეგები და ... შეეცადეთ იპოვოთ განსხვავება ორ მაგალითს შორის:
ტექსტი em tags-ში
ტექსტი ტეგებში I
და აქ არის წყაროს კოდი:
ტექსტი em tags-ში ტექსტი ტეგებში I
ასე რომ, თამამი და დახრილი ტეგები ფაქტობრივად არ განსხვავდება, მაგრამ რატომ გვჭირდება, მაგალითად, ტეგი თუ არსებობს ? ბოლოს და ბოლოს, ეს უკანასკნელი შეიცავს მხოლოდ ერთ სიმბოლოს (ფრჩხილებს არ ჩავთვლით) და, შესაბამისად, უფრო ადვილი დასაწერია. საქმე იმაშია, რომ ტეგები და აფექტი. თუ ამ ტეგებით აკრავთ საკვანძო სიტყვებს, ეს სასარგებლო გავლენას მოახდენს ვებსაიტის პოპულარიზაციაზე, მთავარია არ გადააჭარბოთ - ტეგში ტექსტის მაქსიმალური რაოდენობა უნდა იყოს 5% სქელი ტექსტი. , და იგივე რაოდენობის დახრილი ტეგში .
თუ გსურთ ტექსტში რაღაც მომენტის ხაზგასმა, გამოიყენეთ ტეგი ან ... ზოგადად, ვფიქრობ, რომ საძიებო სისტემებიც ამ ტეგებში მოცემულ ტექსტს უფრო მნიშვნელოვანად თვლიან, ოღონდ შიდა ოპტიმიზაციამათ ჯერ კიდევ აქვთ ნაკლები გავლენა, ვიდრე და .
დახრილი ტექსტის ტეგები - , და
ახლა მოდით შევხედოთ რამდენიმე ტეგს, რომლებიც იყენებენ ნიშანს ტექსტის სტილში. თქვენთვის ყველაზე ცნობილი საიდან ტექსტის რედაქტორები — ტეგი
ან ხაზი გაუსვით. ეს ტეგი არ ახდენს გავლენას რეიტინგზე (რამდენადაც მე ვიცი), მაგრამ ეს ხელს შეუწყობს ზოგიერთი ტექსტის ხაზგასმას და მასზე ფოკუსირებას. მე მოვიყვანე ამ ტეგის გამოყენების მაგალითი ზემოთ. არის კიდევ ორი ტეგი, რომლებიც მსგავსია დანიშნულებით - და ... ორივე ემსახურება გადახაზვის ტექსტის ფუნქციას. თქვენ შეგიძლიათ გამოიყენოთ ეს ტეგი ნებისმიერ სიტუაციაში: თუ თქვენ განაახლებთ დოკუმენტს (უფრო სწორად მის ნაწილს), შეგიძლიათ გადაკვეთოთ ძველი და დაამატოთ ახალი; თუ აპირებთ რაიმეს დაწერას, რომელიც გადახრის მასალის თემას; რაც არ შეესაბამება მორალურ და ეთიკურ სტანდარტებს.
ამ ორ ტეგს შორის განსხვავებები მხოლოდ მათშია წერა, რის შედეგადაც სასურველია პირველის გამოყენება, ვინაიდან ჯერ ერთი, წერა უფრო მოსახერხებელია და მეორეც, თქვენს გვერდზე ნაკლები HTML-კოდი იქნება და საძიებო სისტემებს უყვართ.
მონიშნეთ და ატრიბუტები - ტექსტის შრიფტის პარამეტრები
ახლა განიხილეთ ტეგი, რომელიც არ გამოიყენება ატრიბუტების გარეშე. მასთან ერთად შეგიძლიათ დააყენოთ პარამეტრები ტექსტის კონკრეტული ნაწილისთვის. ზოგადად, ახლა სასურველია გამოიყენოთ (კასკადური სტილის ფურცლები), რადგან მათ შეუძლიათ მნიშვნელოვნად შეამცირონ გვერდის მთელი HTML კოდი. ასე რომ, მოდით შევხედოთ იმავე ტეგს . მისთვის არის ყველაფერი სამი ატრიბუტი:
- სახე- თავად შრიფტი. მაგალითად, Arial, Courier ან Verdana. შეგიძლიათ ჩამოთვალოთ რამდენიმე, ტკ. ყველა მომხმარებელს არ აქვს შრიფტების ვრცელი ნაკრები და რამდენიმეს სახის ატრიბუტში ჩაწერით, ბრაუზერს შეეძლება აირჩიოს რომელი გამოიყენოს, უფრო სწორად, რომელი არის სისტემაში;
- ზომა- ატრიბუტი, რომელიც მიუთითებს ტექსტის ზომაზე. ის შეიძლება გამოიხატოს როგორც თვითნებურ ერთეულებში, ასევე პიქსელებში;
- ფერი- ტექსტის ფერი. ეს ატრიბუტი შეიძლება გამოყენებულ იქნას როგორც ფერების HTML-კოდებში, ასევე სიტყვებში. პირველი არის #FFFFFF ფორმის (სადაც F არის ნებისმიერი რიცხვი ან ასო A-დან F-მდე), ხოლო მეორე იწერება მარტივი სიტყვებით(მაგალითად, წითელი არის წითელი).
ასე გამოიყურება ტეგის ტექსტი თითოეული ატრიბუტის გამოყენებით:
ამ ტექსტის ზომაა 6 პიქსელი
ეს ტექსტი წითელია ეს ტექსტი არის Arial შრიფტით ეს ტექსტი არის წითელი და ზომით 5 პიქსელიდა აი რას ნახავთ დაწერილი კოდის დამუშავების შემდეგ: 
ბლოკირებული ტექსტის დიზაინის ელემენტები - სათაურები -, აბზაცი
, აბზაცი
და ბოლოს, ჩვენ გადავხედავთ ბლოკის ელემენტებს, რომლებიც გამოიყენება თითქმის ყველა დოკუმენტში. ეს არის სათაური და აბზაცის ტეგები. განვიხილოთ პირველი. არსებობს 6 ტიპის სათაური და თითოეულს აქვს საკუთარი ტეგი. თითოეულ სახეობას აქვს მხოლოდ საკუთარი სერიული ნომერი და ჩაწერილია ტეგების გამოყენებით
, ,..., ... ასე გამოიყურება ყველა სათაური დამუშავებისას:
... ასე გამოიყურება ყველა სათაური დამუშავებისას:
სიტყვის სათაურის შემდეგ რიცხვი ემთხვევა ტეგის რიცხვს
ახლა მოდით ვისაუბროთ აბზაცის მონიშვნის ტეგზე.
ამ ტეგის ფუნქციაა ტექსტის გამოყოფა სხვა მსგავსი ტექსტისგან ცარიელი ხაზით. თუ დააკვირდებით დოკუმენტის საწყის კოდს, შეგიძლიათ იხილოთ შემდეგი:
მწვანე უჯრებს აქვს ერთი აბზაცი, წითელ უჯრებს მეორე. და ასე გამოიყურება ეს კოდი ბრაუზერის მიერ დამუშავების შემდეგ (ისარი მიუთითებს ცარიელ ხაზზე):
შედეგად ვიღებთ ერთი აბზაცის საკმაოდ შესამჩნევ გამოყოფას მეორისგან, რაც მომგებიანია - კითხვა უფრო მოსახერხებელი ხდება.
ასე რომ, სტატია შესახებ დოკუმენტის ფორმატირების ტეგები... მათგან ბევრად მეტია, ვიდრე აღვწერე ამ მასალაში. უბრალოდ ზოგიერთ მათგანზე ბევრი რამის თქმა გჭირდებათ, რის შედეგადაც მათ დაეთმობა ცალკეული სტატიები სრული მიმოხილვით.!
შრიფტის წონა განისაზღვრება CSS ატრიბუტის გამოყენებით შრიფტი-წონა, რომელსაც შეუძლია მიიღოს შემდეგი მნიშვნელობები:
- მსუბუქია- მსუბუქია
- ნორმალური-ჩვეულებრივი
- გაბედული- გაბედული
- უფრო თამამი- მეტი ცხიმი
- 100..900 - 100 შეესაბამება ყველაზე თხელ შრიფტს; 900 - ყველაზე მსუქანი
ატრიბუტი შრიფტის სტილი(შრიფტის სტილი) გამოიყენება დახრილი შრიფტით დასაწერად და შეიძლება მიიღოს შემდეგი მნიშვნელობები:
- დახრილი- დახრილი, ტექსტის კიდეები მომრგვალებულია
- ნორმალური-ჩვეულებრივი
- ირიბი- დახრილი
ატრიბუტი შრიფტი-ვარიანტი(შრიფტის ტიპი) გამოიყენება მცირე დიდი ასოებით დასაწერად და შეიძლება მიიღოს შემდეგი მნიშვნელობები:
- ნორმალური-ჩვეულებრივი
- smaoo-caps- პატარა დიდი ასოები
თამამი, დახრილი და პატარა კეპებთან ერთად, არსებობს სტილის რამდენიმე სხვა პოპულარული ტიპი: ხაზი და ტყვია.
ატრიბუტი ტექსტი-გაფორმება(ტექსტის გაფორმება) ემსახურება ტექსტის ხაზგასმას და შეუძლია მიიღოს შემდეგი მნიშვნელობები:
- თვალის დახამხამება- მბჟუტავი ტექსტი (არ არის მხარდაჭერილი IE-ს მიერ)
- ხაზის მეშვეობით- გადახაზული ტექსტი
- არცერთი- ცვლილებების გარეშე
- გადახაზვა- ხაზი ტექსტის ზემოთ
- ხაზი გაუსვით- ხაზგასმული ტექსტი
ატრიბუტი ტექსტის ტრანსფორმაცია(ტექსტის ტრანსფორმაცია) გამოიყენება მცირე დიდი ასოებით სამუშაოდ და შეუძლია მიიღოს შემდეგი მნიშვნელობები:
- კაპიტალიზაცია- ყველა სიტყვა იწყება დიდი ასოებით
- პატარა ასო- მთელი ტექსტი იწერება მცირე ასოებით
- არცერთი- ცვლილებების გარეშე
- დიდი- ყველა ტექსტი იწერება დიდი ასოებით
გამოყენების მაგალითი შრიფტი-წონა, შრიფტის სტილი, ტექსტი-გაფორმება, ტექსტის ტრანსფორმაცია: მაგალითი # 9
გვერდის HTML კოდი:
უსათაურო
"რუსეთის ოქროს ბეჭედი"(ანტიკურ დროში Zalesye), ტურისტული მარშრუტი, რომელიც მოიცავს უძველესი რუსული ქალაქების ქსელს: სერგიევ პოსადი, პერესლავ-ზალესკი, როსტოვი დიდი, იაროსლავლი, კოსტრომა, პლესი, ვლადიმერი, ბოგოლიუბოვო, სუზდალი, იურიევ-პოლსკოი, უგლიჩი.სახელი Zalesye, პირველ რიგში, გეოგრაფიულია, ის ნიშნავდა ყველაფერს, რაც იყო "ტყის მიღმა" კიევან რუსთან მიმართებაში.
ტურისტული მარშრუტი (მოქმედი 1970 წლის დასაწყისიდან), რომელიც გავლებულია ისტორიულ ქალაქებში, გადის ხუთი რეგიონის ტერიტორიაზე - მოსკოვი, იაროსლავლი, კოსტრომა, ივანოვსკაია, ვლადიმირსკაია.ამ მიწების უძველეს ქალაქებს აქვთ საკუთარი ბედი, საკუთარი წარსული. მათ გააკეთეს რთული გზამისი ისტორიული განვითარებადაბადების პირველი დღეებიდან დღემდე. ბევრი რამ შეუქცევად დაიკარგა ამ გრძელი მოგზაურობისას. გულგრილობა და დაუდევრობა იწვევს უნიკალური შენობების ნაწილობრივ ან სრულ განადგურებას, როგორიცაა ქალაქები კალიაზინი, მოლოგა, უგლიჩი. უგლიჩის ჰიდროელექტროსადგურის მშენებლობის დროს ააფეთქეს უძველესი პოკროვსკის მონასტერი მე-15-17 საუკუნეების უნიკალური ძეგლებით და წყალში შევიდა. უგლიჩის ეკლესიების ნახევარი დაანგრიეს, დაანგრიეს მონასტრების გალავანი, რამაც მათი ანსამბლის მთლიანობა დაანგრია. რესტავრატორების ძალისხმევით გადაურჩა საგანგებო მდგომარეობიდან და განადგურებას გადაარჩინა უძველესი არქიტექტურის ათობით ობიექტი, ერთი შეხედვით გამოუსწორებლად დაკარგული. დაბრუნდა სიცოცხლე თავდაპირველი სახით: აღდგომის მონასტრის არქიტექტურული ანსამბლი (1674-77) უგლიჩში, შუამავლის ეკლესია ნერლზე (XII ს.), დიმიტრიევსკის ტაძარი (XII საუკუნე) და ვლადიმირის ოქროს კარიბჭე, წმინდა გიორგი. საკათედრო ტაძარი (XII საუკუნე) იურიევ-პოლსკი, ძველი სუზდალის ძეგლები, სადაც ჩატარდა ყოვლისმომცველი სამუშაოები ისტორიული ნაგებობების აღდგენის მიზნით მთელ ქალაქში, ქალაქ-მუზეუმში. ხელახლა შეიქმნა ხის არქიტექტურის მუზეუმების მთელი არქიტექტურული კომპლექსები კოსტრომასა და სუზდალში. ეს ყველაფერი ადამიანის ხელის ქმნილებაა, რომელიც შეეხო რუსეთის მიწის დაცულ ტერიტორიებს.
