Html შრიფტი. თამამი ტექსტი დამატებითი HTML და CSS. თამამი ტექსტი CSS-ში

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

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

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

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

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

მნიშვნელოვანია ტეგების წერისას - არ დაგავიწყდეთ მათი დახურვა. წინააღმდეგ შემთხვევაში, გვერდზე ყველა ტექსტი ნაჩვენები იქნება თამამად (დანართში ტეგით ). მაგრამ არის ისეთი სიტუაციები, როდესაც სიმღერის ფრაგმენტი ერთდროულად უნდა ნახოთ როგორც სქელი, ასევე დახრილი. Ale tag, რომელიც ასკვნის ამ ყველაფერს, არ აქვს მნიშვნელობა. ამ სიტუაციიდან მხოლოდ ერთი გამოსავალია: vikoryst ორი ტეგი ერთდროულად. ყოველგვარი თანმიმდევრობით, მათ ვიკორისტუვატს აზრი არ აქვს. ტომ, წერს ტექსტს ასეთი ტეგებით:

ხედვის ფრაგმენტი

ან ღერძი ასეთია:

ხედვის ფრაგმენტი

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

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

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

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

ტექსტი ტეგებში ძლიერია

ტექსტი b ტეგებში

და ღერძი ჰგავს ორ მონაცემთა რიგს გვერდის გამომავალ კოდში:

ტექსტი ტეგებში ძლიერია ტექსტი b ტეგებში

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

ტექსტი em ტეგებში

ტექსტი ტეგებში I

და ღერძის გამომავალი კოდი:

ტექსტი em ტეგებში ტექსტი ტეგებში I

ისე, თამამად და დახრილად ნაჩვენები განხილული ტეგები რეალურად არ გამოირჩევა, მაგრამ ჩვენთვის, მაგალითად, ტეგი მე ვგულისხმობ ? ასევე ადვილია მხოლოდ ერთი სიმბოლოს დაწერა (სახელურების გატეხვის გარეშე) და, შესაბამისად, უფრო ადვილია წერა. და ყველაფერი მარჯვნივ არის ეს ტეგები і ჩაასხით . თუ ამ ტეგებში საკვანძო სიტყვებს ამოიცნობთ, მაშინ საიტზე გამოჩნდებით, მთავარია არ გადააჭარბოთ - ტექსტში მაქსიმუმ 5% თამამი ტექსტი უნდა იყოს გამოყენებული სათაურში. , მე სტილი და დახრილი აბსტრაქტულად .

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

ტეგები ბრინჯით ტექსტის სანახავად - , і

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

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

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

ტეგი і ატრიბუტები - შრიფტისა და ტექსტის პარამეტრები

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

  • სახე- თავად შრიფტი. მაგალითად, Arial, Courier ან Verdana. თქვენ შეგიძლიათ შეცვალოთ სახელი, რადგან ყველა ბრაუზერს არ აქვს შრიფტების დიდი ნაკრები და სახელის ატრიბუტში სახის ჩაწერით, ბრაუზერს შეუძლია აირჩიოს რომელი გამოიყენება, უფრო ზუსტად, რომელია სისტემაში;
  • ზომა- ატრიბუტი, რომელიც მიუთითებს ტექსტის ზომაზე. შეიძლება იყოს გამონათქვამები როგორც მენტალურ ერთეულებში, ასევე პიქსელებში;
  • ფერი- ტექსტის ფერი. ამ ატრიბუტის გამოყენება შესაძლებელია როგორც ბილეთების HTML კოდებში, ასევე სიტყვიერში. პირველიები ჰგავს #FFFFFF-ს (მაგალითად, F არის რიცხვი ან ასო A-დან F-მდე), ხოლო დანარჩენები იწერება მარტივი სიტყვებით (მაგალითად, წითელი - წითელი).

ასე გამოიყურება ტექსტი აბსტრაქტულად კანის ატრიბუტისთვის:

ეს ტექსტი არის 6 პიქსელის ზომა


ეს არის წითელი ფერის ტექსტი

ეს ტექსტი არის Arial შრიფტით.

ეს ტექსტი არის წითელი ფერის და ზომა 5px

რას გაიგებთ დაწერილი კოდის გადახედვის შემდეგ:

ტექსტის დიზაინის ელემენტების დაბლოკვა - სათაურები

-

, აბზაცი

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

,

,...,

. ასე გამოიყურება ყველა სათაური გამარტივებულ ხედში:

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

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

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

