HTML-ის შესაქმნელად საჭიროა ტეგები. ძირითადი HTML ტეგები. ცარიელი ბლოკი და შიდა კონტეინერები

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

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

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

PHP პროგრამირების ენის გამოყენებით შექმნილი ვებსაიტი არის დინამიური ვებსაიტი. ინტერნეტში არსებული ვებსაიტების უმეტესობა იქმნება PHP-ის საფუძველზე, CMS (კონტენტის მართვის სისტემა) ძრავებზე. ამ საიტზე შეგიძლიათ ისწავლოთ როგორ შექმნათ ვებსაიტი და მიიღოთ კვალიფიციური დახმარება CMS ძრავების გამოყენებით ვებსაიტის შექმნისას:
- ვებსაიტის შექმნა ჯომლაზე;

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

ჰიპერტექსტის მარკირების ენის მსგავსად. HTML არ არის პროგრამირების ენა, ეს არის ვებსაიტის მარკირების ენა.

ყველა ბრაუზერს შეუძლია ამ მარკირების კონვერტაცია მოსახერხებელი ფორმატში.

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

HTML ბრძანებების სია ძალიან დიდია. მაგრამ ბევრი მთავარი არ არის. კოდის წერის დასაწყებად, საჭიროა რედაქტორი. შეგიძლიათ გამოიყენოთ Notepad. რეკომენდებულია Notepad++-ის გამოყენება. ის ასე გამოიყურება.

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

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

ფიგურაში შეგიძლიათ იხილოთ ორი ტეგი და . გახსოვდეთ, რომ გახსნა და დახურვა იწერება ერთნაირად, მაგრამ მხოლოდ "/" განსხვავდება. თუ ტეგი არ არის დახურული, მაშინ დამმუშავებელი ყველაფერს განიხილავს ამ კონკრეტული ელემენტის გაგრძელებად. ეს ძალიან მნიშვნელოვანია. მითუმეტეს ლინკებში. ჩვენ მათ ცოტა უფრო შორს განვიხილავთ.

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

ეს HTML ბრძანებები არის ჩარჩო გვერდისთვის. ისინი საჭიროა. ისინიც იკეტებიან.

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

მომსახურების განყოფილებაში ნათქვამია:

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

სტილის ფაილი დაკავშირებულია შემდეგნაირად:

სკრიპტის ფაილი ასეთია:

ტექსტს უნდა ჰქონდეს სათაური. ჩვენ აღვნიშნავთ ასე:

გვერდის სათაური

ეს ტექსტი გამოჩნდება ბრაუზერის ჩანართის სათაურში. ეს სათაური ასევე ნაჩვენებია საძიებო სისტემის შედეგების შედეგად.

ტექსტი უნდა განთავსდეს აბზაცის ტეგში. იგი აღინიშნება როგორც. თქვენ ასევე შეგიძლიათ გამოიყენოთ String ტექსტისთვის.

თქვენ შეგიძლიათ ტექსტის ფორმატირება, როგორც Word-ში:

• დახრილი
• თამამი ტექსტი
• გადახაზული ტექსტი
• ხაზგასმული ტექსტი

ტექსტის სტილიზაცია შესაძლებელია. ჩვენ მათ განვიხილავთ ბოლოს, სხვა ელემენტების განხილვის შემდეგ.

არსებობს სხვა მნიშვნელოვანი HTML ბრძანებები. ვებსაიტების შესაქმნელად საჭიროა სათაურები. ისინი მითითებულია პირველი დონის სათაურის ტეგის გამოყენებით. არის დონეები 1-დან 6-მდე. მნიშვნელოვანია გვესმოდეს, რომ სათაურები უნდა იყოს წყობილი.

მაგალითი ფიგურაში.

გაითვალისწინეთ, რომ რეკომენდებულია მხოლოდ ერთი h1 სათაურის გამოყენება. ამ შემთხვევაში, ის უნდა ემთხვეოდეს ტეგს. რა თქმა უნდა, შეგიძლიათ მიუთითოთ 200 h1 სათაური, მაგრამ შემდეგ თქვენ დაჯარიმდებით საძიებო სისტემების მიერ.

სურათები ვებ გვერდების განუყოფელი ნაწილია. მაგალითი გვიჩვენებს, თუ როგორ შეგიძლიათ ჩასვათ ფოტო.

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

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

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

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

