დღეს მე გეტყვით, თუ როგორ უნდა გააკეთოთ სიტყვები თამამი შრიფტით საიტზე HTML და CSS- ის გამოყენებით. ეს დიზაინი გამოიყენება, როდესაც თქვენ უნდა გაითვალისწინოთ გარკვეული ინფორმაცია გვერდზე. და ეს არ არის მხოლოდ სათაურები, არამედ შესახებ მარტივი სიტყვები, ფრაზები ტექსტში. უბრალოდ, საკმარისია.
სპეციალური HTML ტეგები გამოიყენება გარკვეულ ტექსტში. და . მაგალითად, შემდეგი კოდი:
| ჩვეულებრივი ტექსტი. მინდოლიანი. გაბედული ძლიერი. |
ჩვეულებრივი ტექსტი.
მინდოლიანი.
გაბედული ძლიერი.
გამომავალი ასეთ სურათს აძლევს:
ბოლო ორი ვარიანტი ვიზუალურად გამოიყურება იგივე, მაგრამ ისინი განსხვავდება ოდნავ ერთმანეთთან. ტაგ განსაზღვრავს სიტყვის მარტივი სტილისტური ხაზს უსვამს თამამი შრიფტით, ხოლო ეს დასძენს ზოგიერთი სემანტიკური "გაძლიერებული" (მნიშვნელოვანი) ღირებულება. ანუ, ბოლო ხაზი არ არის მხოლოდ თამამი ტექსტი, მაგრამ რაღაც მნიშვნელოვანი ინფორმაცია. პრინციპში, საძიებო სისტემებისთვის რეკომენდებულია .
თქვენ ასევე შეგიძლიათ შეხვდეთ ცხიმის შრიფტს HTML- ში Styles- ით:
მაგალითი თამამი ტექსტი.
ნიმუში ტექსტი ს ქონი Მოკლედ.
საიტზე არის ნაჩვენები:
მიუხედავად იმისა, რომ თამამი ტექსტის კოდი HTML- ისთვის სწორად მუშაობს, არ გააკეთებს. ყველა დიზაინის სტილის მიღება უნდა მოხდეს CSS ფაილი. აქედან გამომდინარე, ზემოთ მოყვანილ მაგალითში, თქვენ უნდა ყოფილიყო tags
და მიუთითეთ შესაბამისი კლასი და შემდეგ დარეგისტრირდით მისი დიზაინის სტილში. ასეთი აქ არის კოდექსის რეგისტრაციის წესები. ამიტომ, თამამი შრიფტისთვის HTML- ში, გამოიყენეთ ტეგი .
გაბედული ტექსტი CSS- ზე
იმისათვის, რომ ბ. CSS ცხიმი შრიფტი იყენებს შრიფტის წონის ქონებას. მასთან ერთად, ტექსტის ფრაგმენტის "ინტენსივობა" არის მითითებული. ღირებულებები შეიძლება იყოს 100-დან 900-მდე, მაგრამ ყველაზე ხშირად გამოიყენება:
- თამამი (ცხიმი) - 700 ჩვეულებრივ;
- ნორმალური (ნორმალური) - 400 ნაგულისხმები.
ასევე არსებობს გარიგებისა და მსუბუქია ღირებულებების ვარიანტები, რომლებიც შრიფტის შეცვლას ითვალისწინებენ მშობლის მეტ-ნაკლებად ცხიმს, შესაბამისად.
CSS- ში გაბედული ტექსტის დასადგენად, საჭიროა სხვა სტილი, მაგალითად, მაგალითად:
ჩვეულებრივი ტექსტი ს ცხიმის შერჩევა ცენტრში.
ძლიერი (შრიფტის წონა: თამამი;)
აქ მინდოდა ერთი პატარა ნიუანსის აღსანიშნავად, რომელიც მე მითხრეს - თუ ახალი კლასის შექმნისას, სასურველია გამოიყენოთ მეტნაკლებად "გასაგები სახელი". მაგალითად, მაგალითად, სტილის კლასში \u003d "ჩემი თამამი შრიფტი" უფრო ლოგიკურია, ვიდრე კლასი \u003d "New-Font", რადგან თქვენ შეგიძლიათ ნაწილობრივ გაიგოთ მისი მიზანი. ეს არის პლუს, ვინც გამოიყურება და გამოიყენებს თქვენს განლაგებას მომავალში.
მომდევნო სტატიაში, მე გეტყვით საინტერესო ცხიმის შრიფტის შესახებ, რომელიც მოვძებნე.
ისე, რომ ჩვენი ვებ გვერდი უფრო მეტად გამოიყურებოდა, ჩვენ პარაგრაფებზე გადავყარეთ ტექსტი და წამოაყენეთ სათაური. HTML- ს აქვს 1-დან 6-მდე სექციის სათაურების 6 დონე 1-დან 6-მდე. სათაურით გამოცხადებულია წყვილი tags ნომრები, სათანადო დონეზე, მაგალითად,
- პირველი დონის სათაურის სექცია, და - მეექვსე დონის სათაური მონაკვეთი. ჩვეულებრივი ტექსტის სათაური განსხვავდება ასოებისა და სიგანეების სიგანეზე. პირველი დონის H1- ის სათაურები, როგორც წესი, ნაჩვენებია ძალიან დიდი შრიფტით, ხოლო მეექვსე დონე H6- ის სათაურით ძალიან მცირეა.ტიტული
დოკუმენტის დანაწევრების ტიტულის არგუმენტით, რომელიც ადრე განისაზღვრება ელემენტის მიერ განსაზღვრული დოკუმენტის წინაშე
.როგორც ტექსტის სათაურში, ჩვენ ვიყენებთ პირველ წინადადებას - ამისათვის საკმაოდ შეზღუდულია მისი tags
და
.გამყარებაში სხვა ტექსტში. Html ფაილის Tags
და
ისე, რომ მათ შეზღუდული პირველი წინადადება ტექსტი, და ეს ნაჭერი კოდი მიიღო შემდეგი ტიპის:კეთილი იყოს თქვენი მობრძანება SD!
შევხედავ შეძენილ შედეგს.
ფაილის შენახვა Notepad პროგრამის მენიუს ბრძანების შერჩევით (Notepad) ფაილი - შენახვა (ფაილის შენახვა).
გადარჩენის ოპერაცია ყოველთვის უნდა გაკეთდეს დოკუმენტის ნახვის წინ, რადგან ის ხსნის ფაილის სანახავად, ჩამოტვირთვის კომპიუტერთან გადახვევა დისკზე. თუ HTML კოდის რედაქტირების შემდეგ თქვენ არ შეინახავთ ფაილს, თქვენ ვერ ნახავთ ბრაუზერში რაიმე კონფიგურაციას.
ბრაუზერის ფანჯრის აღდგენა ღილაკის დაჭერით ღილაკზე დაჭერით (Taskbar).
დააჭირეთ F5 ღილაკს ან updresh ღილაკს (განახლება) პროგრამის სამუშაო ფანჯარაში Toolbar. სხვა. HTML ფაილი იქნება გადატვირთული, და თქვენ ნახავთ ბრაუზერის ფანჯარაში, როგორც პირველი დონის ჰედერი გამოიყურება.
შეამოწმეთ, თუ როგორ გამოიყურება სხვა 5 საფეხურის დასახელება, შეცვალოს ნომრები Tags: H2, H3 და ასე შემდეგ თითოეული კონფიგურაცია, არ უნდა დაგვავიწყდეს, რომ გადავარჩინოთ ფაილი და განაახლეთ გამოსახულება ბრაუზერის ფანჯარაში.
ექსპერიმენტების დასრულებისას, აღადგინოთ tags სხვა. HTML ფაილი
.გამოყენებით 6 header დონეზე, რომელიც უზრუნველყოფს თქვენს განკარგულებაშია hTML ენა, თქვენ შეგიძლიათ გააკეთოთ უბრალოდ იკითხება დოკუმენტი ინტუიციური წმინდა სტრუქტურით. გახსოვდეთ, რომ თქვენი დოკუმენტი ყოველთვის იქნება მნიშვნელოვნად უკეთესი, თუ მას აქვს ზუსტი განყოფილება სექციებსა და ქვედანაყოფებში.
სათაურები
თავდაპირველად, სათაური შეესაბამება გვერდს მარცხენა მხარეს. მაგრამ ეს ასევე შეიძლება იყოს შეესაბამება მარჯვენა ზღვარზე ან საუკუნეში. მარჯვენა ხელის განლაგებისთვის
გასწორება \u003d "მარჯვენა" ატრიბუტი გამოიყენება და ცენტრში - გასწორება \u003d "ცენტრი". მარცხენა ცალმხრივი განლაგების აშკარა მითითება ასევე დაშვებულია - გასწორება \u003d "მარცხნივ".
სანიშნეს tag
ატრიბუტიკა გასწორება \u003d "ცენტრი", რათა ასრულებს ტიტული. ამ ელემენტმა უნდა მიიღოს შემდგომი ტიპი:
კეთილი იყოს თქვენი მობრძანება SD!
მომავალში, ჩვენ არ გავიხსენოთ თქვენთვის საჭიროების შესახებ, სანამ ფაილის შენახვა თავდაპირველ კოდს და სურათის განახლება ბრაუზერში.
როგორ გააკეთოთ ტექსტი HTML- ში
ახლა ჩვენ გავატარებთ დანარჩენ ტექსტს. მე გაზრდის მის ზომას და ტექსტს თამამი გამოძიების წარწერით. დაწყვილებული tags გამოიყენება დააყენოთ თამამი პარალიზის .
გამყარებაში სხვა. HTML ფაილი და დახურვა Tags ისე, რომ ისინი ზღუდავს ტექსტს აქ თქვენ შეისწავლით ... ამ ელემენტს უნდა მიიღოს შემდგომი ტიპი:
როგორ HTML მიიღოს ტექსტი Italics
Curly წარწერა დამონტაჟებულია გამოყენებით tags .
გამყარებაში თავდაპირველი HTML კოდი tag და ისე, რომ რედაქტირებული ელემენტი მიიღო შემდეგი ტიპის:
აქ თქვენ გაეცნობიან ჩვენს საქმიანობას, შესახებ პროგრამული პროდუქტები ჩვენი კომპანია და აღჭურვილობა ჩვენ ვაპირებთ
მარკირების ელემენტები შეიძლება ჩაიდინოს, როგორც ამ სტრუქტურაში, სადაც ელემენტია … ინვესტიცია ელემენტში …. თანამედროვე ბრაუზერები Cleable გაუმკლავდეს nested tags. იმიტომ, რომ თქვენ უნდა ეძებოთ დანართი. ბრაუზერის მუშაობა რთული იქნება, თუ ბუდე გატეხილია. მაგალითად, ასეთი ჩანაწერი არასწორია: …. HTML კოდის საერთო წერის ძალიან ფუნდამენტური ნაწილია.
როგორ გააკეთოთ ტექსტი HTML- ში
წყვილი tags თქვენ შეგიძლიათ შექმნათ ტექსტის ნაწილის ხაზგასმული ნახაზი, შემოიფარგლება tag, და დახმარებით წყვილი tags - ტექსტის ჩვენება Teletype შრიფტით.
უნდა აღინიშნოს, რომ ცოტა ხნის წინ შეაფასეთ და ხაზგასმით აღინიშნება სტილები. ეკვივალენტი . დიახ, ახალი ანალოგი უფრო მკაცრია, მაგრამ ეს საკმაოდ შაგრამა. მთავარია ამ სარგებელი ამბობს, ის ფაქტი, რომ bulky კრემი არის crossbromezer, სხვა სიტყვები შესაფერისი ყველა ბრაუზერები, როდესაც ყველა ბრაუზერი არ არის მხარდაჭერილი.
როგორ დაიბრუნოს ტექსტი HTML- ში
ახლა გაზრდის ტექსტის შრიფტის ზომა. ეს შეიძლება გაკეთდეს სხვადასხვა მეთოდებით.
განცხადებები მათ შორის გაფორმებული ტექსტის შრიფტის ზომა.
დაამატეთ ზემოთ აღნიშნული კოდის დასაწყისში და დასასრულს, შესაბამისად, tags და ისე, რომ ელემენტმა მიიღო შემდეგი ტიპის:
აქ თქვენ გაიგებთ ჩვენს ბიზნესს, ჩვენი კომპანიის პროგრამული პროდუქტებისა და ჩვენ ვაწარმოებთ
ერთად tagov თქვენ შეგიძლიათ შეამციროთ ტექსტის შრიფტის ზომა საწყისთან შედარებით.
კიდევ ერთი მეთოდი მიუთითებს შრიფტის ზომა - ერთად tags ზომის ატრიბუტით. ამ ატრიბუტის ღირებულებები, რიცხვები გამოიყენება 1-დან 7-მდე. ღირებულება 1 შეესაბამება პატარა შრიფტის ზომას და 7-ის ღირებულება ყველაზე დიდია.
ნაცვლად tagov Tags ნახვა , თუ როგორ ტექსტის შრიფტის ზომა იცვლება ზომის ატრიბუტის სხვადასხვა ღირებულებებში - 1-დან 7-მდე.
როგორც ზომის ატრიბუტის ღირებულება, ასევე შეგიძლიათ გამოიყენოთ ნომრები 1-დან 7-მდე + (PLUS) ან - (მინუს). ამ შემთხვევაში, შრიფტის ზომა შესაბამისად იზრდება არც მინიატალიზებზე, მაგალითად, მაგალითად, tags შექმნა შრიფტის ზომა, შედარებით მიმდინარე ერთ დონეზე. შეამოწმეთ.
მითითებული 5 როგორც ზომა ატრიბუტის ღირებულება ტექსტის ტექსტი: . ამ ნაწილის HTML კოდი უნდა იყოს ასე:
აქ თქვენ გაიგებთ ჩვენს ბიზნესს, ჩვენი კომპანიის პროგრამული პროდუქტებისა და ჩვენ ვაწარმოებთ.
Tags ფერი ატრიბუტი შეიძლება გამოყენებულ იქნას, რათა მიუთითოთ ფერის ფერის ტექსტური ტეგები. ამ ატრიბუტის ღირებულებები იგივეა, რაც ადრე განხილულ ატრიბუტებს, რომლებიც აღწერენ დოკუმენტის ფონისა და ტექსტის გამოყენებას.
ნაგულისხმევი, პარაგრაფით ტექსტი აქ თქვენ ისწავლით ... შეესაბამება მარცხნივ. ცენტრის მისი ჰორიზონტალურად ერთად tags
Stick Tags
ყურადღება მიაქციეთ, რომ ცენტრალურ ნაწილში ჩვენ ვიყენებთ tags
ყურადღება! 2010 წლისთვის Tags ,
=
=
ასევე არსებობს დიდი რაოდენობით სხვა მოძველებული ტეგები, რომლებიც არ არიან ამ სტატიაში, ამიტომ უმჯობესია გაეცნოთ სპეციალიზებულ ვებ-გვერდებს Ეს საკითხი. მაგრამ მთავარია აქ ცოტა უფრო მაღალია
შერჩევის კოდები
HTML ენა აღიარებს ორ მიდგომას ტექსტის ფრაგმენტების შერჩევისთვის. ერთის მხრივ, პირდაპირ მიუთითებს, რომ ტექსტის გარკვეულ მონაკვეთზე შრიფტი შეიძლება იყოს თამამი ან ნიშნავს, სხვა სიტყვებით, აშკარაა, რომ შრიფტის შრიფტის დაზუსტება, როგორც ჩვენ ამ გამოცდილებაში გავაკეთეთ. მეორეს მხრივ, თქვენ შეგიძლიათ აღინიშნოს მინიმუმ რამდენიმე ნაჭერი ტექსტი, როგორც ზოგიერთი, კარგი ჩვეულებრივი, ლოგიკური სტილიდან, რომელიც უზრუნველყოფს ამ სტილის ინტერპრეტაციას ბრაუზერში. ასე რომ, Makar, ლოგიკური სტილის გვიჩვენებს როლი ტექსტი ნაჭერი, მაგალითად, დიდი მნიშვნელობა შედარებით ყოველდღიური ტექსტი ან ის ფაქტი, რომ ეს ნაჭერი არის ციტატა. საკუთარ სამუშაოში შეგიძლიათ გამოიყენოთ შემდგომი ტეგები, რომლებიც განსაზღვრავენ ლოგიკურ სტილებს. შეამოწმეთ, როგორ მუშაობს ისინი სხვადასხვა ბრაუზერებში.
- გამოიყენება სიტყვის დასადგენად. ტექსტი არის მოლოდინში.
- ხაზს უსვამს სიტყვებს და გაძლიერებას. ტექსტი ნაჩვენებია Italics- ში.
- ხაზს უსვამს წიგნების, ფილმების, სპექტაკლების ტიპს და ასე შემდეგ ნაგულისხმევი დახასიათებით.
- კოდის კოდის ფრაგმენტებისთვის. ნაჩვენებია ფიქსირებული სიგანე შრიფტის ჩვენება.
- გამოიყენება ტექსტისთვის, რომ მომხმარებელი შედის კლავიატურაზე. სხვადასხვა ბრაუზერებში შეიძლება გამოჩნდეს სხვადასხვა შრიფტები. Tag მოძველებულია.
- პროგრამების ჩვენება. აჩვენებს ფიქსირებული სიგანის შრიფტს. Tag მოძველებულია.
- განსაკუთრებით ფუნდამენტური ფრაგმენტებისათვის. ეს ჩვეულებრივ გამოყოფილია თამამი.
- ის გამოიყენება, რომ ტექსტის ან სიტყვის ნაწილი სიმბოლური ცვლადია, სხვა სიტყვებით, ტექსტი, რომელიც შეიძლება შეიცვალოს სხვადასხვა გამონათქვამებით. ნაჩვენებია მიერ Italics მიერ default. Tag მოძველებულია.
HTML 4.0 სპეციფიკაცია გთავაზობთ უფრო პროგრესულ მეთოდს ტექსტის სტილისა და სხვა ნაწილების მითითების უფრო პროგრესულ მეთოდს - კასკადური CSS სტილის სპეციალური ენის გამოყენებით (კასკადური სტილის ფურცლები). სტილის მაგიდები არის უზარმაზარი მიღწევა დიზაინის ფართობი, გაფართოების უნარი გააუმჯობესოს გვერდებზე. სტილის ცხრილები გამარტივდეს ინტერვალით ხაზების, შინაარსი, ფერები, რომლებიც გამოიყენება ტექსტისა და ფონზე, ზომა და შრიფტის სტილი და ასე შემდეგ, ყველაზე HTML ნაწილების სტილი შეიძლება შეფასდეს სტილის ატრიბუტის გამოყენებით, რომელიც მოთავსებულია გახსნისას. როგორც სტილის ატრიბუტის ღირებულება, ტიპების ტიპი "ქონება: ღირებულება". მაგალითად, კოდით, რომელიც აღწერს სექციის სათაურს,
სტილი \u003d "ფერი: ლურჯი" ატრიბუტი განსაზღვრავს, რომ ფერი ქონება (ფერი) არის ლურჯი (ლურჯი), სხვა სიტყვებით, პირველი დონის სათაურის ტექსტი უნდა იყოს ნაჩვენები ლურჯი.
სტილის განლაგება
მოდი ვნახოთ, როგორ კასკადური სტილის ცხრილების ენაზე, მიუთითეთ ტექსტის ნაწილის სტილი, რომელიც იწყება სიტყვებით აქ თქვენ ისწავლით ...
შრიფტის სისქის მითითებით, შრიფტის წონის ქონება გამოიყენება მსუბუქია ღირებულებით (ვიწრო), თამამი (თამამი), თამამი, მაგალითად, სტილი \u003d "შრიფტის წონა: თამამი".
შრიფტის სტილის ქონება იტალიურ ღირებულებით გამოიყენება მითვისების განსაზღვრისთვის. აქედან გამომდინარე, ტექსტის ბუმერის სხეულის ინსპექციისთვის, სტილის ატრიბუტს მოჰყვება: სტილი \u003d "შრიფტი-წონა: თამამი; შრიფტის სტილი: Italic". პირდაპირი ყურადღება: მახასიათებლები შეიძლება განთავსდეს ნებისმიერ ბრძანებაში და აუცილებლად მოითხოვოს სემინოლონის გაზიარება.
თუ გსურთ შრიფტის ზომა მიუთითოთ, თქვენ უნდა გამოიყენოთ შრიფტის ზომა, რომლის ღირებულებებიც შეიძლება შეფასდეს ნათესავზე ან აბსოლუტურ ღირებულებებში. შედარებითი ღირებულებები პროცენტული და საქონელი (PT), პიქსელი (PC), სანტიმეტრები (სმ), მილიმეტრი (მმ) გამოიყენება აბსოლუტური ღირებულებები. Მაგალითად:
სტილი \u003d "შრიფტის ზომა: 200%"
სტილი \u003d "ფონტის ზომა: 16pt"
სტილი \u003d "ფონტის ზომა: 100px"
მიუთითეთ აბსოლუტური, არა ნათესავი ზომის, თქვენ ართმევს მომხმარებლებს, რომლებიც თქვენს გვერდებზე გადადიან, შრიფტის მენიუს ბრძანების გამოყენებით შრიფტის ზომის გაზრდის უნარი. შრიფტები იქნება ნაჩვენები მხოლოდ ზომა. აქედან გამომდინარე, უმჯობესია, შრიფტის ზომა განსაზღვროს პროცენტში. ამ შემთხვევაში, შრიფტის ზომა იქნება ნაკლები ან მეტი აღნიშნული რაოდენობის პროცენტი, ვიდრე მაშინ, როდესაც იგი შექმნილია, როდესაც დახმარება HTML Default tag.
განსაზღვრავს ტექსტის ჰორიზონტალურ ტექსტს, ტექსტის გასწორება ქონების მარცხენა ღირებულებებს (მარცხნივ), მარჯვნივ (თითო მარჯვნივ), ცენტრი (ორიენტირებული), გაამართლეთ (სიგანე). ასე რომ, Makar, აღვნიშნო, რომ ტექსტი აქ თქვენ შეისწავლით ... უნდა იყოს გაფორმებული თამამი გამოძიება ზომა 150% თავდაპირველი და შეესაბამება ცენტრში, იგი შემდეგნაირად მისი სტილი უნდა მოიძებნოს:
სტილი \u003d "შრიფტის წონა: თამამი; შრიფტის სტილი: იტალიური; შრიფტის ზომა: 150%; ტექსტის გასწორება: ცენტრი"
ჩვენ ვრცელდება ეს ატრიბუტი tags<р>რომელიც საშუალებას გაძლევთ წარმოადგინოთ ტექსტი ცალკე პუნქტში.
რედაქტირება hTML ელემენტიმათ შორის ტექსტის ჩათვლით თქვენ ისწავლით ... მოხსნის tags
<р style="font-weight: bold; font-style: italic; font-size: 150%; text-align: center">აქ თქვენ გაიგებთ ჩვენს ბიზნესს, ჩვენი კომპანიის პროგრამული პროდუქტებისა და ჩვენ ვაწარმოებთ
ვხედავ, HTML ენა საშუალებას გაძლევთ გამოიყენოთ სხვადასხვა მეთოდები სტილის დიზაინი. ერთად, CSS სტილის კასკადური ცხრილების გამოყენება უფრო სასურველია.
სხვა განლაგების პარამეტრები და სტილის გამოყენება
ჩვენ ვნახეთ მხოლოდ ერთი ვარიანტი სტილის სტილის ცხრილების სტილის გამოყენებისას, როდესაც სტილის განსაზღვრა მოთავსებულია სპეციალურად იმ ელემენტში, რომელიც აღწერს.
ეს კეთდება სტილის ატრიბუტის გამოყენებით ყველაზე სტანდარტულით hTML Tags. მაგრამ არსებობს სხვა ვარიანტი CSS- ის გამოყენებისათვის.
სტანდარტულ HTML- ში, სტილის ცხრილების დანერგვის გარეშე, გარკვეული პარამეტრების ნებისმიერი ელემენტის მინიჭება, როგორიცაა ფერი, ზომა, პოზიცია გვერდზე, და მისთვის, აუცილებელია ყველა ელემენტის თითოეული ელემენტისთვის, თუნდაც ერთი გვერდი უნდა იყოს განთავსებული 10- ki ასეთი ნაწილები, რომლებიც არ განსხვავდება ერთმანეთისგან. თქვენ უნდა ჩაწეროთ ერთი და იგივე ნაჭერი HTML კოდი გვერდზე, იზრდება ფაილის ზომა და დატვირთვის დრო ქსელიდან.
სტილი მაგიდები იმოქმედებს სხვა, უფრო კომფორტულ და ეკონომიკურ მეთოდით. გარკვეული თვისებების ნებისმიერი ელემენტის მინიჭების მიზნით, თქვენ უნდა გამოიკვლიოთ ეს ელემენტი ერთხელ და იპოვოთ ეს აღწერილობა, როგორც სტილი, და მომავალში უბრალოდ მიუთითეთ, რომ ელემენტს გსურთ შესაფერისი წესით, უნდა მიიღოთ სტილის მახასიათებლები. კომფორტული, არა?
უფრო მეტიც, თქვენ შეგიძლიათ შეინახოთ სტილის აღწერა არ არის თქვენი ვებ-გვერდის ტექსტში, მაგრამ ცალკე ფაილი - ეს საშუალებას მოგცემთ გამოიყენოთ სტილის აღწერა ნებისმიერი რაოდენობის ვებ-გვერდებზე. და შემდეგი, ასოცირებული უპირატესობა - უნარი შეცვალოს დიზაინი მინიმუმ ნებისმიერი რაოდენობის გვერდები მიერ გამოსწორების სტილის სტილის ერთი ცალკე ფაილი.
გარდა სტილი მაგიდები საშუალებას გაძლევთ მუშაობა შრიფტის დიზაინის გვერდებზე კიდევ უფრო უმაღლესი დონევიდრე სტანდარტული HTML.
მიმდინარე დროს, CSS ენას აქვს საკმარისად დიდი რაოდენობით HTML ნაწილები, რომელსაც შეუძლია გააკონტროლოს. გამოყენებით "უსაფრთხო", სხვა სიტყვები თავსებადია ყველაზე დიდი რიცხვი ბრაუზერები cSS ელემენტები - შრიფტის მახასიათებლები, ნაწილები და ფონის ფერი, ტექსტური მახასიათებლები და საზღვრები - შეგიძლიათ მნიშვნელოვნად გაათავისუფლონ თქვენი სამუშაო და თქვენი ვებ გვერდები საკმაოდ დიზაინის ტექსტის დიზაინით.
ან ვისწავლოთ tags ფორმატირება HTML ტექსტი
ერთ-ერთი გასაღები და უმარტივესი სამეურვეო გაკვეთილი წარმოდგენილია თქვენს ყურადღებას.
- HTML ტექსტი ეს არის ყველაზე ინტერნეტ გვერდების ძირითადი კომპონენტი.
- გასწვრივ ძირითადი ფრაზები hTML გვერდის ტექსტში მომხმარებელს შეუძლია იპოვოთ თქვენი საიტი.
- HTML ტექსტი შეიძლება იყოს ნებისმიერი ზომა და ფერი, თქვენი შეხედულებისამებრ. თქვენ ასევე შეგიძლიათ განსაზღვროთ შრიფტის ტიპი და მისი მოცულობა.
- HTML შრიფტის ზომა პიქსელებში საყოველთაოდ დამონტაჟებულია.
- HTML ტექსტის ფორმატირება გავრცელებული, ფორმატირების ტეგები გამოიყენება.
Იხილეთ ქვემოთ tags ფორმატირება HTML ტექსტი:
- განცხადებები → ცხიმი HTML ტექსტი (თამამი შრიფტი).
- Tags → ცხიმი HTML ტექსტი (თამამი შრიფტი).
- განცხადებები → Monoshyry HTML ტექსტი (Monosular შრიფტი).
- განცხადებები
- განცხადებები → Monoshyry HTML ტექსტი (Monosular შრიფტი).
- განცხადებები → HTML ტექსტი, ზომა უფრო მეტია, ვიდრე ჩვეულებრივი (დიდი შრიფტი).
- განცხადებები → HTML ტექსტიზომა ნაკლებია ჩვეულებრივი (პატარა შრიფტი).
- განცხადებები → HTML ტექსტი (დახრილი შრიფტი).
- განცხადებები → HTML ტექსტი (დახრილი შრიფტი).
- განცხადებები → HTML ტექსტი (დახრილი შრიფტი).
- განცხადებები → ხაზგასმით აღნიშნა HTML ტექსტი (ხაზგასმული შრიფტი).
- განცხადებები
- განცხადებები → HTML ტექსტი (შრიფტი) ქვედა ინდექსში.
- განცხადებები → HTML ტექსტი (შრიფტი) ზედა ინდექსში.
HTML ტექსტის ფორმატირება: გაანადგურა, ხაზგასმული ტექსტი
შედეგი: ... Monoshyry Font
შედეგი: ... შრიფტის ზომა უფრო მეტია, ვიდრე ჩვეულებრივი
შედეგი: ... დახრილი შრიფტი
შედეგი: სტრესული ტექსტი (სტრესული შრიფტი)
შედეგი: ზედა ინდექსი
C ფორმატირება, რომელიც წარმოდგენილია ზემოთ, უნდა იქნას გამოყენებული მხოლოდ ტექსტის მცირე მონაკვეთებზე. სარგებლობა CSS. თუ გსურთ დააყენოთ კონკრეტული შრიფტი მთელი გვერდისთვის, ან რამდენიმე ხაზისთვის, მაგალითად.
HTML გთავაზობთ ტექსტის დიზაინის თვალსაზრისით. დღეს მე გეტყვით, თუ როგორ უნდა გააკეთოთ კურსური შრიფტი HTML- ში და როგორც სტანდარტული შრიფტისა და არასტანდარტული. მეორე შემთხვევაში, აუცილებელია ყველაფრის გათვალისწინებით.
როგორ დავწეროთ HTML Italics- ში?
მე დავიწყებ იმ ფაქტს, რომ HTML- ში არსებობს ორი ტეგები, რომლებიც ტექსტს ტექსტს აძლევენ. ეს არის em და I. სხვათა შორის, მეორე აშენდა WordPress ძრავის HTML რედაქტორი, რომელშიც მე ახლა ვარ ეს არტიკლი. რა არის ეს tags განსხვავდება? სინამდვილეში, დღეს მე არ მინდა ხმამაღლა გამოაცხადოს, რომ ისინი განსხვავდებიან.
ზოგადად, em გამოიყენება ხაზგასმით სიტყვები, რომლებიც უნდა გამოხატოს სპეციალური ინტონაცია, და მე უბრალოდ ხაზს უსვამს ტექსტს. მაგრამ ჩვენ არ შეგაწუხებთ მასზე, რადგან უცნობია, ეს მართალია.
რა არის CSS თვისებები კვეთა ტექსტისთვის?
ეს არის შრიფტის სტილის ქონება და მისი დახასიათება. ჯერ კიდევ არსებობს oblique ღირებულება და თურმე ტექსტი მიდრეკილია. არსებობს რაიმე განსხვავება ამ ღირებულებებს შორის? პრაქტიკულად არა. სხვათა შორის, დეტალურად ამ და სხვები cSS თვისებები ტექსტისთვის, წაიკითხეთ შესაბამის სტატიაში, სადაც ყველაფერი თაროებზე დაიშალა.
როგორ მოვიყვანოთ არასტანდარტული შრიფტი იტალიაში?
ფაქტია, რომ თუ თქვენ დააკავშირებთ არასტანდარტულ შრიფტს Google შრიფტები. ამ შემთხვევაში, თქვენ უნდა აღინიშნოს ჩამრთველი, როდესაც თქვენ დაკავშირება მინიმუმ 1 შრიფტის სიმებიანი. თუ ეს არ არის გაკეთებული, მაშინ, როდესაც თქვენ ცდილობენ ასეთი შრიფტის ნივთები, ეს იქნება დაწესებული ერთ-ერთი სტანდარტული შრიფტი. სხვათა შორის, თქვენ შეგიძლიათ წაიკითხოთ ამ სტატიაში არასტანდარტული შრიფტების დამაკავშირებელი.
ამ სკრინშოტში შეგიძლიათ იხილოთ შრიფტის კავშირის ფრაგმენტი google სერვისი შრიფტები.
როგორც ჩანს, არსებობს tick ახლოს მინიმუმ ერთი tallery წარწერა. ახლა, როდესაც საჭირო tags ან სტილის თვისებები, ნამდვილად ეს შრიფტი გახდება მნიშვნელოვანი და არა სხვა.
ამდენად, ჩვენ disassembled ყველა მომენტები, რომლებიც მუშაობენ კვეთა. აღარ გაბედავდა დაკავებით.
ერთ-ერთი ყველაზე მარტივი გზა, რომელიც ხაზს უსვამს ტექსტში სიტყვას ან ფრაზას - გამოიყენეთ წერილების სხვა ნახაზი. ასე რომ თქვენ შეგიძლიათ ხაზგასმით აღვნიშნოთ სიტყვა ან ფრაზა, გამოყენებით თამამი გვერდები მარტივია საშუალებას გაძლევთ ხაზს უსვამს სიტყვებს სხვადასხვა დიზაინის გამოყენებით - ნიშნავს, ხაზგასმული, ცხიმოვანი.
ცხიმის შრიფტი, როგორც წესი, ხაზს უსვამს მთავარ საკითხს
სიტყვები ხაზს უსვამს თამამი შრიფტით ყველაზე ნათელი და დაჭერა. ასეთი სიტყვები და ფრაზები დაუყოვნებლივ გამოიქცევიან თვალში. ასე რომ, იმისათვის, რომ ისწავლონ, თუ როგორ სწრაფად გამოყოთ საჭირო ადგილები ტექსტში, უნდა გახსოვდეთ სპეციალური HTML კოდი. თამამი შრიფტი გამოფენილი წყვილი tag.
ადრე სიტყვა ან ფრაზა, წინადადება, რომელიც უნდა იყოს ხაზგასმული, გახსნა tag არის მითითებული . ბოლო წერილი ტექსტში, რომელიც უნდა იყოს ხაზგასმული, განთავსებულია დახურვის ტეგი. ყველაფერი, რაც ამ ორ ტოტს შორის გამოდის, როდესაც ბრაუზერში აჩვენებს ცხიმოვანი ინსულტი.
სხვა ვარიანტი
ასე რომ, აღმოჩნდა, რომ თქვენ შეგიძლიათ აირჩიოთ ტექსტი სხვა დიზაინის გამოყენებით. გადაწყვიტა, რომ ყველაზე მარტივი და ამავე დროს ეფექტურად გამოიყენოთ ცხიმი hTML შრიფტი. ახლა მოდით ვისაუბროთ სხვა შერჩევის შესახებ.
ასე რომ, თქვენ შეგიძლიათ აირჩიოთ ტექსტი Italics ერთად წყვილი tag , ხაზი გავუსვა მას . ეს არის ყველაზე მეტად მარტივი გზები ტექსტის შერჩევა.
ასევე არსებობს ნაკლებად ცნობილი და გამოყენებული tags, რომელთანაც შეგიძლიათ გამოყოთ სიტყვები და წინადადებები ტექსტში. ასე რომ, ტექსტის გადაკვეთის მიზნით, საკმარისია . ტექსტის მონოსოლი დაეხმარება წყვილს . თუ თქვენ უნდა შეიქმნას ზედა ინდექსი, გამოყენება , ნიჟნი - .
ამავდროულად, როგორც ადრე, ტექსტი, რომელიც გჭირდებათ, უნდა იყოს გახსნისა და დახურვის ტეგი შორის. როგორც ხედავთ, არაფერია გართულებული, მთავარია, რომ ეს კოდები ან დამწვრობა მათ.
გამოიყენეთ მრავალჯერადი შრიფტები
თუ გსურთ ტექსტის ტექსტის გაკეთება, თქვენ შეგიძლიათ გამოიყენოთ არა მხოლოდ ცხიმოვანი შრიფტი. HTML-MarkUP საშუალებას გაძლევთ ერთდროულად აირჩიოთ სიტყვა მრავალჯერადი stacks გამოყენებით. ასე რომ, თქვენ შეგიძლიათ ერთდროულად გააკეთოთ სიტყვა ცხიმი, გადაკვეთა და ნიშნავს.
ამავდროულად აუცილებელია ერთი რამ უნდა გვახსოვდეს - ყველა ტეგები უნდა დაიხუროს თანმიმდევრულად. მაგალითად, სწორი ჩანაწერი შეიძლება იყოს:
- შერჩეული ტექსტი.
თუ თქვენ დახურეთ tags სხვადასხვა მიზნით, ტექსტი არასწორად გამოყოფილი იქნება. შეცდომის მაგალითი:
- შერჩეული ტექსტი.
ამ შემთხვევაში, ბრაუზერი დაბნეული და არ მესმის, რა ზუსტად გსურთ.
სხვათა შორის, შეიძლება აღინიშნოს, რომ სამი ვარიანტი ნახაზი - ცხიმი, ხაზგასმული და ნიშნავს - გაიხსენა საკმაოდ ადვილად, თუ თქვენ გაქვთ ცხელი გასაღებები სიტყვა. იქ, ნახაზი იმავე წერილების გამოყენებით, როდესაც Ctrl- ის clamp.
როგორც ხედავთ, შეგიძლიათ გამოიყენოთ არა მხოლოდ კურსი ან ცხიმიანი შრიფტი. HTML MarkUP საშუალებას გაძლევთ ხაზგასმით აღვნიშნო სიტყვები მარტივი როგორც ჩვეულებრივი სიტყვა.
დასკვნები
არა მხოლოდ მრავალფეროვანი ფერები და ფერებში, სხვადასხვა ზომის და შრიფტის ტიპი, არამედ მისი წარწერა ფართოდ გამოიყენება ტექსტის ხაზგასმით. უფრო მეტიც, ეს არის ზუსტად განსხვავებული მონახაზი, რომელიც არის ლამაზი და მარტივი ტექსტის ერთი ან სხვა ფრაგმენტი.
შრიფტის დაწყების შესაცვლელად, თქვენ უნდა გამოიყენოთ ნებისმიერი ტეგი თქვენთვის. ცხიმის შრიფტი HTML გვერდები არის ყველაზე ნათელი და შესამჩნევი და ამიტომ გამოიყენება ყველაზე ხშირად ხაზს უსვამს.
