როგორ ჩავსვათ სივრცეები HTML-ში

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

გამოიყენეთ nbsp სიმბოლოები უწყვეტი სივრცისთვის.

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

virusowy / Getty Images

ჩადეთ მრავალი სივრცე ამ ტექნიკით.

თუ თქვენ გჭირდებათ ერთზე მეტი ინტერვალის ჩასმა სიტყვის შემდეგ, შეგიძლიათ გამოიყენოთ '&ensp' ორი სივრცისთვის. ოთხი ადგილისთვის, აკრიფეთ „&emsp.“ შეგიძლიათ გამოიყენოთ ჩანართის შერჩევა, შემდეგ დააჭიროთ სიმბოლოებს ოთხჯერ ზედიზედ, სიტყვების შემდეგ უფრო გრძელი სივრცის ჩასართავად. ამ სტრატეგიებიდან ნებისმიერი იმუშავებს, რომ დაამატოთ მეტი თეთრი სივრცე თქვენს HTML დოკუმენტში შერჩეული სიტყვების შემდეგ.

სკანერი / გეტის სურათები

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

კასკადური სტილის ფურცლები (CSS) არის HTML-ზე დაფუძნებული პროტოკოლი, რომელიც საშუალებას გაძლევთ ჩასვათ HTML ნაკლებად ფორმალურად. CSS მეთოდების გამოყენებით, თქვენ არ გჭირდებათ HTML-ის გრძელი ფორმის გამოყენება, შესაბამისად დაზოგავთ დროს. CSS-ის ფორმატი განსხვავდება სტანდარტული HTML-ისგან, მაგრამ მასში შედის HTML. თქვენ შეგიძლიათ გამოიყენოთ CSS ფორმატი შეწევისთვის, რითაც შექმნით საჭირო სივრცეებს ​​თქვენს HTML-ში. ერთი ხაზი, რომლის ჩასმა შეგიძლიათ გამოიყენოთ არის p. შეწევა {padding-left: 1.8 em} გახსოვდეთ, რომ ეს კოდი უნდა განთავსდეს თქვენს HTML ტეგებს შორის.

რბოლა f1

NicoElNino / გეტის სურათები

გამოიყენეთ ეს ტეგი ხაზის წყვეტების შესაქმნელად.

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

Abscent84 / გეტის სურათები

გამოიყენეთ ეს სიმბოლო ტეგი ახალი აბზაცის დასადგენად.

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

თუ ახალი აბზაცის შექმნა გჭირდებათ, ჩაწერეთ

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

exdez / გეტის სურათები

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

თუ გსურთ შეგეძლოთ წაიკითხოთ ის სივრცეები, რომლებსაც შექმნით enter კლავიშის გამოყენებით, ამის გაკეთება შეგიძლიათ მარტივი HTML ტეგის ჩასმით წინასწარ დაფორმატებული ტექსტის არემდე და მის შემდეგ. უბრალოდ ჩაწერეთ სიტყვები, რომელთა ფორმატირებაც გსურთ ტეგებს შორის: |_+_| როგორც კი ამას გააკეთებთ, ნებისმიერი სივრცე, რომელსაც ჩასვით „enter“ ღილაკით, გამოჩნდება ამ ტექნიკით.

welcomia / გეტის სურათები

გადაამოწმეთ ორმაგად, რათა თავიდან აიცილოთ „დაუმუშავებელი HTML“.

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

mrPliskin / გეტის სურათები

გაასწორეთ თქვენი ტექსტი ვებ გვერდზე.

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

მარცხნივ გასწორება

სავუშკინი / გეტის სურათები

წინასწარ გადახედეთ თქვენს HTML-ს გამოქვეყნებამდე.

ზოგიერთი HTML კოდირების ერთ-ერთი შეცდომა არის ის, რომ ისინი არ ათვალიერებენ ან არ ამოწმებენ თავიანთ HTML-ს გამოქვეყნებამდე ან გაგზავნამდე. ამან შეიძლება გამოიწვიოს შეცდომები, რაც გამოიწვევს მომხმარებლის ცუდ გამოცდილებას. ამის გასაუმჯობესებლად, ყოველთვის სცადეთ თქვენი კოდირება HTML previewer-ში ან გამოაქვეყნეთ ის იქ, სადაც მხოლოდ თქვენ შეძლებთ მის დანახვას. ეს თავიდან აიცილებს კოდირების შეცდომებს, რომლებიც იწვევს არარეგულარულ ან დაუდევარ HTML-ს. ფილმში, Საომარი თამაშები ცენტრალური პერსონაჟი, მეთიუ ბროდერიკი, რომელმაც საბოლოოდ გაარკვია პაროლი კომპიუტერში მოსახვედრად, ამბობს: „ეს ასე მარტივი არ შეიძლება იყოს“. სიმართლე ის არის, რომ ხშირად ასე მარტივია და ეს არის მარტივი შეცდომები, როგორიცაა ტეგის ან სიმბოლოს გამოტოვება, რაც იწვევს უმეტეს საკითხებს HTML კოდირებისას.

SolStock / Getty Images

ისწავლეთ HTML5.

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

რელიეფი / გეტის სურათები