ცხრილი იქმნება შემდეგნაირად:

სიგანე ატრიბუტი განსაზღვრავს ცხრილის სიგანეს. ეს შეიძლება იყოს პროცენტებში ან პიქსელებში. Border განსაზღვრავს საზღვრის სისქეს.

სტრუქტურა მითითებულია შემდეგნაირად. tr ტეგი არის სტრიქონი. მონიშნეთ td უჯრედი. და ყველა ერთად - ეს არის მაგიდა.

ცხრილის გასწორება შესაძლებელია. ამისათვის გამოიყენეთ align ატრიბუტი, რომელსაც შეუძლია მიიღოს სამი მნიშვნელობა: Left, Center, Right. გამოყენების მაგალითი მოცემულია ქვემოთ.

ეს HTML ბრძანებები (სიგანე და გასწორება) მუშაობს სხვა ელემენტებზეც. ჩარჩოს სისქე ასევე მითითებულია სურათებისთვის.

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

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

• პირველი
• მეორე
• მესამე

შედეგი იქნება ასეთი:

• პირველი
• მეორე
• მესამე

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

, გამოიყენეთ ტეგი.

აქ ასევე შეგიძლიათ დააყენოთ სიის ჩვენების ტიპი:

• "1" - არაბული ნომრები 1, 2, 3...
• "A"- დიდი ასოები A, B, C...
• "ა"- პატარა ასოები a, b, c...
• "მე"- დიდი რომაული ციფრები I, II, III...
• "მე"- პატარა რომაული ციფრები i, ii, iii...

არაბული ციფრები ნაჩვენებია სტანდარტულად.

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

სტილების გამოყენება

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

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

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

თქვენ შეგიძლიათ მიუთითოთ მხოლოდ ერთი გვერდი შემდეგნაირად.



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

html ტეგების აღწერა მაგალითიდან

1. - ეს ტეგები უნდა იყოს წარმოდგენილი ყველა ვებ გვერდზე. ისინი ბრაუზერებსა და საძიებო სისტემებს ეუბნებიან, რომ ეს არის HTML გვერდი.

ნებისმიერ html გვერდს აქვს შემდეგი სტრუქტურა:

... სათაურის ტეგები ... ... გვერდის ტექსტი ...

2. - ამ ტეგებს შორის დევს გვერდის მთელი ხილული შინაარსი.

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

ახლა გადავიდეთ ტეგებზე, რომლებიც html გვერდის სხეულშია (შიგნით და ).

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

6. არის სათაურის ტეგების ერთ-ერთი კლასი..., რომელიც ჩვეულებრივ თან ერთვის გვერდის სათაურს. მაგალითად, ამ გვერდს აქვს სათაურის ტეგი „HTML გვერდის შექმნის მაგალითი“.

შენიშვნა

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

html კოდის შედგენისას, თქვენ უნდა დაიცვან მარტივი წესი: სათაურის ტეგი ჯერ უნდა მოვიდეს, შემდეგ კი ისინი შეიძლება მოვიდეს და ა.შ. მთავარია ჯერ არ იყოს, მერე, მერე და ა.შ. მკაცრი იერარქია უნდა იყოს. სათაურები და ა.შ. შესაძლოა ბევრი.

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

8. არის ერთი ტეგი, რომელიც აჩვენებს სურათს.

• src არის აუცილებელი პარამეტრი, რომელიც განსაზღვრავს სურათის მისამართს (URL_IMAGE-ის ნაცვლად თქვენ უნდა შეიყვანოთ მისამართი, სადაც თქვენი სურათი ინახება).
  შენიშვნა:
  • თუ სურათი თქვენს html გვერდთან ერთსა და იმავე საქაღალდეშია, მაშინ საკმარისია სურათის სახელის დაწერა, წინააღმდეგ შემთხვევაში თქვენ უნდა შეიყვანოთ ან აბსოლუტური ან ფარდობითი URL;
  • არ დაგავიწყდეთ სურათის გაფართოების მითითება. მაგალითად, .jpg, .gif, .jpeg.
