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

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

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

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

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

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

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

სამაგიეროდ

როდესაც კითხულობთ, გამოჩნდება ტეგი, რომელიც იხსნება და იხურება მხოლოდ "/".

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

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

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

• ... ;
• .. .

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

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

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

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

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

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

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

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

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

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

დასაწყებად გახსენით რვეული.

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

დარეკეთ ხელებით დასაწერად და არა მხოლოდ კოპირებით. თუ ხელით წერთ, უკეთ დაიმახსოვრებთ ტეგების მთელ საფუძველს.

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

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

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

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

• არალინგვისტური ნიშანი.
• ფარიკაობა.
• ცარიელი ტეგი.
• Მოხუცები
• ხარჯვა.

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

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

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

სუნი ასდის

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

ამ წვლილის მაგალითი:

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

შედეგი უკეთესი იქნება ბრაუზერისთვის

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

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