HTML წარწერები და - ქვესაწერი და ზედწერილი ტექსტი
განმარტება და გამოყენება
მონიშნე განსაზღვრავს ხელმოწერის ტექსტს. ხელმოწერა სიმაღლის ნახევარია და ჩანს საბაზისო ხაზის ქვემოთ. სუბსტრატის გამოყენება შესაძლებელია ქიმიური ფორმულების დაწერისას, როგორიცაა H 2 O.
მონიშნე განსაზღვრავს ზედწერილ ტექსტს. ზედწერილი ტექსტი სიმაღლის ნახევარია და ჩანს საბაზისო ხაზის ზემოთ. ზედწერილი ტექსტის გამოყენება შესაძლებელია WWW– ს მსგავსი სქოლიოების წერისას.
ბრაუზერის მხარდაჭერა
წარწერები და მხარს უჭერს ყველა ძირითადი ბრაუზერი.
განსხვავებები HTML- სა და XHTML- ს შორის
სტანდარტული ატრიბუტები
სვეტი DTD განსაზღვრავს, თუ რომელი HTML 4.01 / XHTML 1.0 DTD დოკუმენტის ტიპში არის დაშვებული ატრიბუტი. S \u003d მკაცრი, T \u003d გარდამავალი და F \u003d ჩარჩო.
წარწერები და შემდეგი სტანდარტული ატრიბუტების მხარდაჭერა:
ატრიბუტი | მნიშვნელობა | აღწერა | DTD |
---|---|---|---|
კლასი | კლასის_ სახელი | განსაზღვრავს ელემენტის კლასის სახელს | STF |
რეჟ | rTL ლტრ |
განსაზღვრავს ელემენტის შინაარსის ტექსტის მიმართულებას | STF |
პირადობის მოწმობა | იდენტიფიკატორი | განსაზღვრავს ნივთის უნიკალურ იდენტიფიკატორს | STF |
ენა | ენა_ კოდი | განსაზღვრავს ენის კოდს ელემენტის შინაარსისთვის | STF |
სტილი | სტილი_ განსაზღვრება | განსაზღვრავს ელემენტის შინაგან სტილს | STF |
სათაური | ტექსტი | განსაზღვრავს დამატებით ინფორმაციას ნივთის შესახებ | STF |
xml: ენა | ენა_ კოდი | განსაზღვრავს XHTML დოკუმენტებში ელემენტების შინაარსის ენის კოდს | STF |
დამატებითი ინფორმაცია სტანდარტული ატრიბუტების შესახებ.
ღონისძიების ატრიბუტები
წარწერები და მხარი დაუჭიროთ შემდეგი ღონისძიების ატრიბუტებს:
ატრიბუტი | მნიშვნელობა | აღწერა | DTD |
---|---|---|---|
ონკლის დაჭერა | დამწერლობა | მაუსის დაჭერით სკრიპტი | STF |
ondblclick | დამწერლობა | ორჯერ დააწკაპუნეთ სკრიპტზე | STF |
განთავისუფლება | დამწერლობა | სკრიპტი მაუსის დაჭერით | STF |
გადაადგილება | დამწერლობა | სკრიპტის გაშვება მაუსის მაჩვენებლის გადაადგილებისას | STF |
სახლი | დამწერლობა | სკრიპტის გაშვება, როდესაც მაუსი გადაადგილდება ელემენტის გარეთ | STF |
შინ | დამწერლობა | სკრიპტის გაშვება, როდესაც მაუსი გადაადგილდება ელემენტზე | STF |
სამუშაო სახლი | დამწერლობა | სკრიპტის გაშვება მაუსის ღილაკის გათავისუფლებისას | STF |
ონკიდაუნი | დამწერლობა | სკრიპტის გაშვება ღილაკის დაჭერისას | STF |
ონკიპრესს | დამწერლობა | სკრიპტის გაშვება, როდესაც ღილაკს დააჭერთ და შემდეგ გაათავისუფლებთ | STF |
ონკანი | დამწერლობა | სკრიპტის გაშვება გასაღების გამოსვლისას | STF |
დამატებითი ინფორმაცია
რამდენიმე გაკვეთილის განმავლობაში, ჩვენ რთულად ვმუშაობდით ტექსტის ფორმატირებაზე CSS– ით და ამჯერად ვსწავლობთ, თუ როგორ უნდა შეცვალოთ ტექსტის შემთხვევა. ამასთან დაკავშირებით, კასკადური სტილის ფურცლები ძალიან ფართო შესაძლებლობებს გვიქმნის, უფრო სწორედ, ჩვენ შეგვიძლია:
- მთელი ტექსტის დიდი ასოებით ჩვენება;
- შეარჩიეთ ყველა ტექსტი მცირე ასოებით;
- თითოეული სიტყვის პირველი ასო გააკეთე დიდი ასოთი.
"რა თქმა უნდა, ეს ყველაფერი კარგია, მაგრამ როდის დაგჭირდებათ?" - გეკითხებით. წარმოიდგინეთ სიტუაცია, როდესაც გსურთ მენიუს ყველა ელემენტის დიდი ასოებით ჩვენება. ამისათვის თქვენ არ გჭირდებათ მათი აკრეფა, CapsLock ღილაკის ჩათვლით, ან Shift ღილაკის დაჭერის დროს. საკმარისი იქნება დავაყენოთ სიის ყველა ელემენტი, რომლებიც დიდი ასოებით უნდა გამოჩნდეს, CSS ფაილში შესაბამისი წესის შექმნით. და ეს მხოლოდ ერთია მრავალი შესაძლო სიტუაციიდან.
ტექსტის გარდამქმნელი თვისება
ჩვენ ვაკონტროლებთ ტექსტის შემთხვევას ტექსტური გარდაქმნის თვისების გამოყენებით. მას აქვს 4 ძირითადი მნიშვნელობა - დიდი (დიდი ასოები), პატარა (პატარა ასოები), კაპიტალიზაცია (სიტყვის თითოეული პირველი ასოს დიდი ასო, დანარჩენი მნიშვნელობები არ იცვლება), არცერთი (ფორმატირება არ არის გამოყენებული). ერთი შეხედვით, ეს ყველაფერი შეიძლება ძალიან რთულად მოგეჩვენოთ.
მთავარია პანიკაში არ ჩავარდეთ ...
პრაქტიკაში ყველაფერი მარტივია, როგორც ახლა ნახავთ. მთავარია სწორად შეარჩიოთ სელექტორი, რადგან ტექსტის გარდაქმნის თვისების მნიშვნელობები მემკვიდრეობით გადადის.
ხაზგასმით დიდი ასოებით
პირველი, რასაც მე გთავაზობთ, არის ტექსტის კაპიტალიზაცია, რისთვისაც ჩვენ ვქმნით შემდეგ CSS წესს:
კორპუსი (ტექსტური ტრანსფორმაცია: დიდი;)
პრინციპში, არაფერია რთული, ჩვენ უბრალოდ გამოვიყენეთ დიდი მნიშვნელობა. როგორც იტყვიან, ყველაფერი ინტუიციურია. ასე გამოიყურება რეალურ ცხოვრებაში:
ყველაფერი დიდი ასოთი ...
მცირე ზომის - გამოიყენეთ ყველას
შემდეგ ეტაპზე, მოდით, ყველგან გამოიყენოთ მცირე ასოები, რისთვისაც შემდეგს ვწერთ:
კორპუსი (ტექსტური ტრანსფორმაცია: პატარა;)
როგორც თქვენ ალბათ გამოიცანით, ორი მნიშვნელობა, რომელიც ახლახანს შეგვხვდა, გარკვეულწილად ანტონიმია. ქვემოთ მოცემულ ილუსტრაციაზე თქვენ ნახავთ ახლად შექმნილი ქონების შედეგს.
ვებ – გვერდი ჩართულია მცირე ზომის ასოებით
თითოეული სიტყვის პირველი ასო დიდი
ამისათვის ჩვენ უნდა გამოვიყენოთ შესაბამისი მნიშვნელობა:
კორპუსი (ტექსტი-გარდაქმნა: კაპიტალიზაცია;)
არ ვიცი რამდენად ხშირად გამოიყენებთ CSS– ის ასეთ წესს, მაგრამ ეს არ დააზარალებს თქვენ, რომ იცოდეთ ასეთი შესაძლებლობის შესახებ, განსაკუთრებით არასამთავრობო ტრივიალური პრობლემების გადაჭრისას. შედეგი ჩანს ქვემოთ მოცემულ სურათზე.
გამოიყენეთ ტექსტი დიდი ზომის გამოყენებით
დაბოლოს, გადავხედოთ ბოლო მნიშვნელობას, არცერთს. როგორც უკვე ვთქვი, ის შეიძლება გამოყენებულ იქნას მშობლისგან მემკვიდრეობის დასაბრუნებლად. მაგალითად, წარმოვიდგინოთ, რომ გვაქვს ყველა წინა წესი და აბზაცებისთვის უნდა გავაუქმოთ ისინი, ამისათვის ვწერთ შემდეგს:
P (ტექსტური ტრანსფორმაცია: არცერთი;)
გაბედავს ვივარაუდო, რომ შენ ყველაფერი გესმის, თუ არა - დასვი შენი კითხვები კომენტარებში. და ეს ყველაფერი ჩემთვის. იმედი მაქვს, რომ ეს CSS სახელმძღვანელო გამოდგებოდა თქვენთვის. თუ ეს სიმართლეა:
- განათავსეთ ეს სტატია სოციალურ ქსელებში, რათა მეტმა ადამიანმა ისარგებლოს ამით;
- გამოიწერეთ ჩემი ბიულეტენი, რომ არ გამოტოვოთ სასარგებლო და საინტერესო ბლოგის შეტყობინებები.
ამაზე მე არ გემშვიდობები. გმადლობთ ყურადღებისთვის და გნახავთ შემდეგ პუბლიკაციებში!
CSS (8) - ის გამოყენებით მცირე ასოების გადაყვანა პატარა და პირველ დიდ ასოებად
CSS– ში არ არსებობს კაპიტალის შემოთავაზების ვარიანტი. სხვა პასუხები ტექსტის გარდაქმნის შესახებ: კაპიტალიზაცია არ არის სწორი, რადგან ეს პარამეტრი იყენებს ყოველი სიტყვა ყოველი სიტყვისთვის .
Აქ უხეში ამის გაკეთების გზა თუ გინდა თითოეული პუნქტის პირველი ასო იყო დიდი ასოებით, მაგრამ ეს ნამდვილად არსად არის რეალურ საზღვრებთან ახლოს:
P (ტექსტური ტრანსფორმაცია: მცირე;) p: პირველი ასო (ტექსტური ტრანსფორმაცია: დიდი;)
ეს არის სამაგალითო სასჯელი.
ეს არის კიდევ ერთი სამაგალითო სასჯელი. და ეს კიდევ ერთია, მაგრამ ეს მთლიანი დაბლა იქნება.
როგორ შემიძლია გარდაქმნა ზედა ასო მცირე და პირველი დიდი ასო თითოეული წინადადებისათვის, როგორც ნაჩვენებია ქვემოთ მხოლოდ CSS– ის გამოყენებით?
საწყისი: ეს არის მაგალითად აპლიკაცია.
დან: ეს უხეში შემოთავაზებაა.
განახლება: როდესაც ტექსტის გარდაქმნას ვიყენებ: capize; შედეგი მაინც იგივეა.
ამის გაკეთება არ შეგიძლიათ მხოლოდ CSS– ით. არსებობს ტექსტის გარდაქმნის ატრიბუტი, მაგრამ ის მხოლოდ ერთს არ იღებს, კაპიტალიზირდება დიდი, დიდი, მცირე და დიდი მემკვიდრეობით.
შეიძლება დაგჭირდეთ JS გადაწყვეტის ან სერვერის გადაწყვეტილების შესწავლა.
თუ შეგიძლიათ სერვერზე ყველა სიმბოლო პატარა გააკეთოთ, ვიდრე შეგიძლიათ გამოიყენოთ:
ტექსტის გარდაქმნა: კაპიტალიზაცია
არა მგონია, ტექსტის გარდაქმნა დიდი ასოებით იმუშაოს.
თუ გსურთ გამოიყენოთ ეს არ იმუშავებს ან ტექსტის არე, უნდა გამოიყენოთ Javascript
რისთვისაც კარგად უნდა იმუშაოს ან
ვიდეოს ბოლო სახელმძღვანელოში ჩვენ ვისწავლეთ როგორ ამოიღოთ და დაამატოთ ახალი ინფორმაცია HTML დოკუმენტის ახალ ვერსიას, ხოლო ამის შესახებ საძიებო სისტემებს ვაცნობთ და ვიზუალურად გამოვყოფთ ისე, რომ ვიზიტორებმა ასევე ნახონ ცვლილებები. ამისათვის გამოვიყენეთ del და ins ნიშნები.
ამ ვიდეო სახელმძღვანელოში ჩვენ ვაგრძელებთ ტექსტის ფორმატირების თემას HTML დოკუმენტში. ჩვენ გადავხედავთ ორ HTML ტეგს, რომლებიც მიუთითებს ტექსტის ზედა და ქვედანაყოფზე.
HTML sup tag არის ტექსტის ზედა HTML HTML ფორმატში.
HTML ნიშანი არის ტექსტის ზედა ხაზის HTML- ში დასაზუსტებლად. ზოგიერთ საიტის თემებში, ეს ნიშანი უბრალოდ შეუცვლელი იქნება. მაგალითად, თუ თქვენ გაქვთ ვებგვერდი, ან გეგმავთ საიტს, რომელიც დაკავშირებულია ნებისმიერ ფორმულებთან, მათემატიკურ ან ქიმიურთან. ან, თუ არსებობს სამშენებლო მოედანი, მაშინ წარწერა ძალიან სასარგებლო იქნება და დაეხმარება სტატიების დიზაინს, ფორმულების ან ნებისმიერი რაოდენობის, მაგალითად, კვადრატული მეტრის წერისას, მშენებლობის თემატიკაში.
თუ თქვენი საიტი არ ეკუთვნის ჩამოთვლილ თემებს, ეს არ ნიშნავს, რომ წარწერა გამოუსადეგარი. საკმარისია წარმოაჩინოთ ფანტაზია და გამომგონებლობა და იპოვოთ პროგრამა ამ ელემენტისთვის.
HTML ქვე-ტეგი - ტექსტის ქვენაწერი HTML- ში.
რაც შეეხება HTML ტეგს მაშინ ეს ტეგის საპირისპიროა , და პასუხისმგებელია ტექსტის ქვეპუნქტის დაზუსტებაზე. ქვენაწერი ტექსტის გამოყენება შესაძლებელია ფორმულების ან მათემატიკური განტოლებების წერისას. ამის გარდა, თქვენ შეიძლება შეძლოთ თეგის სხვა მიზნების მოძებნა. .
შემდეგი ვიდეო გაკვეთილი დაეთმობა კიდევ ორ ნიშანს, რაც ზოგიერთ სიტუაციაში შეიძლება უბრალოდ შეუცვლელი იყოს. უფრო მეტიც, მათ შეუძლიათ არა მხოლოდ ტექსტის ფორმატირება, მაგალითად, სტატიაში, არამედ გვერდის განლაგების დროს საიტზე სხვადასხვა ინფორმაციის მითითებისას. ერთი ტეგ შემოიფარგლება HTML– ით, ხოლო მეორე ჰორიზონტალურ ხაზს ადგენს.
ინდექსი ტექსტთან მიმართებაში არის სიმბოლოების ანაზღაურება საწყისი საწყისიდან ზემოთ ან ქვემოთ. დადებითი ან უარყოფითი კომპენსაციის მნიშვნელობიდან გამომდინარე, ინდექსს ეწოდება ზედა ან ქვედა, შესაბამისად. ისინი აქტიურად გამოიყენება მათემატიკაში, ფიზიკაში, ქიმიაში და გაზომვის ერთეულების დასადგენად. HTML გთავაზობთ ორ ელემენტს ინდექსის შესაქმნელად: (ინგლისურიდან ზედწერილიდან) - ზედწერილი და (ინგლისური ხელმოწერიდან) - ქვეწერილი. ამ კონტეინერებში მოთავსებული ტექსტი დანიშნულია საბაზისო ტექსტზე ნაკლები და ანაზღაურდება მასზე ზემოთ ან ქვემოთ. 1 მაგალითი გვიჩვენებს მითითებული ელემენტებისა და სტილის კომბინაციას ტექსტის იერსახის შესაცვლელად.
მაგალითი 1. შექმენით ზედწერილი და ქვეწერილი
მეორე ხარისხის ზედაპირის დამახასიათებელი განტოლება
λ 3 - ᲛᲔ 1λ 2 + მე 2λ - მე 3 = 0
მაგალითი ერთდროულად შეიცავს როგორც ხელმოწერას, ასევე ზედწერილს. ინდექსის შრიფტის სტილის შესაცვლელად გამოიყენება სტილები, რომლებიც აყალიბებენ ერთ სახეს (ნახ. 1).
ფიგურა: 1. ინდექსების ხედი სტილის გამოყენების შემდეგ
თქვენ შეგიძლიათ სრულად თქვათ უარი გამოყენებაზე და სტილის სასარგებლოდ. ამ ელემენტების ანალოგია ვერტიკალური გასწორებადი თვისება, რაც ტექსტს ვერტიკალურად მოძრაობს მითითებული მანძილით. კერძოდ, მაგალითი 2 იყენებს 0.8em ზედწერილისთვის და -0.5em ქვედაბოლოსთვის. Em არის ფარდობითი ერთეული, რომელიც უდრის მიმდინარე შრიფტის ზომას. მაგალითად, 0.5em ნიშნავს, რომ ტექსტი უნდა გადაიტანოს შრიფტის ზომის ნახევრით.
მაგალითი 2. ინდექსების მართვის სტილის გამოყენება
ხარისხის მრავალწევრი ნ
f (x) \u003d ა 0 + ა 1 x + ... + ა n-1 x n-1 + ა ნ x ნ
მაგალითში, თავად ფორმულა აისახება გადიდებული ზომით, ზედა სიმბოლოები მითითებულია წითლად, ხოლო ქვედა - ლურჯად (ნახ. 2).