• alt ან title - ამ პარამეტრებში შეგიძლიათ დაწეროთ თქვენი სურათის აღწერა. როდესაც მაუსის მაუსის გადატანა სურათზე, ეს აღწერა გამოჩნდება. ეს პარამეტრები მნიშვნელოვანია ვებსაიტის პოპულარიზაციისთვის, განსაკუთრებით გამოსახულების ძიებაში. თუ სურათი ვერ ჩაიტვირთა, ეს ტექსტი გამოჩნდება, რაც ასევე პლუსია.

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

შენიშვნა: - მსგავსი ტეგი.

ასევე არის CSS შრიფტის თვისება, სადაც შეგიძლიათ დააყენოთ ყველა ეს ვარიანტი.

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

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

გაინტერესებთ როგორ შევქმნათ HTML გვერდი? ამისათვის თქვენ უნდა გაატაროთ რამდენიმე საათი და გაიგებთ და შეგიძლიათ შექმნათ თქვენი პირველი გვერდი 5 წუთში.

HTML ნიშნავს ჰიპერტექსტის მარკირების ენას. თარგმნილი, ეს ნიშნავს "ჰიპერტექსტის მარკირების ენას". მნიშვნელოვანია გვესმოდეს, რომ HTML არ არის პროგრამირების ენა, არამედ საიტის მარკირების ენა.

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

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

HTML საფუძვლები

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

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

შინაარსი

როგორც ხედავთ, ერთადერთი განსხვავება გახსნის და დახურვის ტეგს შორის არის "/".

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

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

HTML-ს აქვს ორი შვილობილი ელემენტი:

• ... ;
• .. .

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

რაც მთავარია, აქ შინაარსი არ არის.

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

ისწავლეთ დაუყოვნებლივ შექმნათ ღია და დახურული ტეგები, რადგან შეიძლება იყოს 10 ჩადგმული ელემენტი. გარდა ამისა, მოხერხებულობისთვის რეკომენდებულია ჩასმული ტეგების შეწევა. მაგალითად, ასე.

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

როგორ შევქმნათ მარტივი HTML გვერდი

კოდის დასაწერად გჭირდებათ რაიმე სახის რედაქტორი. ბევრი მათგანია. პოპულარულია Notepad++ და Adobe Dreamweaver. თქვენ ასევე შეგიძლიათ გამოიყენოთ ნოუთბუქი.

ასე გამოიყურება Notepad++ რედაქტორი.

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



იმისათვის, რომ განათება ენას შეესაბამებოდეს, ის უნდა იყოს მითითებული პარამეტრებში.



მოდით შევხედოთ როგორ შევქმნათ HTML გვერდი Notepad-ში. ანუ დავასრულოთ ტექნიკური ნაწილი და შემდეგ პირდაპირ გადავიდეთ ტეგების შესწავლაზე.

როგორ შევქმნათ ვებ გვერდი HTML Notepad-ში

დასაწყებად, გახსენით ნოუთბუქი.



შემდეგ ჩაწერეთ ის, რაც მითითებულია შემდეგ ეკრანის სურათზე.



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



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

მსოფლიო კონსორციუმი W3C

არსებობს ორგანიზაცია W3C, რომელიც ავითარებს და ახორციელებს ინტერნეტის ყველა სტანდარტს. ყველა ბრაუზერი იცავს ამ სტანდარტებს და ამუშავებს გვერდის მარკირებას (კოდს) ამ წესების მიხედვით.

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

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

• არჩევითი ტეგი.
• აკრძალულია.
• ცარიელი ტეგი.
• მოძველებულია
• დაკარგული.
ტეგები HTML-ში

სანამ შექმნით HTML გვერდს, უნდა გესმოდეთ, რა უნდა იყოს HEAD სერვისის ნაწილში.

HEAD ზონა შეიცავს როგორც საჭირო, ასევე არასავალდებულო ტეგებს. საჭირო ტეგი არის სათაური. იგი დანიშნულია სათაური. იგი ენიჭება მთელ დოკუმენტს. და რასაც ხედავთ Google საძიებო სისტემის შედეგებში არის სათაურის ტეგი.

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

ისინი დანიშნულია როგორც

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

ასეთი ბუდეების მაგალითი:

პირველი კომენტარის გაგრძელება -->

ბრაუზერში შედეგი იქნება შემდეგი

პირველი კომენტარის გაგრძელება -->

აი ნაჭერი არ იქნება ხილული. მეორე გახსნის ტეგი კიდევ რამდენიმე ტექსტი