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

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

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

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

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

ყველა სახის ტექსტი აღწერილია სტატიაში: .

Სინტაქსი

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

ბრაუზერის ხედი

ვიკორისტანული კონდახი HTML კოდში




დახრილი ტეგი HTML-ში


მარტივი ტექსტის შეცვლა შესაძლებელია ნებისმიერ ვებსაიტზე. და ხედვის ღერძის ტექსტი არის დახრილი (

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

vs

მანამდე, განლაგებიდან ყველა დამხმარემ ახსნა ფრაზები კშტალტზე „ვიკორისტი“ zamіst ”, და ეს იყო ნახევრად სიმართლე, მაშინ დღეს ასეთ მეტსახელს შეუძლია ბოროტი სემანტიკური ცეცხლის თამაში. და მარჯვნივ არის ის, რომ HTML5-ის ავტორები ხელს უწყობენ vikoristuvati-ს ტექსტის მნიშვნელობის დანახვა მკითხველის პატივისცემის გაზრდის მიზნით, ტექსტის გაზრდილი მნიშვნელობისა და ინტონაციის შელახვის გარეშე. კონდახის მიმართვის სპეციფიკაცია მარკირებისთვის საკვანძო სიტყვებიდოკუმენტზე

The ფრობონიტორიდა ბარბინატორიკომპონენტები შემწვარი.

მე ლიდერები (ჟურნალისტის სტატიის პირველი პუნქტი)


შინაური კურდღლის მიერ „აყვანილი“ კნუტები


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


ვეტერინარმა მელანი ჰუმბლმა სამი კვირის კნუტები წაიყვანა თავის სახლში აბერდინში.


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

vs

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

ასპერად ასტრაზე- ლათინურიდან თარგმნილი ვისლავი ნიშნავს "ეკლებიდან დილამდე".

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

სტრატი ეს შეუძლებელიაშემიწყალე.

ყურადღებით წაიკითხეთ შეთანხმება!

„ტექსტი სხვადასხვა შრიფტით“ (ინფორმაცია, რომელიც არის იურიდიული ფორმალობა, როგორიცაა ბიზნესის ლიცენზია ან იურიდიული მისამართი და ა.შ.) ჩვენ ჩვეულებრივ აღვნიშნავდით კლასის ელემენტს, რომელიც მითითებულია ვიზუალურ PA-ში. nіshiy font. ახლა ჩვენს არსენალში ახალი ძველი გამოჩნდა სემანტიკურიელემენტი - .

ჰოლივარის შესახებ

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

ახალი სემანტიკა და ძველი დოქტიპი

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

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

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

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

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

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

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

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

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

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

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

შედეგი:

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

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

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

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

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

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

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

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

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

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

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

დაბლოკვა. უმარტივესი სიუჟეტის სტრუქტურა

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

სერვისებისთვის, რა არის ნაჩვენები ტეგის შუაში , ბევრი განსხვავებული გამოსვლაა, მაგრამ ჯერჯერობით მხოლოდ ორი გვჭირდება. ცე ტეგი , რომელიც განსაზღვრავს გვერდის სახელს, როგორც ჩანს ბრაუზერის ჩანართში და ტეგი <meta>, რაც ნიშნავს გვერდის კოდირებას (მოთავსდება ატრიბუტში <b>სიმბოლოების ნაკრები</b>და დაარქვით მნიშვნელობა <b>utf-8</b>, მოხსენება ამ ვიდეოს შესახებ, რომელიც რამდენიმე აბზაცით დაბალი იქნება).</p> <p>თანაც ტეგამდე <html>მოვუწოდებთ კონსტრუქციის დაწერას <b>დოქტიპი</b>, რომელიც მიუთითებს ფილმის HTML ვერსიაზე, სადაც დაყოფილია საიტი. ფილმის ამჟამინდელი ვერსია მეხუთეა და დოქტიპი შეიძლება ასე გამოიყურებოდეს -<!DOCTYPE html> .</p> <p>ახლა, მოდით შევხედოთ გვერდის ძირითად სტრუქტურას (ეს თქვენს ბრაუზერში გასაშვებად, დააკოპირეთ ტექსტურ ფაილში გაფართოებებით <b>.html</b>და გახსენით თქვენი ბრაუზერი, თუ ამის პრობლემა გაქვთ - ნახეთ ვიდეო ქვემოთ):</p> <p> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ცე სათაური სათაური ეს არის მთავარი ნაცვლად გვერდითი.

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

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

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

დაბლოკვა. აბზაცები

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

აბზაცი იქმნება დამატებითი ტეგის გამოყენებით

Ამ გზით:

ცე სათაური სათაური

ეს არის აბზაცი.

კიდევ ერთი აბზაცი.

და კიდევ ერთი აბზაცი.

ეს არის აბზაცი.

კიდევ ერთი აბზაცი.

და კიდევ ერთი აბზაცი.

დაბლოკვა. სათაურები h1, h2, h3, h4, h5, h6

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

სათაურები იკეცებამეტი ტეგებისთვის

,

,

,

,

,
. სუნი განსხვავდება მნიშვნელობის სამყაროსგან. თავში h1კვალი როზთაშოვათი ყველა HTML გვერდის სახელები, ვ h2- სახელი ბლოკებიმოთხრობები, in h3- ქვებლოკების სახელები.

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

ცე სათაური სათაური

სათაური h1

სათაური h2

სათაური h3

სათაური h4

სათაური h5
სათაური h6

პირველი აბზაცი.

ეს კიდევ ერთი პუნქტია.

ეს არის მესამე პუნქტი.

ასე გამოიყურება კოდი ბრაუზერში:

სათაური h1

სათაური h2

სათაური h3

სათაური h4

სათაური h5
სათაური h6

პირველი აბზაცი.

ეს კიდევ ერთი პუნქტია.

ეს არის მესამე პუნქტი.

დაბლოკვა. მსუქანი

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

ცე სათაური სათაური

ეს არის ორიგინალური ტექსტი, მაგრამ ეს არის მსუქანიტექსტი.

ასე გამოიყურება კოდი ბრაუზერში:

ეს არის ორიგინალური ტექსტი, მაგრამ ეს არის მსუქანიტექსტი.

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

დაბლოკვა. დახრილები

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

ცე სათაური სათაური

ეს არის ორიგინალური ტექსტი, მაგრამ ეს არის დახრილიტექსტი.

ასე გამოიყურება კოდი ბრაუზერში:

დაბლოკვა. სიები

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

სიები იქმნება დამატებითი ტეგების გამოყენებით

აპლიკაცია © 2022 მობილური და კომპიუტერული გაჯეტები