მწვანეებს ერთი აბზაცი აქვთ, წითელებს მეორე. და ღერძი არის ის, თუ როგორ გამოიყურება ეს კოდი ბრაუზერის მიერ დამუშავების შემდეგ (ისარი მიუთითებს ცარიელ მწკრივს):

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

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

აღწერე

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

სინტაქსი

შრიფტის სტილი: ნორმალური | დახრილი | ირიბი | მემკვიდრეობით

მნიშვნელობა

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

HTML5 CSS2.1 IE Cr Op Sa Fx

შრიფტის სტილი

Duis te feugifacilisi

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

კონდახზე მოცემული წაკითხვის შედეგი ნახ. 1.

Პატარა 1. Zastosuvannya vlastivosti შრიფტის სტილი

ობიექტის მოდელი

document.getElementById("elementID").style.fontStyle

ბრაუზერები

Internet Explorer 7.0 ვერსიამდე არ აქვს მემკვიდრეობის მნიშვნელობა.

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

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

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

ზვიჩაინის ტექსტი.

თამამი ტექსტი.

თამამი ტექსტი ძლიერია.

ზვიჩაინის ტექსტი.

თამამი ტექსტი.

თამამი ტექსტი ძლიერია.

გამომავალი იძლევა შემდეგ სურათს:

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

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

თამამი ტექსტის კონდახი.

კონდახის ტექსტი მსუქანიერთი სიტყვით.

საიტზე ჩანს ასე:

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

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

თამამი ტექსტი CSS-ში

CSS-ში თამამი შრიფტების შესაქმნელად, თქვენ უნდა გამოიკვლიოთ შრიფტის წონის ძალა. ეს ხელს უწყობს ტექსტის ფრაგმენტის „ინტენსივობის“ მითითებას. მნიშვნელობები შეიძლება იყოს 100-დან 900-მდე, მაგრამ ყველაზე ხშირად გამოყენებულია:

  • სქელი (სქელი) - 700 დასუფთავებისთვის;
  • ნორმალური (პირველადი) - 400 დასუფთავებისთვის.

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

CSS-ში თამამი ტექსტის დასაყენებლად, საჭიროა სხვა ელემენტის სტილი, მაგალითად:

ზვიჩაინის ტექსტი მსუქანი ხილვებიცენტრში.

ძლიერი (შრიფტის წონა: თამამი;)

აქვე მინდა აღვნიშნო ერთი პატარა ნიუანსი, რომელიც ნაკლებად დასაფასებელია - როცა ელემენტისთვის ახალ კლასს ქმნი, მაშინ საჭიროა უფრო დაკონკრეტდეს „სახელის გაგება“. მაგალითად, პრაქტიკაში class = "my-bold-font" სტილი უფრო ლოგიკურად გამოიყურება, ვიდრე class = "new-font", ასე რომ თქვენ ხშირად შეგიძლიათ გაიგოთ მისი მიზანი. ეს არის პლუსი მათთვის, ვინც გაოცდება და გააკრიტიკებს თქვენს განლაგებას შორიდან.

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

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

  • ტეგი მე HTML;
  • ტეგი ჩვენ HTML;
  • CSS სიმძლავრე შრიფტის სტილი.

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

დახრილი ტექსტი: ტეგი

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

ვებსაიტის შემქმნელი "Nubex"

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

დახრილი ტექსტი: ტეგი

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

ვებსაიტის შემქმნელი "ნუბექსი"

შედეგი:

ვებსაიტის შემქმნელი "ნუბექსი"

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

დახრილი ტექსტი CSS-ის გამოყენებით

CSS-ში შრიფტის ჩვენების სტილის დასაყენებლად საჭიროა დენი შრიფტის სტილი Yake-ს შეუძლია მიიღოს მნიშვნელობა: ირიბი(დახრილი), დახრილი(დახრილი) ი ნორმალური(ზვიჩაინის შრიფტი).

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

zastosuvannya ატრიბუტი შრიფტის სტილიპრაქტიკაში:

დახრილი დამატებითი CSS - "Nubex"

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

Mi robimo სწორი გზით ნათლადვებგვერდი.

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

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

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

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

სავარძლის შესაძლებლობები html-ში

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

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

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

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

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

ახლა მოდით შევხედოთ შემდეგ ტეგებს: і .

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

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

ინსტრუმენტები CSS-ში შრიფტების შეცვლისთვის

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

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

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

ღერძი და კონდახი

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

ტექსტზე შეცვლა

სათაურის შექმნა ამისთვის ახალიაბზაცი!

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

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

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

პატივისცემით, რომან ჩუეშოვი