HTML კოდი ხაზების დაშორების სიმაღლეებისთვის

...

HTML არის ინტერნეტის ხერხემალი.

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

მკაცრი HTML

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

დღის ვიდეო

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

Span Tag

გამოიყენეთ span ტეგები ხაზის სიმაღლის ცვლილების გამოსაყენებლად ტეგის გახსნასა და დახურვას შორის შეყვანილ ტექსტზე. კოდირება მსგავსია:

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

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

CSS ალტერნატივები

ხაზების მანძილი ასევე შეიძლება დაყენდეს კასკადური სტილის ფურცლის (CSS) გამოყენებით. CSS აკონტროლებს ნებისმიერ ელემენტს, რომელზედაც გადაწყვეტთ მის გამოყენებას, იქნება ეს span ID, რომელიც თქვენ დააყენეთ გვერდზე ტექსტის ერთი მონაკვეთისთვის, თუ ხშირად გამოყენებული ელემენტების მთელი კლასისთვის. მაგალითად, თუ თქვენ მუშაობთ ბლოგის საიტთან, შეგიძლიათ შექმნათ კლასი ბლოგში ჩანაწერებისთვის და დააყენოთ სტილის ცხრილის ხაზის სიმაღლე კლასისთვის 135%. ბლოგის ყველა ჩანაწერს ექნება იგივე ხაზის სიმაღლე. CSS-ში „ხაზის სიმაღლის“ დაყენების კოდია:

{ხაზის სიმაღლე: 150%;}

WYSIWYG ხაზის დაშორების კონტროლი

კოდირების მრავალი პრობლემის თავიდან აცილება შესაძლებელია WYSIWYG ვებ რედაქტორის გამოყენებით ან საიტების შექმნით ონლაინ პროგრამული უზრუნველყოფა, როგორიცაა WordPress და Joomla, ან ვებსაიტების შექმნის უფასო ინსტრუმენტები, როგორიცაა Weebly, Wix და მთვარის ხილი. ყველა ეს ხელსაწყო უზრუნველყოფს ტექსტის რედაქტორებს, რომლებიც აშორებენ ვარაუდს და თავდასხმას. მაუსის ღილაკზე მარტივი დაწკაპუნება და ხაზების მანძილი იზრდება ისევე, როგორც ეს მოხდება, თუ დოკუმენტს წერთ თქვენს საყვარელ ტექსტურ პროცესორში.

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

კატეგორიები

Ბოლო

როგორ გავხადოთ ხალხი უფრო გამხდარი და ლამაზი Photoshop-ის გამოყენებით

როგორ გავხადოთ ხალხი უფრო გამხდარი და ლამაზი Photoshop-ის გამოყენებით

ფოტო რედაქტირების ხელსაწყოები დიზაინერებს საშუ...

როგორ ამოიღოთ ტროას ვირუსი

როგორ ამოიღოთ ტროას ვირუსი

სურათის კრედიტი: Dragan Radojevic/iStock/Getty ...

როგორ განბლოკოთ სენსორული პანელი Toshiba-სთვის

როგორ განბლოკოთ სენსორული პანელი Toshiba-სთვის

ლეპტოპის კლავიატურაზე სწრაფად აკრეფისას, შესაძლ...