რა არის HTML? რას აკეთებს ეს? და რისთვის გამოიყენება? (ვიდეო ახსნა)

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


მოდით შევხედოთ…

რა არის HTML და რას აკეთებს ?:

– (შენიშვნა: ვიდეო კრედიტებს Topher DeRosia- ს – HeroPress- ის შემქმნელს)

ვიდეო ასო:

გამარჯობა! ეს არის ტოფერერი WinningWP– ით. ამ ვიდეოში, ჩვენ ვაპირებთ ვუპასუხოთ კითხვებს: რა არის HTML? რას აკეთებს და რისთვის გამოიყენება? მე დავიწყებ იმის თქმას, თუ რას წარმოადგენს და შემდეგ მე გაჩვენებთ, რას აკეთებს და რას იყენებს. HTML დგას ჰიპერტექსტის მარკირების ენაზე, ხოლო ჰიპერტექსტი ეხმიანება იმ ფაქტს, რომ HTML ხდის მას, ასე რომ თქვენ შეგიძლიათ დააჭიროთ ბმულებს ვებ – გვერდებზე. ეს არის ჰიპერტექსტი. სიტყვების მარკირების ენა მხოლოდ იმას ნიშნავს, რომ თქვენ იყენებთ ნორმალურ ინგლისურს. ლემმა გაჩვენოთ რას ვგულისხმობ: ეს არის ნორმალური ვებ გვერდი. ეს არის WordPress– ში და მთელი გვერდი იყენებს HTML– ს, რომ ბრაუზერს უთხრას, რა უნდა გააკეთოს ამ ტექსტთან. ზოგიერთი ეს უფრო მნიშვნელოვანია, ვიდრე სხვები, ზოგს ცხრილებში, ზოგს გამოსახულებები, და ნებისმიერ ვებ – გვერდზე, ნებისმიერ ბრაუზერში, შეგიძლიათ დააჭიროთ მარჯვენა ღილაკს და დაათვალიეროთ გვერდის წყარო და ნახოთ ყველა HTML. საბედნიეროდ, თქვენ არ გჭირდებათ იცოდეთ ეს HTML. მე ვაჩვენებ, თუ რა უნდა იცოდეთ WordPress– ის კონტექსტში. ეს არის იგივე პოსტი, მაგრამ ადმინისტრატორი, და თუ WordPress- ს მიჩვედით, ეს უნდა იყოს ნაცნობი. ეს არის ნორმალური შინაარსის არე. ამ ტიპის რედაქტორს უწოდებენ wysiwyg, რადგან ეს ნიშნავს იმას, რასაც ხედავთ, რასაც მიიღებთ. ეს სიტყვა პირველ რიგში ცოტათი ბნელია, რადგან მე გავამახვილე ეს და დააჭირეთ თამამი ღილაკს და ასე რომ, ახლა თამამად გამოიყურება. ეს სიტყვა, სტატისტიკა, სინამდვილეში არის სათაური, ზომა სამი, და მრავალფეროვნება ასევე არის სათაური, ზომა ოთხი, მაგრამ ეს ნორმალური ტექსტი მხოლოდ აბზაცაა. ახლა ამ რედაქტორის შესახებ სისუფთავე იმაში მდგომარეობს, რომ აქ, მარჯვენა ზედა ნაწილში არის ღილაკი, რომელიც ამბობს ტექსტს. ახლა ჩვენ ვხედავთ იმავე ინფორმაციას, მაგრამ ჩვენ შეგვიძლია ვნახოთ უმი HTML. სწორედ აქ არის სიტყვა პირველი. გახსოვთ, როგორ გავამახვილე ეს და თამამად გავაკეთე? სინამდვილეში რაც მოხდა, ის HTML HTML ტეგებშია გახვეული, რომელსაც ძლიერი ეწოდება. HTML ჩვეულებრივ ორი ​​ტეგით გვხვდება: გახსნა და დახურვა, ხოლო დახურვა განსხვავებულია, რადგან აქ მას აქვს პატარა დახრილი. ასე რომ, HTML- ის შესახებ ნამდვილად მნიშვნელოვანია რამ არის ის, რომ აღწერს ტექსტს, რომლის მარკირებასაც ახდენს. ნამდვილად არ მსურს ეს გაბედული. მინდა რომ ეს ძლიერი იყოს. ეკრანის მკითხველში არ აქვს მნიშვნელობა თამამი, თუ არა, მაგრამ ძლიერი ჩანაწერი მკითხველს ეუბნება, რომ ის იძახის ზედმეტი ძალის გამოყენებით. ჩემი სათაურები, სამი და ოთხი, სწორედ აქ, მიუთითებს ამ ტექსტის იერარქიაზე. ეს შეიძლება გამოსადეგი იყოს კითხულებისთვის, მაგრამ Google- ისთვის ნამდვილად სასარგებლოა იმის გაგება, თუ რა ხდება თქვენს ტექსტთან და ასევე სასარგებლოა ეკრანის მკითხველებისთვის. აღსანიშნავია ის, რომ ყველა ბრაუზერი არ იძლევა HTML- ს იმავე გზით. აქაც ბრაუზერის შიგნით, რომელიც არის Chrome, ეს არის სათაურის ზომა ოთხი, და ის იგივე გამოიყურება, რაც აბზაცებად ტექსტი. თუ ჩვენ დავუბრუნდებით რეალურ ჩანაწერს, თქვენ გაითვალისწინებთ, რომ ის გაცილებით დიდია ვიდრე აბზაცში. ასევე მნიშვნელოვანია გვახსოვდეს, რომ ყველა ბრაუზერი არ აჩვენებს ნივთებს ერთნაირად. ასე რომ, თქვენ არ შეგიძლიათ იმედი HTML. თქვენ უბრალოდ იყენებთ HTML- ს, რომ დაასახელოთ, როგორც სათაურის ზომა სამი და შემდეგ ბრაუზერი იზრუნებს იმაზე, თუ რა უნდა გააკეთოს ამ საკითხთან დაკავშირებით. ზოგიერთ შემთხვევაში ეს უფრო დიდ და თამამად ხდის მას, მაგრამ სხვა შემთხვევაში ეს ასე არ არის. ამ პოსტის ფარგლებში, ჩვენ აქ გვაქვს მაგიდა, და თუ ტექსტურ რეჟიმში მივდივართ, ხედავთ, რომ აქ არის სწორი: მაგიდა, მაგიდის სხეული, მაგიდის რიგი და სხვა. და მაგიდის ქვემოთ ჩვენ გვაქვს სურათი. Html სურათი ასე გამოიყურება: ის იწყება img– ით, შემდეგ არის კლასი, რომელზეც ვისაუბრებთ სხვა ვიდეოში, შემდეგ კი არის წყარო, სადაც გვეუბნება, სად არის გამოსახულება ინტერნეტში. ჩვენ გვაქვს alt tag, ეკრანის მკითხველებისთვის და ჩვენ გვაქვს სიგანე და სიმაღლის ნიშანი, ასე რომ ბრაუზერმა წინასწარ იცის წინასწარ, თუ რამდენად დიდი იქნება ეს სურათი. თქვენ ალბათ არ გჭირდებათ ხშირად გამოიყენოთ ეს ტექსტური ჩანართი, მაგრამ ცოტათი სწავლის იმის შესახებ, თუ როგორ მუშაობს HTML, შეიძლება დაზოგოთ ბევრი დრო, მომავალში. როდესაც wysiwyg რედაქტორი არ იქცევა ისე, როგორც უნდა, შეგიძლიათ დააჭირეთ ტექსტის ჩანართს და ნახოთ რა ხდება. იქნებ მართლა გინდათ რომ ეს მსხვილი ნაწლავი ძლიერი ტეგების შიგნით იყოს, მაგრამ თაგუნას არ სურდა სწორად ამის ხაზგასმა. მაგრამ იქ ხართ, ახლა ის შიგნით არის. ახლა ჩვენ შეგვიძლია განახლება, და ჩვენ გამოვალთ აქ, და მე ჯერ არ მაქვს ჩატვირთული, ასე რომ მსხვილი ნაწლავი კვლავ ძლიერია, მაგრამ თუ ახლა დავტვირთავ, ნახავთ, რომ ცოტა გაბედული იყო. მოდით განვიხილოთ ის, რაც აქამდე ვისწავლეთ: HTML წარმოადგენს ჰიპერტექსტის მარკირების ენას და ეს ნიშნავს, რომ ეს არის ენა, რომელიც აპირებს ნორმალური ინგლისურის ჰიპერტექსტში აღნიშვნას, და თავდაპირველად ჰიპერტექსტი ნიშნავს იმას, რომ თქვენ შეგიძლიათ დააჭიროთ მას, მაგრამ ახლა ეს ნიშნავს ყველა სახის საგნების, როგორც სათაურების და ცხრილების და სურათების გამოცხადება. HTML აღწერს ტექსტის მიზანს. შემდეგ, ბრაუზერის საშუალებით უნდა იცოდეს რა უნდა გააკეთოს ამ ტექსტთან. თუ გსურთ შეიტყოთ მეტი WordPress, შეამოწმეთ WinningWP.com.

იხილეთ მეტი ვიდეო…

რამის დამატება?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map