iTunes შეცდომები 

სად დავიწყოთ CSS და HTML სწავლა? ჩემი გზა WEB-ისკენ. საუკეთესო რესურსები html და css-ის შესასწავლად

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

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

როგორ ვისწავლოთ ენა უფასოდ?

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

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

ინტერაქტიული კურსები

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

მშვენიერი საიტია html და css კურსებით. პირველი 16-18 კურსი უფასოა! თუ გსურთ გააგრძელოთ სწავლა და მიიღოთ წვდომა ფასიანზე, მოგიწევთ თვეში 300 რუბლის გადახდა ან წელიწადში 1800. პირადად მე გადავიხადე 300 მანეთი, დავასრულე ყველა ფასიანი კურსი ერთ თვეში და დიდი სარგებელი მივიღე მისგან.

ჩანაწერების მნიშვნელობა

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

html და css-ის პარალელური შესწავლა

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

დამოუკიდებელი პრაქტიკა

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

გაკვეთილები webformyself გუნდისგან

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

დღის ბოლოს, თქვენ უნდა გქონდეთ მიზეზი, თუ რატომ სწავლობთ ამ ვებ ტექნოლოგიებს. ეს ჩვეულებრივ კეთდება იმისთვის, რომ ისწავლოთ როგორ შექმნათ ვებგვერდის განლაგება საკუთარ თავს. თუ თქვენც გაქვთ ეს მიზანი, მაშინ თქვენთვის შესანიშნავი ვარიანტი იქნება პრემიუმ გაკვეთილებზე წვდომის შეძენა webformyself.com-ზე. შედეგად, თქვენ შეგიძლიათ მიიღოთ არა მხოლოდ HTML და CSS გაკვეთილებზე წვდომა, არამედ მრავალი სხვა. მაგალითად, JavaScript და WordPress.

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

რამდენი დრო სჭირდება ენების სწავლას?

საშუალოდ, HTML და CSS ძალიან სწრაფად ისწავლება სწორი მიდგომით. მაგალითად, რამდენიმე თვე დამჭირდა. თუ იცით, სად მიიღოთ ცოდნა, სწავლის პროცესი შეიძლება რამდენჯერმე დაჩქარდეს.

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

მკაცრი ბიჭი 2014 წლის 5 აგვისტო, 11:17 საათი

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

  • CSS
  • HTML,
  • ვებსაიტის განვითარება

Სალამი ყველას!

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

რატომ უნდა შეხვიდეთ ვებ განვითარებაში?

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

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

სად უნდა დაიწყოს?

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

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

მონიშნეთ შინაარსი

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

ატრიბუტი იწერება ტეგის შიგნით:

მონიშნეთ შინაარსი

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

აქ არის რამდენიმე ძალიან სასარგებლო ბმული, რათა სწრაფად დაიწყოთ:
htmlbook.ru/html
html.manual.ru
www.codecademy.com/tracks/web

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

როგორც წესი, სტილები იწერება ან პირდაპირ HTML დოკუმენტში, სპეციალური ტეგის გამოყენებით სტილი:

ან ცალკე CSS ფაილში ტეგების გარეშე:
div (ფონის ფერი: #FFFFFF;)
ორივე შემთხვევაში, ყველა ტეგი დივვებ გვერდზე, ფონის ფერი მიენიჭება, პირველ შემთხვევაში შავი, მეორე შემთხვევაში თეთრი.
მირჩევნია მეორე ვარიანტი, ანუ ცალკე ფაილის შექმნა, მაგრამ ასევე ხშირად ვიყენებ პირველს.

ქვემოთ მოცემულია ბმულები, სადაც შეგიძლიათ იხილოთ თითოეული სტილის უფრო დეტალური აღწერა:
htmlbook.ru/css
css.manual.ru
www.codecademy.com/tracks/web

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

მინდა დავამატო კიდევ რამდენიმე სასარგებლო რჩევა:
- ყოველთვის განსაკუთრებული ყურადღება მიაქციეთ ბილიკებს (URL) ფაილების ან სურათებისკენ. ხშირად აქ აბრკოლებენ არა მხოლოდ დამწყები, არამედ გამოცდილი ვებოსტატები.
- შეეცადეთ დაიმახსოვროთ 20-30 ფერის კოდი. მაგალითად, #000000 არის შავი, #FFFFFF არის თეთრი და ა.შ. აქ არის სასარგებლო ბმულები: www.puzzleweb.ru/html/colors_html.php, www.artlebedev.ru/tools/colors.
- დაიწყეთ მუშაობა HTML, CSS-თან Notepad++ გარემოში. ძალიან მარტივი, ინტუიციური რედაქტორი სინტაქსის ხაზგასმით.
- გირჩევთ გაეცნოთ DOM-ს
- ეცადე გაიუმჯობესო ინგლისური.

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

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

ტეგები: ვებ დეველოპერები, ვებსაიტების შექმნა

HTML არის ჰიპერტექსტის მარკირების ენა, რომელმაც ინტერნეტი გახადა ის, რაც ჩვენ ვიცით და გვიყვარს. ამ მშვენიერი ხელსაწყოს წყალობით საიტები გამოიყურება ლამაზად და თანამედროვედ, ასევე უზრუნველყოფს მარტივად გამოყენებას. HTML უბრალოდ აწყობს ვებ გვერდის ელემენტებს მომხმარებლისთვის მოსახერხებელი ფორმატით. მისი მუშაობა შედარებულია იმასთან, რასაც აკეთებენ ადამიანები, როგორიცაა MS Word ან OpenOffice. ისინი აქცევენ ასოების უნივერსალურ მასას დოკუმენტად, რომელიც შეიცავს აბზაცებს, თამამ ტექსტს, დახრილს, ცხრილებს და სურათებსაც კი. HTML ენა დაახლოებით იგივეს აკეთებს, ერთადერთი განსხვავება ისაა, რომ მისი დოკუმენტები ნაჩვენებია ბრაუზერში და ამ ხელსაწყოს შესაძლებლობები ბევრად უფრო ფართოა, ვიდრე ტექსტური რედაქტორის. ტეგები გამოიყენება მარკირებისთვის - სპეციალური ბრძანებები, რომლებიც აღწერს ვებ გვერდის სტრუქტურას. ისინი ჩასმულია კუთხის ფრჩხილებში -<тег>, რათა ბრაუზერმა შეძლოს მათი გარჩევა ტექსტის დიდი ნაწილისგან. შემდეგი, ჩვენ განვიხილავთ HTML-ის საფუძვლებს დამწყებთათვის.

ვიზუალური რედაქტორები

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

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

ტეგები

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

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

დოკუმენტის სტრუქტურა

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

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

უფროსი

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

Ბმული

HTML-ის საფუძვლების ცოდნა ასევე მოიცავს კასკადური სტილის ან css-ის გამოყენებას. ისინი ადგენენ იმ ელემენტების თვისებებს, რომლებიც გამოჩნდება გვერდზე. ამ ამოცანისადმი თანამედროვე მიდგომა გულისხმობს ისეთი მახასიათებლების გადატანას, როგორიცაა ფერი, სიმაღლე და ელემენტის მდებარეობა გარე ფაილზე მეტი მოხერხებულობისთვის. css ფაილის დასამატებლად გამოიყენეთ ტეგი . დასრულების შემდეგ გამოიყურება დაახლოებით ასე: , სადაც href მიუთითებს ფაილის ადგილმდებარეობაზე, ხოლო type მიუთითებს მის ტიპზე.

სხეული

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