ინდექსი ტექსტთან მიმართებაში არის სიმბოლოების ოფსეტური საწყისი საწყისიდან ქვევით. პოზიტიური ან უარყოფითი ოფსეტური მნიშვნელობიდან გამომდინარე, ინდექსს ეწოდება, შესაბამისად, ზედა ან ქვედა. ისინი აქტიურად გამოიყენება მათემატიკაში, ფიზიკაში, ქიმიაში და საზომი ერთეულების დასადგენად. HTML გთავაზობთ ინდექსის შესაქმნელად ორ ელემენტს: (ინგლისური ზედასიწერიდან) - ზედაწერილი და (ინგლისური ხელმოწერიდან) - ხელმოწერა. ერთ -ერთ ამ კონტეინერში მოთავსებული ტექსტი აღინიშნება უფრო პატარავიდრე ძირითადი ტექსტი და გადაინაცვლებს მასზე მაღლა ან ქვევით. მაგალითი 1 გვიჩვენებს გაზიარებამითითებული ელემენტები და სტილები ტექსტის გარეგნობის შესაცვლელად.
მაგალითი 1. შექმენით ზედა და ქვეწერითი
მეორე ხარისხის ზედაპირის დამახასიათებელი განტოლება
λ 3- ᲛᲔ 1λ 2+ მე 2λ - მე 3 = 0
მაგალითი ერთდროულად შეიცავს როგორც ქვესაწერებსაც, ასევე ზემდგომს. ინდექსის შრიფტის სტილის შესაცვლელად გამოიყენება სტილი, რომელიც მითითებულია ერთიანი დიზაინი(სურ. 1).
ბრინჯი 1. ინდექსების ხედი სტილის გამოყენების შემდეგ
თქვენ შეგიძლიათ მთლიანად უარი თქვათ გამოყენებაზე და სტილის სასარგებლოდ. ამ ელემენტების ანალოგია ვერტიკალური გასწორების თვისება, აიძულებს ტექსტს ვერტიკალურად გადაადგილება განსაზღვრული მანძილით. კერძოდ, მაგალითი 2 იყენებს 0.8em ზემოხსენებისათვის და -0.5em ხელმოწერისთვის, როგორც მნიშვნელობას. Em არის ფარდობითი ერთეული, რომელიც ტოლია მიმდინარე შრიფტის ზომის. მაგალითად, 0.5em ნიშნავს, რომ ტექსტი უნდა შეიცვალოს შრიფტის ზომის ნახევრით.
მაგალითი 2. სტილის გამოყენება ინდექსების მართვისთვის
ხარისხი მრავალწევრიანი n
f (x) = a 0+ ა 1 x + ... + a n-1 x n-1+ ა n x n
მაგალითში, თავად ფორმულა ნაჩვენებია გადიდებული ზომით, ზედა სიმბოლოები წითლად არის დაყენებული, ხოლო ქვედა - ლურჯად (სურათი 2).
HTML ტეგები და - ქვესაწერი და ზემდგომ ტექსტი
განმარტება და გამოყენება
წარწერა განსაზღვრავს ხელმოწერის ტექსტს. ხელმოწერა სიმაღლის ნახევარია და გამოჩნდება საწყისი ხაზის ქვემოთ. ხელმოწერა შეიძლება გამოყენებულ იქნას ქიმიური ფორმულების წერისას, როგორიცაა H 2 O.
წარწერა განსაზღვრავს ზედა ტექსტს. ზედწერილის ტექსტი სიმაღლის ნახევარია და გამოჩნდება საწყისი ხაზის ზემოთ. ზემოაღნიშნულის გამოყენება შესაძლებელია WWW- ის მსგავსი სქოლიოების წერისას.
ბრაუზერის მხარდაჭერა
ტეგები: და ყველა ძირითადი ბრაუზერის მხარდაჭერით.
განსხვავებები HTML- სა და XHTML- ს შორის
სტანდარტული ატრიბუტები
სვეტი DTDგანსაზღვრავს რომელი ტიპის დოკუმენტის HTML 4.01 / XHTML 1.0 DTD ატრიბუტი დასაშვებია. S = მკაცრი, T = გარდამავალი და F = ჩარჩო.
ტეგები: და მხარს უჭერს შემდეგ სტანდარტულ მახასიათებლებს:
| ატრიბუტი | მნიშვნელობა | აღწერა | DTD |
|---|---|---|---|
| კლასი | კლასის_სახელი | განსაზღვრავს ელემენტის კლასის სახელს | STF |
| რეჟ | rtl ltr |
განსაზღვრავს ელემენტის შინაარსის ტექსტის მიმართულებას | STF |
| პირადობის მოწმობა | იდენტიფიკატორი | განსაზღვრავს ერთეულის უნიკალურ იდენტიფიკატორს | STF |
| ენა | ენის_ კოდი | განსაზღვრავს ენის კოდს ელემენტის შინაარსისთვის | STF |
| სტილი | style_definition | განსაზღვრავს ელემენტის შიდა სტილს | STF |
| სათაური | ტექსტი | მიუთითებს Დამატებითი ინფორმაციანივთის შესახებ | STF |
| xml: lang | ენის_ კოდი | განსაზღვრავს ენის კოდს ელემენტის შინაარსისთვის XHTML დოკუმენტებში | STF |
შეიტყვეთ მეტი სტანდარტული ატრიბუტების შესახებ.
ღონისძიების ატრიბუტები
ტეგები: და მხარი დაუჭირეთ ღონისძიების შემდეგ მახასიათებლებს:
| ატრიბუტი | მნიშვნელობა | აღწერა | DTD |
|---|---|---|---|
| დააწკაპუნეთ | დამწერლობა | მაუსზე დაწკაპუნებული სკრიპტი | STF |
| ondblclick | დამწერლობა | ორჯერ დაწკაპუნებული სკრიპტი | STF |
| საცხოვრებლად | დამწერლობა | სკრიპტი მაუსის დაწკაპუნებაზე გასაშვებად | STF |
| მოძრავი | დამწერლობა | სკრიპტი გაშვებულია მაუსის მაჩვენებლის გადაადგილებისას | STF |
| onmouseout | დამწერლობა | სკრიპტი გაუშვით, როდესაც თაგვი მოძრაობს ელემენტის გარეთ | STF |
| გარდა ამისა | დამწერლობა | სკრიპტი გაშვებულია, როდესაც მაუსის მაჩვენებელი გადადის ელემენტზე | STF |
| onmouseup | დამწერლობა | სკრიპტი გაშვებულია მაუსის ღილაკის გათავისუფლებისას | STF |
| onkeydown | დამწერლობა | სკრიპტი გააქტიურდება გასაღების დაჭერისას | STF |
| onkeypress | დამწერლობა | სკრიპტი გაუშვით, როდესაც კლავიშს დააჭირეთ და შემდეგ გაათავისუფლებთ | STF |
| ერთდროულად | დამწერლობა | სკრიპტი მუშაობს გასაღების გამოშვებისას | STF |
შესახებ დამატებითი ინფორმაცია
გამარჯობა ზოგჯერ, ვებ გვერდების შექმნისას, აუცილებელია რამდენიმე სიტყვის დაყენება css- ის გამოყენებით დიდიან ზემოხსენებული პოზიცია. ვნახოთ როგორ კეთდება ეს.
ზედა და მცირე ასოებით css
ზოგადად, დღესაც კი, შეგიძლიათ ჩაწეროთ სასურველი ტექსტი ტეგებში და მიიღეთ სასურველი ჩვენება, მაგრამ ასევე ვნახოთ, როგორ შეიძლება ამის გაკეთება css– ით, რადგან ტექნიკა ოდნავ განსხვავებულია.
მაგალითად, თქვენ უნდა ჩაწეროთ ფორმულა H 2 O html დოკუმენტში. ეს კეთდება ასე:
- ფორმულა თავად არის დაწერილი
- ის სიტყვები და რიცხვები, რომლებიც უნდა იყოს ნაჩვენები ზედა ან ქვესათაურში, ჩასმულია span tag- ში, რომელსაც უნდა მიენიჭოს კლასი. Მაგალითად: გამოსატანი სიმბოლოები
- Css– ში თქვენ უნდა დააყენოთ ეს ელემენტი:
ტოპ-ინდექსი (
ვერტიკალურად გასწორება: სუპერ;
}
ეს თვისება პასუხისმგებელია ტექსტის ვერტიკალურ გასწორებაზე. მისი სუპერ მნიშვნელობა მიუთითებს იმაზე, რომ ტექსტი ნაჩვენებია როგორც ზედაპირი. მაგრამ შრიფტის ზომა იგივე დარჩა, რაც ჩვეულებრივი ტექსტისთვის. იმისათვის, რომ ყველაფერი უფრო ლამაზად გამოიყურებოდეს, თქვენ ასევე უნდა დააყენოთ შრიფტის ზომა ოდნავ უფრო მცირე შრიფტის ზომის თვისების გამოყენებით.
ეს არის ის, თუ როგორ მუშაობს ქონება. შესაბამისად, ხელმოწერაში საჩვენებლად საჭიროა ასე დაწეროთ:
ტოპ-ინდექსი (
ვერტიკალური-გასწორება: ქვე;
}
მსგავსი html ტეგებისგან განსხვავება ისაა, რომ ეს წესები არ ცვლის შრიფტის ზომას, ასე რომ, თუ ამის გაკეთება გჭირდებათ, მოგიწევთ რეგისტრაცია ახალი ზომასტილის ფურცელში.
ეს არის ყველაფერი რაც თქვენ უნდა იცოდეთ css– ში ზედა და ქვეწერით. ქონება არ იძლევა დამატებით შესაძლებლობებს და არც არის საჭირო. თუ გსურთ, შეგიძლიათ როგორმე შეცვალოთ ეს ტექსტი, მაგრამ ეს იშვიათად არის საჭირო.
სად შეიძლება გამოსადეგი იყოს
ზემოაღნიშნული და ხელმოწერილი ტექსტი შეიძლება გამოყენებულ იქნას ფორმულების წერისას, სტატიებში ჩანაწერების და ნიშნების დამატებისას. მაგალითად, ვიკიპედიაში ჩამოთვლილია წყაროები და შენიშვნები თითოეული სტატიისათვის. სტატიის მსვლელობისას ისინი მოთავსებულია მცირე ზომის ზედწერილების სახით. ეს არ აღიზიანებს მკითხველს და ამავე დროს საშუალებას გაძლევთ მიანიჭოთ სტატიებს სასურველ სახეს.
ქონება სრულად არის ბრაუზერის საშუალებით და მხარდაჭერილია CSS– ის ყველა ვერსიაში.
CSS იძლევა ტექსტის მოქნილ მორგებას, რომელიც წარმოდგენილია HMTL ენის გამოყენებით. დღეს ჩვენ გადავხედავთ "ტექსტის გარდაქმნის" თვისების ეფექტს, რაც შესაძლებელს ხდის შრიფტის კოლოფის შეცვლას. ეს ვარიანტი ყველას მხარს უჭერს თანამედროვე ბრაუზერებიდა შედის ყველა CSS ვერსიის სპეციფიკაციაში.
დანიშვნა
"ტექსტის გარდაქმნის" თვისებას შეუძლია მიიღოს სამი ძირითადი მნიშვნელობა და ორი დამატებითი. მაგალითად, თქვენ შეგიძლიათ მიანიჭოთ დიდი ასო ყველა შერჩეულ ტექსტს. ან შეგიძლიათ მისცეთ ბრძანება წინა თვისების საპირისპიროდ, სადაც ყველა სიმბოლო ხდება მცირე ზომის. თქვენ შეგიძლიათ დანიშნოთ შეხვედრა თქვენთვის მოსახერხებელი ნებისმიერი მეთოდის გამოყენებით. მაგალითად, შიდა სტილის გამოყენებით. ან შეგიძლია შექმნა
ცალკე ფაილი ყველა თვისების აღწერით. დავალების რომელი გზა გამოიყენოს თქვენზეა დამოკიდებული. "ტექსტის გარდაქმნას" შეუძლია მიიღოს შემდეგი მნიშვნელობები:
- დიდი ყველა არჩეული სიმბოლოს აწერია დიდი ასოებით. დიდი ასო CSS- შია გავრცელებული, რადგან ეს მნიშვნელობა დაგეხმარებათ ტექსტთან დაკავშირებული მრავალი რთული პრობლემის გადაჭრაში.
- მცირე ზომის ეს თვისება ზუსტად საპირისპიროა დიდი ზომის ბრძანებისა.
- კაპიტალიზაცია. ცვლის პირველი ასოს დიდ ასოზე. დანარჩენი პერსონაჟები არ შეიცვლება.
- არცერთი. გაძლევთ საშუალებას გადაყაროთ ყველა მინიჭებული მნიშვნელობა (საჭიროა თვისების წინასწარ განსაზღვრისათვის). როგორც წესი, ეს მნიშვნელობა მითითებულია სტანდარტულად.
- მემკვიდრეობა. მემკვიდრეობით იღებს ყველა თვისებას მშობელი ელემენტი... უნდა აღინიშნოს, რომ IE არ უჭერს მხარს ამ ქონებას.
განაცხადი
თან CSS- ის გამოყენებითდიდი (ან მსგავსი ეფექტები) დადგენილია ერთი მარტივი ბრძანებით. აქედან გამომდინარე, არ არის საჭირო მთელი ტექსტის შეცვლა ან გადაწერა. თუ ჩვენ ვსაუბრობთ ერთ გვერდიან საიტზე, მაშინ ეს თვისება შეიძლება არ იყოს სასარგებლო. მაგრამ როდესაც თქვენ აკონტროლებთ უზარმაზარ პორტალს, სადაც საჭიროა გარკვეული ფრაგმენტების ასოების კორექტირება, მაშინ "ტექსტის გარდაქმნა" ხდება ერთადერთი ეფექტური საშუალება... მაგალითად, თქვენ უნდა დააფიქსიროთ შრიფტი "h2" სათაურის ტეგებში. ამისათვის დაამატეთ ჩანაწერი: "h2 (ტექსტის გარდაქმნა: დიდი;)" და შემდეგ მეორე დონის ყველა სათაური იქნება დიდი.
თავისებურებანი
ზოგი შეიძლება ფიქრობდეს, რომ ტექსტის ხელით მანიპულირება და შრიფტის შეცვლა „ტექსტის გარდაქმნის“ თვისების გამოყენებით არაფერ შუაშია. მაგრამ ეს ასე არ არის. თუ თქვენ შეცვლით მას ხელით დიდზე (დიდი), მაშინ როდესაც თქვენ დააკოპირებთ ამ ინფორმაციას თქვენი საიტიდან, სიმბოლოები უცვლელი დარჩება. თუ თქვენ იყენებთ CSS– ს, ყველაფერი სხვაგვარადაა. "ტექსტის გარდაქმნის" თვისება მხოლოდ ვიზუალურად ცვლის შრიფტს მომხმარებლებისთვის. სინამდვილეში, სიმბოლოები უცვლელი რჩება. ეს ხდება ამ ქონების ყველა მნიშვნელობით. გადაწერილ ინფორმაციას (ტექსტს) ექნება ორიგინალური რეგისტრი, რომელიც გამოიყენება საწყისი კოდიგვერდები. ეს არის ერთადერთი განსხვავება ხელით დამუშავებასა და CSS ბრძანებების გამოყენებას შორის.
არ აქვს მნიშვნელობა რომელი გსურთ გამოიყენოთ - მცირე თუ დიდი ასოებით, მთავარია არ დაივიწყოთ მიზანი. მაგალითად, თუ თქვენ გჭირდებათ ცვლილებები მხოლოდ დეკორატიული მიზნებისათვის, მაშინ შეგიძლიათ უსაფრთხოდ გამოიყენოთ "ტექსტის გარდაქმნის" თვისება. კარგად, თუ იცით, რომ თქვენი მომხმარებლები, სავარაუდოდ, დააკოპირებენ თქვენს მიერ გამოქვეყნებულ ინფორმაციას, მაშინ უმჯობესია ხელით შეცვალოთ ყველა ტექსტი. მართლაც, ზოგჯერ მკითხველები ვერ ამჩნევენ შრიფტის ასეთ ცვლილებას. ეს განსაკუთრებით მნიშვნელოვანია, როდესაც საქმე ეხება მნიშვნელოვან დოკუმენტებს და მსგავს ინფორმაციას.
ბოლო ვიდეო გაკვეთილში ჩვენ ვისწავლეთ როგორ ამოიღოთ და დაამატოთ ახალი ინფორმაცია v ახალი ვერსია HTML დოკუმენტი, მოხსენების დროს საძიებო სისტემებიდა ხაზს უსვამს ვიზუალურად ისე, რომ ვიზიტორებმაც ნახონ ცვლილებები. ამისათვის ჩვენ გამოვიყენეთ del და ins ტეგები.
ამ ვიდეო გაკვეთილში ჩვენ ვაგრძელებთ HTML დოკუმენტში ტექსტის ფორმატირების თემას. ჩვენ გადავხედავთ ორ HTML ტეგს, რომლებიც მიუთითებენ ტექსტის ზედა და ქვეგანყოფილებას.
HTML sup tag არის HTML ტექსტში შემავალი ტექსტი.
HTML ტეგი არის HTML- ში ტექსტის სათაურის განსაზღვრისათვის. საიტის ზოგიერთ თემაში ეს ტეგი უბრალოდ შეუცვლელი იქნება. მაგალითად, თუ თქვენ გაქვთ ან გეგმავთ საიტს, რომელიც დაკავშირებულია რაიმე ფორმულებთან, მათემატიკურ ან ქიმიურთან. ან, თუ არის სამშენებლო მოედანი, მაშინ წარწერა ძალიან სასარგებლო იქნება და დაეხმარება სტატიების დიზაინში, ფორმულების ან ნებისმიერი რაოდენობის წერისას, მაგალითად, კვადრატულ მეტრს სამშენებლო თემაში.
მაგრამ თუ თქვენი საიტი არ მიეკუთვნება ჩამოთვლილ თემებს, ეს არ ნიშნავს იმას, რომ ტეგი არ გამოდგება საკმარისია წარმოაჩინოთ ფანტაზია და გამომგონებლობა და იპოვოთ აპლიკაცია ამ ელემენტზე.
HTML sub tag - ტექსტის ხელმოწერა HTML- ში.
რაც შეეხება HTML ტეგს მაშინ ის ეტიკეტის საპირისპიროა , და პასუხისმგებელია ტექსტის ხელმოწერის დაზუსტებაზე. ტექსტის ხელმოწერა შეიძლება გამოყენებულ იქნას ფორმულების ან მათემატიკური განტოლების წერისას. მაგრამ ამის გარდა, თქვენ შეგიძლიათ იპოვოთ ტეგის სხვა გამოყენება. .
შემდეგი ვიდეო გაკვეთილი ეძღვნება კიდევ ორ ტეგს, რომელიც ზოგიერთ სიტუაციაში შეიძლება უბრალოდ შეუცვლელი იყოს. უფრო მეტიც, მათ შეუძლიათ არა მხოლოდ ტექსტის ფორმატირება, მაგალითად, სტატიაში, არამედ დაკონკრეტებისას სხვადასხვა ინფორმაციაგვერდზე გვერდის განლაგების დროს. ერთი ტეგები იკეტება HTML- ში, ხოლო მეორე ხატავს ჰორიზონტალურ ხაზს.
