HTML საფუძვლები დამწყებთათვის. HTML საფუძვლები დამწყებთათვის ისწავლეთ HTML საწყისი Scratch Online
IN თანამედროვე სამყაროზოგჯერ საკუთარი ვებსაიტის არსებობა ისეთივე მნიშვნელოვანია, როგორც ტელეფონის ნომერი ან მისამართი ელფოსტა. სამწუხაროდ, ყველას არ შეუძლია შექმნას ლამაზი პროფესიონალური ვებსაიტი დამოუკიდებლად და ზოგჯერ მრუდიც კი არ მუშაობს. პროგრამისტებისგან შეკვეთა ასევე არ არის იდეალური გამოსავალი, რადგან ყველას არ შეუძლია ამის საშუალება.
დაეხმარეთ ამ სიტუაციიდან გამოსვლას უფასო htmlვებსაიტების შაბლონები. HTML საიტის შაბლონი არის მზა კომპლექტი სტატიკური გვერდებიკონკრეტული საიტისთვის. ამ შაბლონის გამოყენებით, თქვენ შეგიძლიათ შექმნათ მარტივი ვებსაიტი სულ რაღაც რამდენიმე საათში, HTML მარკირების ძირითადი ცოდნით. HTML განყოფილებაში თქვენ მიიღებთ ამ ცოდნას, თუ კიდევ რამდენიმე საათს დაუთმობთ სწავლას და თუ არ დაზოგავთ დროს CSS განყოფილებაში, თქვენ შეძლებთ სრულად აკონტროლოთ HTML საიტის შაბლონების დიზაინი და მათი სრულად მორგება. თქვენს საჭიროებებზე.
ვებსაიტების შაბლონების კიდევ ერთი უდავო უპირატესობა ის არის, რომ უმეტეს შემთხვევაში ისინი იწერება პროფესიონალების მიერ. საიტის პროფესიონალური შაბლონი ნიშნავს არა მხოლოდ ლამაზ და თანამედროვე დიზაინი, არამედ როგორც კოდი წერია. საძიებო სისტემები უყურებენ როგორ იწერება თქვენი საიტი, არის თუ არა კოდი SEO ოპტიმიზირებული და ამის საფუძველზე ამცირებენ ან ზრდიან თქვენს პოზიციებს ძიების შედეგებში. ამიტომ კარგი საიტი არ უნდა იყოს მხოლოდ ლამაზი და თანამედროვე, რაც მნიშვნელოვანია, არამედ კარგად დაწერილი კოდის თვალსაზრისით.
ჩამოტვირთვა უფასო HTML შაბლონებისაიტი და შექმენით თქვენი პროექტები უმოკლეს დროში.
სრული სათაური - ჰიპერტექსტის მარკირების ენა. ეს არის ჰიპერტექსტის მარკირების ენა, რომელიც ფართოდ გამოიყენება ვებ გვერდებისა და დოკუმენტების აგებისას. HTML მოგზაურობა დაიწყო პირველ ნახევარში 90-იანი წლები. იმ დროს ის იყო უკიდურესად პრიმიტიული, მაგრამ უკვე დაეხმარა შექმნას მარტივი გვერდებივებისთვის. მას შემდეგ ენა მუდმივად ვითარდებოდა და დღეს უკვე ბევრი რამ ისწავლა. HTML-ის გარეშე, როგორც ჩვენ შევეჩვიეთ მას, ვებსაიტები უბრალოდ არ იარსებებდნენ. თითქმის ყველა ვებსაიტი გარკვეულწილად იყენებს HTML-ს.
დღევანდელი სტანდარტი არის HTML5, რომელიც ოფიციალურად 2014 წელს გამოვიდა. ეს არის რევოლუციური სტანდარტი, რომელმაც საშუალება მისცა ენას მიეღწია ახალ დონეზე.
ინოვაციები HTML5-ში:
პარსინგის ალგორითმი შეიცვალა DOM სტრუქტურის შემუშავებისას;
გამოჩნდა ახალი ტეგები, როგორიცაა აუდიო, ვიდეო და სხვა. სხვათა შორის, ახლა თქვენ შეგიძლიათ შექმნათ ვებ პლეერი მხოლოდ HTML გამოყენებით. ადრე უნდა გამოეყენებინა Adobe Flashმოთამაშე;
HTML ელემენტების გამოყენების წესებისა და სემანტიკის ნაწილის ხელახალი განსაზღვრა.
გლობალურად რომ შევხედოთ, HTML5 უფრო მეტი გახდა შემდეგი ვერსიაენა, მაგრამ სრული პლატფორმა აპლიკაციის განვითარებისთვის. ადრე მისი შესაძლებლობები სტრუქტურის აგებით შემოიფარგლებოდა, დღეს ის გაცილებით ჭკვიანია. სტანდარტის გამოშვებით, ენის ფარგლები მნიშვნელოვნად გაფართოვდა. ვებ განვითარების ტრადიციული მიმართულების გარდა, იგი გამოიყენება შესაქმნელად კომპიუტერული პროგრამები Windows 8-ზე და უფრო ახალზე, ასევე სმარტფონებისთვის აპლიკაციების შემუშავებისთვის ყველა პოპულარულ პლატფორმაზე.
ყველაფერი იქამდე მივიდა, რომ HTML5-ის გამოყენება დაიწყო ორ ძირითად სფეროში:
როგორც HTML ენის განახლებული ვერსია;
როგორც ფუნქციური პლატფორმა, რომელზეც შეგიძლიათ შექმნათ სხვადასხვა სირთულის ვებ აპლიკაციები. მართალია, შექმენი სრული აპლიკაციასუფთა HTML5-ზე ის არ იმუშავებს, ამისთვის ჯერ კიდევ გამოიყენება JavaScript და CSS3.
ვინ ახდენს HTML5-ის მოდერნიზებას? ენაზე მუშაობს W3C ან სრული სახელი - მსოფლიო ქსელის კონსორციუმიარის საერთაშორისო ორგანიზაცია, რომელიც ინარჩუნებს დამოუკიდებლობას კონკრეტული დეველოპერებისგან. ის ასევე აწარმოებს სპეციფიკაციებს, განმარტებებს და სტანდარტებს HTML5-ისთვის. ორიგინალი და სრული სპეციფიკაცია ხელმისაწვდომია ოფიციალურ ვებსაიტზე ბმულზე ( ხელმისაწვდომია ინგლისურ ენაზე). ორგანიზაციას ენაზე მუშაობა არ დაუსრულებია, პირიქით, ჯერ კიდევ ავითარებს.
ბრაუზერის მხარდაჭერა
მნიშვნელოვანია გვესმოდეს, რომ HTML5 სპეციფიკაცია და ამ ტექნოლოგიის დანერგვა კონკრეტულ ბრაუზერებში განსხვავებული ცნებებია. აქტიურ განვითარებაში მყოფმა ბევრმა ვებ ბრაუზერმა დაიწყო HTML5 ფუნქციების ნელ-ნელა დანერგვა ამ ვერსიის გამოშვებამდეც კი. დღეისათვის უახლესი ბრაუზერები მხარს უჭერენ HTML5-ის ყველა მახასიათებელს. სრული მხარდაჭერა უზრუნველყოფილია: Chrome, IE 11, Firefox, Edge, Opera. შედარებით ძველ ვერსიებს არ აქვთ ახალი სტანდარტების მხარდაჭერა, როგორიცაა IE 8 და ქვემოთ. ვერსიაში IE9და 10
სტანდარტები უკვე დანერგილია, მაგრამ მხოლოდ ნაწილობრივ.
ხშირად ბრაუზერებმა შეიძლება ზოგადად იმუშაონ ახალი სტანდარტით, მაგრამ განსხვავებულად უმკლავდებიან ფუნქციებს ან უბრალოდ უშვებენ შეცდომას. ამიტომ, ჯვარედინი ბრაუზერის შემუშავებისას, თქვენ უნდა გაითვალისწინოთ ბრაუზერების ყველა მახასიათებელი. TO დღევანდელი მომენტივებ ბრაუზერების სტანდარტული მხარდაჭერა უკვე კარგ დონეზეა.
იმისათვის, რომ დარწმუნდეთ, რომ ბრაუზერის მიმდინარე ვერსია მხარს უჭერს HTML5-ს, შეგიძლიათ გააკეთოთ პატარა ტესტი.
რა გჭირდებათ სამუშაოდ?
რა არის სასარგებლო HTML5-ის ქვეშ განვითარების დროს? ძირითადი ინსტრუმენტი არის ტექსტური რედაქტორი, რომელშიც დაიბეჭდება მომავალი ვებ გვერდის კოდი. ერთ-ერთი ყველაზე პოპულარული და მრავალმხრივი რედაქტორია Notepad++. ის ხელმისაწვდომია ოფიციალურ ვებსაიტზე სრულიად უფასოდ. უფასო განაწილების გარდა, მას ასევე აქვს ყველა საჭირო ფუნქცია, აქვს ბევრი სასარგებლო დანამატი, ხაზს უსვამს ტეგების გახსნას და დახურვას.
მეორე მნიშვნელოვანი ინსტრუმენტი არის ვებ ბრაუზერი, ის სასარგებლოა კოდის შესამოწმებლად. ნებისმიერი ბრაუზერი ცნობილი დეველოპერისგან გააკეთებს. თუ თქვენ გჭირდებათ კროს-პლატფორმული აპლიკაციის შექმნა, სისტემაში უნდა დააინსტალიროთ ყველა პოპულარული ვებ ბრაუზერი.
გსურთ შექმნათ თქვენი ვებ გვერდი ინტერნეტში? - Ძალიან კარგი! HTMLგაკვეთილები ამაში დაგეხმარებათ.
ჰიპერტექსტის მარკირების ენა ან შემოკლებული HTML- დოკუმენტების ჰიპერტექსტის მარკირების ენა, W3C კონსორციუმის პროდუქტი - ეფუძნება თითქმის ყველა არსებულ ვებ გვერდს, რაც მას პირველ ადგილზე აყენებს საიტების შექმნის ხელსაწყოების იერარქიაში. განსაკუთრებული ყურადღება უნდა მიექცეს ამ განყოფილების გაკვეთილების შესწავლას.
HTML გაკვეთილებიეს არის გაკვეთილები, თუ როგორ უნდა შექმნათ ვებ გვერდები.
HTML გაკვეთილები- პირველი ნაბიჯი ინტერნეტ საიტების განვითარების ათვისებისკენ.
HTML გაკვეთილებიდა ვებ დიზაინის გაკვეთილები სრულიად განსხვავებული ცნებებია.
ახალი, თანამედროვე HTML გაკვეთილებისპეციალურად შექმნილი დამწყებთათვის.
Სინტაქსი HTMLსაკმაოდ მარტივი და ადვილად გასაგები, მაგრამ ეს არ ნიშნავს იმას, რომ სასწავლო პროცესი შეუფერხებლად და უშეცდომოდ წარიმართება. არ არის საჭირო მათი შიში - ისინი გარდაუვალია. შეცდომების დაშვებით, თქვენ იღებთ ინფორმაციას იმის შესახებ, თუ როგორ არ უნდა მოიქცეთ მომავალში, ეს ინფორმაცია ღირს გარკვეული ძალისხმევა, დრო და, შესაბამისად, განსაკუთრებით ღირებული. ასე გროვდება ცოდნა და გამოცდილება.
როდესაც შექმნით თქვენს პირველ გვერდებს, გაგიხარდებათ ფიქრი, რომ აღმოაჩენთ სამყაროს, რომელიც აქამდე არ იცოდით და შესაძლოა არც იცოდით მისი არსებობის შესახებ - სხვა შესაძლებლობების სამყარო - ინტერნეტის სამყარო.
Ფრთხილად იყავი! შესაძლოა ახალ საქმიანობაზე დამოკიდებული გახდეთ.
ახალი HTML გაკვეთილები | HTML კოდის მაგალითი
განვიხილოთ მისი ელემენტები:
ტეგები, რომლებიც განსაზღვრავენ დოკუმენტის დასაწყისს და დასასრულს.
სერვისის განყოფილება. აქ არის ბრძანებები ბრაუზერებისთვის, ინსტრუქციები საძიებო რობოტებისთვის, დისტანციური ფაილების ბმულები, სკრიპტები.
ტეგები, რომლებიც განსაზღვრავენ დოკუმენტის მთავარ სათაურს.
ეს განყოფილება შეიცავს ვებ გვერდის მთელ ხილულ ნაწილს.
ბრაუზერში ვნახავთ Hello World! :
სწავლისთვის HTMLსაჭიროა ჩასაწერი. მასში ჩვენ ხელით ჩავწერთ კოდს. ალბათ სულ ესაა... ეწევა კოდის ინტერპრეტაციას პროგრამული უზრუნველყოფავებ დათვალიერებისთვის, ანუ Internet Explorer, Firefox, Opera, Chrome და სხვა ბრაუზერები.
გაკვეთილებზე ეს კურსიწარმოდგენილი იქნება HTML 5, XHTML და CSS ჩანართები. ეს კომბინაცია ოპტიმალურია სწავლისთვის და საშუალებას გაძლევთ მნიშვნელოვნად დააჩქაროთ მასალის განვითარება.
ამჟამად, სპეციფიკაცია უკვე ხელმისაწვდომია W3C კონსორციუმის ოფიციალურ ვებსაიტზე HTML 5. მეხუთე ვერსიის შემუშავება დაიწყო 2007 წელს, მას ეფუძნება XMLდა სინამდვილეში მას ავსებს ახალი ელემენტები და ატრიბუტები, XHTML- ჭამე. მეხუთე ვერსია HTMLგთავაზობთ მეტ ფუნქციონირებას და ამარტივებს ინტერაქტიული საიტებისა და ვებ აპლიკაციების შექმნის პროცესს. გარდა ამისა, HTML 5შეიცავს დამატებით ელემენტებს, რომლებიც უზრუნველყოფენ მულტიმედიური შინაარსის განთავსებას ვებ გვერდის შიგნით.
ახალი HTMLჯერ არ მიუღია რეკომენდაციის სტატუსი და მისი ტეგები ამ ეტაპზე მხოლოდ ზოგიერთი ბრაუზერის მიერ არის აღიარებული. მაგრამ ამის მიუხედავად, დღეს ხელმისაწვდომია HTML 5 გაკვეთილები.
Post Scriptum: ინტერნეტი შედგება უსასრულო რაოდენობის გვერდებისგან, რომლებიც ერთმანეთთან არის დაკავშირებული ჰიპერბმულებით "ჰიპერტექსტის გადაცემის პროტოკოლის" მეშვეობით - ჰიპერტექსტის გადაცემის პროტოკოლი ან მოკლედ HTTP - მონაცემთა გადაცემის პროტოკოლი ჰიპერტექსტური დოკუმენტების სახით. Რა არის HTML? HTML - ჰიპერტექსტის მარკირების ენაან ჰიპერტექსტის მარკირების ენის დოკუმენტები.
ეს სტატია არ აცხადებს, რომ არის ყოვლისმომცველი სახელმძღვანელო HTML დოკუმენტების მარკირების ენაზე. იგი აღწერს HTML-ის საფუძვლებს - ძირითადი პრინციპები, ამ ტექნოლოგიის ცნებები და განმარტებები, რომელთა ათვისების შემდეგ, შეგიძლიათ მარტივად გადახვიდეთ HTML კოდირების სწავლაში.
მაგარი
ჩამაგრება
გაკვეთილის შესასწავლად გადმოწერეთ არქივი საჭირო ფაილებით.
HTMLარის მარკირების ენა დოკუმენტები. სწორი გამოთქმა - HTMEL.
გიმუშავიათ ოდესმე Word დოკუმენტის რედაქტორში ან მსგავს საოფისე აპლიკაციები? თქვენ ალბათ ეს იცით ამ სახეობისრედაქტორს აქვს მდიდარი ფუნქციები ტექსტის რედაქტირებისთვის, ელემენტების მოწყობისთვის, სურათების ჩასმისთვის და ა.შ.
გეკითხებით, რატომ წერთ სტატიაში HTML-ის შესახებ სიტყვების პროცესორების შესახებ? Მაგრამ რატომ. თუ ხვდები რა არის ოფისის რედაქტორი? ეს არის აპლიკაცია დოკუმენტების რედაქტირებისა და ჩვენებისთვის.
საკვანძო სიტყვა აქ არის დოკუმენტი. ანუ, ჩვენ ვქმნით, ვასწორებთ და ვუყურებთ დოკუმენტს რომელიმე პროგრამაში, ში ამ საქმეს- ოფისის რედაქტორში. თუ ჩვენ გავხსნით ასეთ დოკუმენტს მარტივ ტექსტურ რედაქტორში, როგორიცაა Notepad, დავინახავთ უამრავ უცნაურ სიმბოლოს და ნიშანს. სიმბოლოების ეს არეულობა კაცობრიობისთვის გაუგებარია, მაგრამ კომპიუტერებისთვის გასაგები. ამ შინაგანი ენის წყალობით, word დოკუმენტიიძენს გარკვეულ სტრუქტურას და იერსახეს თავად რედაქტორში და დოკუმენტი ჩვენს წინაშე მთელი თავისი დიდებით ჩნდება ფორმატირებული ტექსტით და სურათებით მათ ადგილას.
HTMLარის მარკირების ენა ბრაუზერისთვის. Word "აქ არის ბრაუზერი, ხოლო დოკუმენტი არის HTML გვერდი. ეს არის საფუძველი HTML ტექნოლოგიები, რომლის გაგებაც აუცილებელია იმისათვის, რომ არ აგვერიოს ვებ დოკუმენტების მარკირების ენა პროგრამირების ენებთან. სახელი თავისთავად საუბრობს HTML-ის გამოყენებითჩვენ მარკირება, სადაც ელემენტი, სურათი ან ტექსტი გამოჩნდება გვერდზე და რა თანმიმდევრობით გამოჩნდება ისინი ერთმანეთის გვერდით.
დიახ, მარტივი აკრეფა და ტექსტის ფორმატირება საოფისე აპლიკაციებში არაფერ შუაშია პროგრამირებასთან. მაგრამ დაკვირვებული მკითხველი შეამჩნევს მნიშვნელოვანი დეტალი- ტექსტის პროცესორში ვიზუალური ღილაკებითა და მენიუებით ვბეჭდავთ, ვასწორებთ და ვაფორმატებთ ტექსტს და სურათებს, მაგრამ რატომ იწერება HTML კოდი ხელით? რატომ შეისწავლეთ ამდენი ტექნიკური დეტალი დოკუმენტის მარკირების ჩაწერის შესახებ?
სინამდვილეში, არსებობს მრავალი რედაქტორი, რომლითაც შეგიძლიათ შექმნათ და დაარედაქტიროთ HTML გვერდები Word-ის ანალოგიით. ანუ წყაროს HTML კოდი ჩვენთვის დამალულია და ჩვენ მასში არ ვეხებით.
WYSIWYGრედაქტორები - ვქუდი ი ou სეე მეს ვქუდი ი ou გდა ა.შ. ანუ, თუ რუსულად ითარგმნება: რასაც ვხედავთ, ვიღებთ.
მე მათ ვეძახი "ვუზებს". მიუხედავად იმისა, რომ ეს არ არის ფონეტიკურად სწორი, ეს აშკარად მიუთითებს ამ გამოგონების უშედეგოობაზე. დამწყები ძალიან ხშირად იყენებენ ასეთ რედაქტორებს თავიანთი პირველი საიტების შესაქმნელად. რა თქმა უნდა, ეს მოსახერხებელია - არ არის საჭირო ტეგების, დიზაინის სტილის და სხვა, ერთი შეხედვით, უსიამოვნო და რთული საგნების შესწავლა. თავად რედაქტორი ავტომატურად გადააქცევს ჩვენს მოქმედებებს HTML კოდში.
მაგრამ, როგორც ამბობენ, უბრალოდ არაფერი ხდება. უფრო კონკრეტულად, ამ მიდგომას აქვს ძალიან სერიოზული ნაკლოვანებები. რა უშლის ყველას ზედიზედ ვიზუალური რედაქტორების გამოყენებას HTML გვერდების შესაქმნელად? ფაქტია, რომ ამ გზით ჩამოყალიბებულ გვერდებს ჩვეულებრივ აქვთ ბევრი დამატებითი კოდი, ბევრი შეცდომა სემანტიკური თვალსაზრისით. ახლა, რა თქმა უნდა, არანაირი პრობლემა არ არის მაღალსიჩქარიანი ინტერნეტიკავშირი და გვერდის ზომის სხვაობა 400 კბ და 100 კბ სიჩქარისთვის არ არის მნიშვნელოვანი, თუმცა ოპტიმიზებული და სწორად დაწერილი HTML კოდი აღმოფხვრის ბევრ პრობლემას და იძლევა უამრავ უპირატესობას, კერძოდ:
კომპეტენტური HTML კოდი დადებითად მოქმედებს საძიებო სისტემის ოპტიმიზაცია, საძიებო რობოტის მიერ საიტის ცოცვის სიჩქარე. აქ გენერირებული კოდის კილობაიტი მიუღებელია და საზიანოც კი;
WYSIWYG რედაქტორის მიერ გენერირებული HTML კოდს აქვს მრავალი სემანტიკური შეცდომა. ანუ, ასეთი რედაქტორის მიერ გენერირებული ტეგები გამოიყენება სხვა მიზნებისთვის, სადაც აუცილებელია, მაგალითად, სიების გამოყენება.
, რედაქტორი შექმნის სხვა ტეგს, რომელიც ჩვენ არ გვჭირდება. ეს, რა თქმა უნდა, რედაქტორზეა დამოკიდებული, მაგრამ აქ ვგულისხმობთ კომპლექსური გადაწყვეტილებებივებსაიტების შესაქმნელად და არა უბრალოდ ტექსტის რედაქტირება ტექსტის არეალში WYSIWYG ინსტრუმენტების გამოყენებით.
ბევრი არასაჭირო ტეგი იქმნება და დოკუმენტის სტრუქტურა გაბერილია. ვთქვათ, თქვენ გადაიტანეთ ელემენტი ასეთ პროგრამაში, ჯერ მარჯვნივ, შემდეგ მარცხნივ, შემდეგ ცენტრში - თითოეული მოქმედება ტოვებს კვალს HTML კოდის წყაროში. რედაქტორი არის პროგრამა და მან არ იცის, რისი მიღება გსურთ შედეგად, ის აწარმოებს ტონა კოდს, ყველაფრის გათვალისწინებით პარამეტრებიდოკუმენტის ქცევა ბრაუზერში.
როგორც წესი, HTML კოდის ვიზუალური დიზაინის რედაქტორები სწრაფად მოძველებულია. და პროფესიონალების მხრიდან ინტერესის ნაკლებობის გამო, ისინი ზოგადად კარგავენ მხარდაჭერას და ჩერდებიან განვითარებაში. და HTML ვითარდება. ყველაფერი ვითარდება, გარდა vuzivugi. შესაბამისად, მათ არ შეუძლიათ შექმნან სწორი და განახლებული კოდი, რომელიც მოიცავს ახალ ფუნქციებსა და გადაწყვეტილებებს.
ასეთი პროექტების მხარდაჭერა და განვითარება ზეციური სასჯელია. შაბლონების გამოყენების შესახებ და ხელახალი გამოყენებასაერთოდ არ შეიძლება არსებობდეს მეტყველების კოდი.
ასე რომ, ჩვენ დავწერთ HTML მხოლოდ კალმებით. HTML-ის ვიზუალური რედაქტირების ადექვატური ინსტრუმენტები ჯერ არ არის გამოგონილი და ნაკლებად სავარაუდოა, რომ გამოჩნდეს. HTML მარკირების ენა მარტივია შესასწავლად და გასაგებად, და არსებობს მრავალი ავტომატიზაციის ინსტრუმენტი HTML კოდის დასაწერად, მაგრამ ამაზე მეტი სხვა გაკვეთილებში.
WYSIWYG რედაქტორთან ცოტა ხნით ჩხუბის შემდეგ, ახალგაზრდა HTML გურუები ტოვებენ ამ უშედეგო ამოცანას და გადადიან.
HTML დოკუმენტის სტრუქტურა
გირჩევთ ჩამოტვირთოთ და დააინსტალიროთ Sublime Text რედაქტორი კლასებისთვის. კატეგორიულად არ გირჩევთ Windows-ში ჩაშენებული Notepad-ის გამოყენებას HTML განლაგებისთვის, თუ არ გსურთ თქვენი ფსიქიკის რღვევა HTML-ის სწავლის ადრეულ ეტაპზე.
ჩვენ გადავწყვიტეთ, რომ HTML დოკუმენტის კოდი ხელით დავწეროთ, ანუ ტიპაჟი. HTML განლაგება- პროცესი HTML-ის შექმნადოკუმენტი. უბრალო ხალხში და მცოდნე წრეებში - უბრალოდ განლაგება. ნებისმიერ დოკუმენტს აქვს სტრუქტურა და გარკვეული სამშენებლო წესები. რა ელემენტებისაგან შედგება კოდი, როგორია HTML-ის სტრუქტურა?
შევქმნათ საწყისი შაბლონი კომპიუტერზე - ფაილი index.htmlგახსენით ის რედაქტორით და ჩასვით მასში შემდეგი კოდი:
სათაური
დოკუმენტის ორგანო
გაითვალისწინეთ, რომ HTML დოკუმენტებს აქვთ გაფართოება .html.
ასე რომ, მაგალითიდან თანმიმდევრობით.
- დოკუმენტის ტიპი (დოქტიპი)
ეს კონსტრუქცია ყოველთვის მითითებულია დოკუმენტის დასაწყისში, რათა ბრაუზერმა სწორად „გაიგოს“ რომელი HTML ვერსიაგამოიყენება დოკუმენტის შექმნისას.
იმის გამო, რომ HTML მუდმივად ვითარდება, მას აქვს რამდენიმე ვერსია, როგორც ნებისმიერი პროგრამული პროდუქტი. Მოქმედი ვერსია HTML - მეხუთე და მოცემულია მაგალითში დოქტიპიარის განახლებული.
პრინციპში, აზრი არ აქვს დოკუმენტის ტიპების შესწავლას, რადგან HTML5-ის გამოშვებით ეს დიზაინი სტანდარტად იქცა. უბრალოდ ჩასვით იგი დოკუმენტის დასაწყისში ყოველ ჯერზე, როცა იწყებთ საიტის განლაგების განლაგებას.
- დოკუმენტის დასაწყისი
პირველი ტეგი, რომელსაც ჩვენ ვხედავთ დოქტიპის შემდეგ არის .
HTML ტეგი- HTML დოკუმენტის მარკირების სტრუქტურული ერთეული. HTML კოდი შედგება სამშენებლო ბლოკებისგან, რომელსაც ეწოდება ტეგები. თითოეულ ტეგს აქვს თავისი ფუნქცია და HTML მარკირების ენის სწავლა საბოლოო ჯამში არის დოკუმენტში ტეგებისა და მათი თვისებების შესწავლა.
მინდა აღვნიშნო, რომ HTML-ის სწავლა არც ისე რთული საქმეა, როგორც ერთი შეხედვით შეიძლება ჩანდეს. დოკუმენტის მარკირებაში გამოყენებული ტეგების სწავლა ტვინზე არც ისე დიდი დატვირთვაა.
ასე რომ, დოკუმენტის მარკირება იწყება ტეგით და მთავრდება დახურვის ტეგით. ყოველი ტეგი, რომელიც შეიცავს სხვა ტეგებს ან ელემენტებს, უნდა დაიხუროს დახურვის ტეგი. Მაგალითად, , ,
და ა.შ.
მონიშნეთ საჭიროა, რადგან ის შეიცავს დოკუმენტის მთელ სტრუქტურას და ახვევს დანარჩენ ელემენტებს.
მონიშნეთ
შემდეგი, ჩვენ ვხედავთ ტეგი
, რომელიც შეიცავს ჩვენთვის ჯერ კიდევ გაუგებარ ელემენტებს. შეიცავს სხვა ელემენტებს - ეს ნიშნავს, რომ ელემენტები ან ტეგები მდებარეობს კონსტრუქციის გახსნისა და დახურვის ტეგებს შორის:
<тег>შინაარსი ან სხვა ტეგები
მონიშნეთ
შექმნილია HTML დოკუმენტის მეტა-ინფორმაციის შესანახად, ანუ ინფორმაცია, რომელიც არ არის ნაჩვენები თავად დოკუმენტში, მაგრამ მნიშვნელოვანია და დიდწილად განსაზღვრავს როგორ გამოიყურება და როგორ იქცევა დოკუმენტი. ეს ტეგი აუცილებელია დოკუმენტში.
მონიშნეთ - დოკუმენტის სათაური</h4>
<title>სათაური
სათაური
არის <b>საჭირო ტეგი</b> A, რომელიც შეიცავს ტექსტურ მეტა-ინფორმაციას, რომელიც ნაჩვენებია ბრაუზერის ან ჩანართის სათაურში. მონიშნეთ <title>უნდა იყოს ტეგში <head>. ასევე, გამოიყენება ამ ტეგის შინაარსი <a href="https://obanracer.ru/ka/pozdravleniya-s-dnem-rozhdeniya-den-rozhdeniya-poiskovoi-sistemy-google.html">საძიებო სისტემები</a>ძიების შედეგებში დოკუმენტის ჩვენება.</p>
<h4>მეტა ტეგი <meta charset="UTF-8" ></h4>
<meta charset="UTF-8" >
<p><b>მეტა ტეგი</b>- სპეციალიზებული ტეგი, რომელიც შექმნილია გვერდის შესახებ სტრუქტურირებული მონაცემების უზრუნველსაყოფად. მეტა ტეგები ყველაზე ხშირად გამოიყენება ტეგში <head>. მეტა ტეგები არჩევითია სტრუქტურაში <b>HTML</b>დოკუმენტი.</p>
<h4>ფავიკონი (ფავიკონი)</h4>
<link rel="icon" href="favicon.ico" >
<p>ანიჭებს ფაილს ფავიკონის გამოსახულების მქონე დოკუმენტს. <b>ფავიკონი (ფავიკონი)</b>- ბრაუზერის ჩანართში დოკუმენტის სახელის გვერდით ნაჩვენები მინიატურული ხატულა. ფავიკონი არის <a href="https://obanracer.ru/ka/skachat-programmy-obrabotki-graficheskih-failov-online-programmy.html">გრაფიკული ფაილი</a>, 16 x 16 (ან 32 x 32) პიქსელი, რომელიც შეიძლება იყოს სხვადასხვა ფორმატში, როგორიცაა png, jpg, ico, gif. ტრადიციულად გამოიყენება <a href="https://obanracer.ru/ka/chto-takoe-rasshirenie-faila-ico-kak-sohranit-izobrazhenie-v-formate-ico-bystro-i.html">ico ფორმატი</a>. ანიმაციური ფავიკონები არის gif ფაილები, რომლებიც შეიცავს ანიმაციას. შეგიძლიათ უყუროთ ანიმაციურ ფავიკონს, მაგალითად, VKontakte-ზე, როდესაც ახალი შეტყობინება მოდის.</p>
<h4>CSS დოკუმენტის სტილები</h4>
<link rel="stylesheet" href="style.css">
<p>უკავშირდება დოკუმენტს <a href="https://obanracer.ru/ka/fail-reset-css-sbros-stilei-s-pomoshchyu-css-reset-css-reset-eto-osnova.html">css ფაილი</a> HTML სტილით.</p>
<p><b>css</b> - <i>კასკადური</i> HTML დოკუმენტის სტილისტიკა. თითოეული ტეგი, რომელიც არის ტეგში <body>, არსებობს თვისებების ნაკრები, როგორიცაა - ფერი, სიგანე, სიმაღლე, პოზიცია სხვა ელემენტებთან შედარებით. ყველა ეს თვისება არის CSS სტილი, რომელიც შეიძლება იქნას მიღებული <a href="https://obanracer.ru/ka/obnovlenie-faila-s-pomoshchyu-palitry-vneshnie-ssylki-sistema-avtomatizirovannogo-proektirovaniya-autoca.html">გარე ფაილი</a>. დიზაინი <link>აკავშირებს გარე ფაილებს HTML დოკუმენტთან, CSS სტილების ჩათვლით.</p>
<p>შენიშვნა: ქონება <b>href</b>დიზაინები <link >განსაზღვრავს გარე ფაილის ადგილმდებარეობას. ჩვენს მაგალითში, ფაილი <i>სტილი.css</i>და <i>favicon.ico</i>, მდებარეობს იმავე საქაღალდეში, სადაც ფაილი <i>index.html</i>. <link>არ აქვს დახურვის ტეგი.</p>
<h4>მონიშნეთ <script></h4>
<script src="script.js" type="text/javascript"></script>
<p>მონიშნეთ<script> содержит код или ссылку на файл <b>javaScript
</b> и чаще всего используется внутри тега <head>, хотя инструмент оптимизации скорости загрузки страниц от Google, рекомендует данный тег использовать в конце документа, перед закрывающим тегом </body>.</p>
<p>В нашем примере подключается внешний файл <i>script.js
</i>, который находится в той-же папке, что и основной файл index.html.</p>
<p>Итак, друзья, мы рассмотрели основные элементы, которые используются в теге <head> чаще всего. Кроме этих элементов, для <head> есть ряд других, более специфичных и не обязательных.</p>
<h4>Тело aka body</h4>
<body>
<p>Вот здесь то и начинается все самое интересное и визуально осязаемое в HTML верстке документа.</p>
<p>Перейдем, непосредственно, к верстке видимой части страницы. Все, что мы пишем и верстаем внутри тега <body> будет отображено в браузере. Откроем наш файл <b><i>index.html
</i>
</b> в браузере для того, чтобы наглядно видеть, что мы делаем в редакторе.</p>
<p>Тег <body> может содержать любые <a href="https://obanracer.ru/ka/search-console-google-ne-rabotaet-bolshaya-instrukciya-po-nastroike-i.html">HTML теги</a>, необходимые для оформления документа и обеспечения его функционала (формы). Приведу таблицу наиболее используемых тегов и вкратце опишу каждый. Вы можете сразу выполнять приведенные примеры в редакторе.</p>
<table><tr><td><h4>Тег</h4>
</td>
<td><h4>Описание</h4>
</td>
</tr><tr><td>
<a>
</td>
<td>
Тег для создания ссылок в документе.<br> Пример:
текст ссылки
Атрибут <b>href
</b> указывает документ, на который будет вести данная ссылка.
</td>
</tr><tr><td>
<em>,
<strong>
</td>
<td>
Делает текст <i>курсивом
</i>или <b>жирным
</b> (акцентируемым).<br> Пример:
<em>текст курсивом</em>
<strong>жирный (акцентируемый) текст</strong>
</td>
</tr><tr><td>
<h1>,
<h2>,
<h3>,
<h4>,
<h5>,
<h6>
</td>
<td>
Заголовки документа. Всего существует 6 уровней заголовков, но на практике используются только от h1 до h4. В документе должен быть только один заголовок, выделенный тегом h1, как главный заголовок документа.<br> Примеры:
<h1>Заголовок первого уровня</h1>
<h2>Заголовок второго уровня</h2>
<h3>Заголовок третьего уровня</h3>
... и т. д.
</td>
</tr><tr><td>
<ol>,
<ul>
</td>
<td>
Списки документа. Представляют собой нумерованный или маркированный список. Элементом такого списка является тег <li><br> Примеры:
<ul>
<li>Элемент <a href="https://obanracer.ru/ka/kakie-tegi-sozdayut-abzac-v-dokumente-html-abzac-i-krasnaya-stroka-kak-i-teg.html">маркированного списка</a> 1</li>
<li>Элемент маркированного списка 2</li>
</ul>
<ol>
<li>Элемент нумерованного списка 1</li>
<li>Элемент нумерованного списка 2</li>
</ol>
</td>
</tr><tr><td>
<p>
</td>
<td>
Абзац. Данный тег определяет абзац текста, отбитый от остальных абзацев. Закрывать данный тег очень желательно.<br>Пример:
<p><a href="https://obanracer.ru/ka/smartfon-huavei-p9-lait-vorchlivyi-obzor-vneshnii-vid-i-udobstvo-ispolzovaniya.html">Внешний вид</a> HTML разметки во многом
определяется CSS стилями.</p>
<p>Тем не менее, некоторые веб-мастера
предпочитают не использовать стили на первых
этапах проекта.</p>
</td>
</tr><tr><td>
<img>
</td>
<td>
Картинка. С помощью данного тега в HTML разметку можно вставить картинку. Обязательно указывайте у всех изображений альтернативный текст - атрибут "alt". Данный тег "самозакрывающийся".<br>Пример:
<img src='https://i1.wp.com/путь_до_картинки.jpg' loading=lazy loading=lazy>
</td>
</tr><tr><td>
<form>
+ <input>
+ <textarea>
</td>
<td>
Формы и элементы ввода.<br> Формы предназначены для ввода информации в систему на сервере. Этакая <a href="https://obanracer.ru/ka/forma-obratnoi-svyazi-contact-form-7-kak-v-forme-obratnoi-svyazi-wordpress-peredat-adres.html">обратная связь</a> пользователя и сайта. Например, формы используются, когда нужно отправить какое-то сообщение на сервер. Кроме того, формы могут выполнять и другие функции, но основная задача - отправка данных на сервер.<br> Пример - <a href="https://obanracer.ru/ka/skript-formy-obratnoi-svyazi-v-modalnom-okne-prostaya-forma-svyazi-na-ajax.html">простая форма</a> отправки сообщения, в которой пользователь сайта указывает свое имя, E-mail и какой-то текст:
<form action="ссылка_на_скрипт_обработки_формы">
<input type="text" name="name">
<input type="text" name="email">
<textarea name="text">
Текст сообщения
<textarea>
<input type="submit" value="Написать">
</form>
</td>
</tr><tr><td>
<span>
</td>
<td>
Определяет подстроку в строке.<br>Применяется для определения стиля части строки посредством CSS. Один из самых часто используемых тегов. Без оформления, ни как не проявляет себя в браузере.<br>Пример:
Изучение HTML, в большинстве случаев, не вызывает
<span>ни каких сложностей</span> у новичков.
</td>
</tr><tr><td>
<video>,
<audio>
</td>
<td>
Теги предназначены для вставки видео и аудио в документ. Обязателен закрывающий тег.<br>Примеры:
<video src="rolik_chuma.mp4" controls></video>
<audio src="muzichka.mp3" controls></audio>
Параметр <b>controls
</b> говорит нам о том, что на странице должны отображаться элементы управления медиаконтентом, как в обычном аудио/видео плеере.
</td>
</tr><tr><td>
<div>
</td>
<td>
Во истину, королевский тег. Самый используемый и популярный тег в HTML разметке страницы. Это блочный элемент, предназначенн для управления блоками на сайте. Часто употребляется понятие "дивной" верстки - это значит, что все блоки на сайте сверстаны с использованием данных тегов. Может содержать другие теги <div>.<br>Пример:
<div>
<div>
Текст во вложенном блоке
</div>
</div>
Все элементы <div>, в большинстве случаев, оформляются свойствами CSS стилей. Обязателен закрывающий тег </div>.
</td>
</tr><tr><td>
<iframe>
</td>
<td>
Данный тег загружает внешнюю страницу в документ.<br>Пример:
<iframe src="http://rtfm.org.ru"></iframe>
</td>
</tr></table><p>Мы рассмотрели далеко не все теги, да это и не нужно на данном этапе. Главное - понять основную идею HTML, научиться использовать представленные выше теги, а потом двигаться дальше.</p>
<p>Обратите внимание на то, что все названия в подключаемых файлах должны писаться латинскими символами, без пробелов.</p>
<p>Например, не:</p><p>
<video src="ролик чума.mp4" controls></video>
</p><p>
<video src="rolik_chuma.mp4" controls></video>
</p><p>Это необходимо для большей совместимости содержимого страницы. К тому-же, стандарты написания HTML кода, диктуют.</p>
<p>Итак, теперь мы знаем некоторые <b>основы HTML
</b>: какая структура должна быть у типового HTML документа, знаем некоторые наиболее ходовые теги, пора приступить к самому вкусному - а именно, печенькам.</p>
<h3>Практическое задание по HTML верстке</h3>
<p>Если вы еще не скачали архив с примерами, сделайте это . Для примера, можете подглядывать в файл example.html, который также находился в архиве.</p>
<ol><li>Распакуйте архив и в папке с распакованными файлами создайте файл index.html. Откройте созданный файл с помощью текстового редактора Sublime Text;</li>
<li>Создайте первоначальную структуру документа с доктайпом, тегом <html>, содержащим <header> и <body> и перейдите к редактированию содержимого тега <body>;</li>
<li>Откройте файл readme.txt и выполните соответствующие задания в созданном вами файле index.html. Для проверки результата, откройте index.html в вашем любимом браузере.</li>
</ol><p>На этом урок по основам HTML окончен, в следующем уроке "Основы CSS " мы научимся управлять стилями элементов документа, познакомимся ближе с каскадными таблицами стилей, научимся использовать классы стилей и сделаем нашу верстку красивой и красочной.</p>
<ul><li><a target="_blank" href="http://www.youtube.com/user/agragregra">www.youtube.com/user/agragregra</a> - очень <a href="https://obanracer.ru/ka/pervyi-proezd-panamskim-kanalom-panamskii-kanal-opisanie-istoriya.html">интересный канал</a>, который поможет вам набить руку по созданию сайтов различной сложности с нуля;</li>
<li><a target="_blank" href="http://www.youtube.com/user/ArtSorax">www.youtube.com/user/ArtSorax</a> - много полезного материала для начинающих.Упор делается на CSS и JS;</li>
<li><a target="_blank" href="http://www.youtube.com/user/WebMagistersRu">www.youtube.com/user/WebMagistersRu</a> - с этого канала лично я начала знакомство со средой веб-разработки. Все рассказано доступным и понятным языком, основа основ, так сказать.</li>
<li><a target="_blank" href="http://www.youtube.com/user/loftblog">www.youtube.com/user/loftblog</a> - команда LoftBlog берет интервью у начинающих и состоявшихся IT-специалистов и разработчиков, а так же проводят видео обучение;</li>
<li><a target="_blank" href="http://www.youtube.com/user/TheSWAT727">www.youtube.com/user/TheSWAT727</a> - видеоканал содержит в себе информацию и обучающие материалы по Web-разработке в целом, охватываю Front-end, Back-end, обзоры <a href="https://obanracer.ru/ka/pyat-besplatnyh-analogov-tekstovogo-redaktora-microsoft-word-kontren-ikt.html">текстовых редакторов</a> и прочую <a href="https://obanracer.ru/ka/otsledit-posylku-estoniya-pochta-v-estonii-poleznaya.html">полезную информацию</a> для начинающих разработчиков и дизайнеров.</li>
</ul><h5><b>Интернет-ресурсы
</b></h5><ul><li>htmlbook.ru - святыня для начинающих специалистов. <a href="https://obanracer.ru/ka/addurl-yandeksa-chto-takoe-addurilka-ne-daet-drugim-resursam-vorovat-vashi.html">Данный ресурс</a> содержит огромное количество информации в доступной и понятной форме + форум. Именно с этого я советую начинать знакомство с HTML/CSS;</li>
<li>webdesign-master.ru - познавательный сайт для более глубокого ознакомления с web-дизайном и версткой;</li>
<li>learn.javascript.ru - название сайта говорит само за себя. Советую начать обучение после ознакомления с основами HTML5/CSS3.</li>
</ul><h5><b>Сервисы
</b></h5><ul><li>www.codecademy.com - <a href="https://obanracer.ru/ka/nomer-mobilnogo-dlya-registracii-vkontakte-virtualnyi-nomer.html">англоязычный сервис</a>, где можно проверить свои знания на практике. Все интуитивно понятно, глубокие познания <a href="https://obanracer.ru/ka/kak-izmenit-yazyk-ebay-na-russkii-shablony-pisem-i-standarnye-frazy-na.html">английского языка</a> не потребуются;</li>
<li>htmlacademy.ru - русскоязычный сервис, где упор идет на практику + немного теории. Очень интересный ресурс, курсы и задания;</li>
<li>jsfiddle.net - так сказать «песочница» для web-разработчиков. Здесь в режиме онлайн можно код и тут же смотреть результат. Сервис будет вам помощником по указанию ошибок;</li>
<li>validator.w3.org - здесь можно проверить свой кода на валидность, что бы исправить свои ошибки или недочеты кода HTML;</li>
<li>jigsaw.w3.org/css-validator - аналогичный сервис, предназначенный для проверки на <a href="https://obanracer.ru/ka/proverka-css-na-validnost-s-pomoshchyu-css-validation-service-ispravlenie-html-i-css-c.html">валидность CSS</a> кода.</li>
</ul><p><u><h6>Итог</h6>
</u><br>
В интернете очень много полезной, правильной и <a href="https://obanracer.ru/ka/kopiya-obraza-cd-na-fleshku-kak-skinut-nuzhnuyu-informaciyu-s-diska-cd-ili-dvd-na.html">нужной информации</a>, но бесполезной больше. Учитесь, практикуйтесь, пишите код.</p><p>Теги:
Обучение, материал, сайты, разработка сайтов</p>
<script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+
";"+Math.random()+
"border='0' width='1' height='1' loading=lazy loading=lazy>");</script>
<div style="font-size:0px;height:0px;line-height:0px;margin:0;padding:0;clear:both"></div>
</div>
<footer>
<div class="td-block-row td-post-next-prev">
<div class="td-block-span6 td-post-prev-post">
<div class="td-post-next-prev-content"><span>წინა სტატია</span><a href="https://obanracer.ru/ka/chto-takoe-megapikseli-skolko-megapikselei-nuzhno-vashemu-videonablyudeniyu-chto.html">რამდენი მეგაპიქსელი სჭირდება თქვენს ვიდეო მეთვალყურეობას რა არის მეგაპიქსელი ციფრულ კამერებსა და ტელეფონებში</a></div>
</div>
<!-- /next_post -->
<div class="td-next-prev-separator"></div>
<div class="td-block-span6 td-post-next-post">
<div class="td-post-next-prev-content"><span>შემდეგი სტატია</span><a href="https://obanracer.ru/ka/osobennosti-nad-zhnogo-operatora-videonablyudeniya-professiya.html">პროფესია ტელეკომის ოპერატორი ფოსტაში რას ასწავლიან კოლეჯებში</a></div>
<!-- /next_post -->
</div>
</div>
<div class="td-author-name vcard author" style="display: none"><span class="fn"><a href="https://obanracer.ru/ka/author/iulia">ჯულია</a></span></div> <span style="display: none;" itemprop="author" itemscope itemtype="https://schema.org/Person"><meta itemprop="name" content="Юлия"></span>
<meta itemprop="datePublished" content="2016-05-16T15:47:37+00:00">
<meta itemprop="dateModified" content="2016-10-25T16:54:41+00:00">
<meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="/other/kak-zavyazat-galstuk-foto-poshagovo.html" /><span style="display: none;" itemprop="publisher" itemscope itemtype="https://schema.org/Organization"><span style="display: none;" itemprop="logo" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="url" content="//obanracer.ru/wp-content/uploads/2017/01/logo-300x100.png"></span>
<meta itemprop="name" content="Мой секрет">
</span>
<meta itemprop="headline " content="Как завязать галстук пошагово фото"><span style="display: none;" itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="url" content="/wp-content/uploads/2016/05/1-19.jpg"><meta itemprop="width" content="640"><meta itemprop="height" content="450"></span> </footer>
</article>
<div class="td_block_wrap td_block_related_posts td_uid_3_5a236fb03c961_rand td_with_ajax_pagination td-pb-border-top td_block_template_1" data-td-block-uid="td_uid_3_5a236fb03c961" ><script>var block_td_uid_3_5a236fb03c961 = new tdBlock();
block_td_uid_3_5a236fb03c961.id = "td_uid_3_5a236fb03c961";
block_td_uid_3_5a236fb03c961.atts = '{ "limit":9,"sort":"","post_ids":"","tag_slug":"","autors_id":"","installed_post_types":"","category_id":"","category_ids":"","custom_title":"","custom_url":"","show_child_cat":"","sub_cat_ajax":"","ajax_pagination":"next_prev","header_color":"","header_text_color":"","ajax_pagination_infinite_stop":"","td_column_number":3,"td_ajax_preloading":"","td_ajax_filter_type":"td_custom_related","td_ajax_filter_ids":"","td_filter_default_txt":"\u0412\u0441\u0435","color_preset":"","border_top":"","class":"td_uid_3_5a236fb03c961_rand","el_class":"","offset":"","css":"","tdc_css":"","tdc_css_class":"td_uid_3_5a236fb03c961_rand","live_filter":"cur_post_same_categories","live_filter_cur_post_id":10046,"live_filter_cur_post_author":"694350","block_template_id":""} ';
block_td_uid_3_5a236fb03c961.td_column_number = "3";
block_td_uid_3_5a236fb03c961.block_type = "td_block_related_posts";
block_td_uid_3_5a236fb03c961.post_count = "9";
block_td_uid_3_5a236fb03c961.found_posts = "26";
block_td_uid_3_5a236fb03c961.header_color = "";
block_td_uid_3_5a236fb03c961.ajax_pagination_infinite_stop = "";
block_td_uid_3_5a236fb03c961.max_num_pages = "3";
tdBlocksArray.push(block_td_uid_3_5a236fb03c961);
</script><h4 class="td-related-title td-block-title"><a id="td_uid_4_5a236fb03e35d" class="td-related-left td-cur-simple-item" data-td_filter_value="" data-td_block_id="td_uid_3_5a236fb03c961" href="#">ᲓᲐᲙᲐᲕᲨᲘᲠᲔᲑᲣᲚᲘ ᲡᲢᲐᲢᲘᲔᲑᲘ</a></h4><div id=td_uid_3_5a236fb03c961 class="td_block_inner">
<div class="td-related-row">
<div class="td-related-span4">
<div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/ka/novaya-versiya-menedzhera-ustroistv-onvif-osobennosti-ustroistv-s-podderzhkoi-onvif.html" rel="bookmark" title="ONVIF სტანდარტის მხარდაჭერილი მოწყობილობების მახასიათებლები ქსელში onvif მოწყობილობების გამოვლენა"><img width="218" height="150" class="entry-thumb" src="/uploads/58b930b55ad59f8c4ac485e95a242f3a.jpg" alt="ONVIF სტანდარტის მხარდაჭერილი მოწყობილობების მახასიათებლები ქსელში onvif მოწყობილობების გამოვლენა" title="ONVIF სტანდარტის მხარდაჭერილი მოწყობილობების მახასიათებლები ქსელში onvif მოწყობილობების გამოვლენა"/ loading=lazy loading=lazy></a></div>
<a href="https://obanracer.ru/ka/category/case/" class="td-post-category">კორპუსი</a> </div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/ka/novaya-versiya-menedzhera-ustroistv-onvif-osobennosti-ustroistv-s-podderzhkoi-onvif.html" rel="bookmark" title="ONVIF სტანდარტის მხარდაჭერილი მოწყობილობების მახასიათებლები ქსელში onvif მოწყობილობების გამოვლენა">ONVIF სტანდარტის მხარდაჭერილი მოწყობილობების მახასიათებლები ქსელში onvif მოწყობილობების გამოვლენა</a></h3>
</div>
</div>
</div>
<div class="td-related-span4">
<div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/ka/kitaiskaya-ip-kamera-kak-uznat-ip-adres-kamery-nastroika-routera.html" rel="bookmark" title="როგორ გავარკვიოთ კამერის IP მისამართი IP კამერისთვის როუტერის დაყენება"><img width="218" height="150" class="entry-thumb" src="/uploads/f4f6c9493fefcbdd87ccc954db77acb4.jpg" alt="როგორ გავარკვიოთ კამერის IP მისამართი IP კამერისთვის როუტერის დაყენება" title="როგორ გავარკვიოთ კამერის IP მისამართი IP კამერისთვის როუტერის დაყენება"/ loading=lazy loading=lazy></a></div>
<a href="https://obanracer.ru/ka/category/windows-8/" class="td-post-category">ვინდოუს 8</a> </div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/ka/kitaiskaya-ip-kamera-kak-uznat-ip-adres-kamery-nastroika-routera.html" rel="bookmark" title="როგორ გავარკვიოთ კამერის IP მისამართი IP კამერისთვის როუტერის დაყენება">როგორ გავარკვიოთ კამერის IP მისამართი IP კამერისთვის როუტერის დაყენება</a></h3>
</div>
</div>
</div>
<div class="td-related-span4">
<div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/ka/mount-smb-k-kitaiskoi-ip-kamere-podklyuchenie-ip-kamery-k-kompyuteru-i-ee-nastroika.html" rel="bookmark" title="IP კამერის კომპიუტერთან დაკავშირება და მისი დაყენება"><img width="218" height="150" class="entry-thumb" src="/uploads/9971451d41f8772d6a18910e32004e94.jpg" alt="IP კამერის კომპიუტერთან დაკავშირება და მისი დაყენება" title="IP კამერის კომპიუტერთან დაკავშირება და მისი დაყენება"/ loading=lazy loading=lazy></a></div>
<a href="https://obanracer.ru/ka/category/windows-7/" class="td-post-category">Windows 7</a> </div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/ka/mount-smb-k-kitaiskoi-ip-kamere-podklyuchenie-ip-kamery-k-kompyuteru-i-ee-nastroika.html" rel="bookmark" title="IP კამერის კომპიუტერთან დაკავშირება და მისი დაყენება">IP კამერის კომპიუტერთან დაკავშირება და მისი დაყენება</a></h3>
</div>
</div>
</div>
</div>
<div class="td-related-row">
<div class="td-related-span4">
<div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/ka/kamery-p2p-tehnologiya-p2p-p2p-kamery-princip-raboty-p2p-kamery.html" rel="bookmark" title="P2P ტექნოლოგია (P2P კამერები)"><img width="218" height="150" class="entry-thumb" src="/uploads/0478a8b09adb908dc5b0a9de11594c95.jpg" alt="P2P ტექნოლოგია (P2P კამერები)" title="P2P ტექნოლოგია (P2P კამერები)"/ loading=lazy loading=lazy></a></div>
<a href="https://obanracer.ru/ka/category/motherboard/" class="td-post-category">დედაპლატები</a> </div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/ka/kamery-p2p-tehnologiya-p2p-p2p-kamery-princip-raboty-p2p-kamery.html" rel="bookmark" title="P2P ტექნოლოგია (P2P კამერები)">P2P ტექნოლოგია (P2P კამერები)</a></h3>
</div>
</div>
</div>
<div class="td-related-span4">
<div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/ka/vremennyi-mobilnyi-nomer-besplatnye-servisy-priema-sms-onlain.html" rel="bookmark" title="უფასო SMS მიმღები სერვისები - ონლაინ SMS-ის მიღება VK-ზე რეგისტრაციის დასადასტურებლად (VKontakte)"><img width="218" height="150" class="entry-thumb" src="/uploads/830c061ad9e43354d05ffc87f050f6c2.jpg" alt="უფასო SMS მიმღები სერვისები - ონლაინ SMS-ის მიღება VK-ზე რეგისტრაციის დასადასტურებლად (VKontakte)" title="უფასო SMS მიმღები სერვისები - ონლაინ SMS-ის მიღება VK-ზე რეგისტრაციის დასადასტურებლად (VKontakte)"/ loading=lazy loading=lazy></a></div>
<a href="https://obanracer.ru/ka/category/internet/" class="td-post-category">ინტერნეტი</a> </div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/ka/vremennyi-mobilnyi-nomer-besplatnye-servisy-priema-sms-onlain.html" rel="bookmark" title="უფასო SMS მიმღები სერვისები - ონლაინ SMS-ის მიღება VK-ზე რეგისტრაციის დასადასტურებლად (VKontakte)">უფასო SMS მიმღები სერვისები - ონლაინ SMS-ის მიღება VK-ზე რეგისტრაციის დასადასტურებლად (VKontakte)</a></h3>
</div>
</div>
</div>
<div class="td-related-span4">
<div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/ka/otsutstvuet-fail-d3dx9-43-dll-i-zapusk-programmy-nevozmozhen-reshenie.html" rel="bookmark" title="dll და პროგრამის დაწყება შეუძლებელია!"><img width="218" height="150" class="entry-thumb" src="/uploads/0dfc592c0f5baf1063d5d88b0c886400.jpg" alt="dll და პროგრამის დაწყება შეუძლებელია!" title="dll და პროგრამის დაწყება შეუძლებელია!"/ loading=lazy loading=lazy></a></div>
<a href="https://obanracer.ru/ka/category/windows-7/" class="td-post-category">Windows 7</a> </div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/ka/otsutstvuet-fail-d3dx9-43-dll-i-zapusk-programmy-nevozmozhen-reshenie.html" rel="bookmark" title="dll და პროგრამის დაწყება შეუძლებელია!">dll და პროგრამის დაწყება შეუძლებელია!</a></h3>
</div>
</div>
</div>
</div>
<div class="td-related-row">
<div class="td-related-span4">
<div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/ka/vklyuchenie-i-nastroika-vai-faya-na-kompyutere-podklyuchaem.html" rel="bookmark" title="ჩვენ ვუკავშირდებით სახლის Wi-Fi როუტერს და ინტერნეტ გარანტიის როუტერის კავშირს"><img width="218" height="150" class="entry-thumb" src="/uploads/dffacd2aea075d8221d7507b0e011b34.jpg" alt="ჩვენ ვუკავშირდებით სახლის Wi-Fi როუტერს და ინტერნეტ გარანტიის როუტერის კავშირს" title="ჩვენ ვუკავშირდებით სახლის Wi-Fi როუტერს და ინტერნეტ გარანტიის როუტერის კავშირს"/ loading=lazy loading=lazy></a></div>
<a href="https://obanracer.ru/ka/category/case/" class="td-post-category">კორპუსი</a> </div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/ka/vklyuchenie-i-nastroika-vai-faya-na-kompyutere-podklyuchaem.html" rel="bookmark" title="ჩვენ ვუკავშირდებით სახლის Wi-Fi როუტერს და ინტერნეტ გარანტიის როუტერის კავშირს">ჩვენ ვუკავშირდებით სახლის Wi-Fi როუტერს და ინტერნეტ გარანტიის როუტერის კავშირს</a></h3>
</div>
</div>
</div>
<div class="td-related-span4">
<div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/ka/http-192-168-1-1-kakoi-parol-ustanovka-i-smena-parolya-samye-rasprostranennye.html" rel="bookmark" title="Http 192.168 1.1 რა პაროლი. პაროლის დაყენება და შეცვლა. ყველაზე გავრცელებული მისამართები, შესვლა და პაროლები"><img width="218" height="150" class="entry-thumb" src="/uploads/d4fc3eaa99ed844567bc8798bd8d300a.jpg" alt="Http 192.168 1.1 რა პაროლი. პაროლის დაყენება და შეცვლა. ყველაზე გავრცელებული მისამართები, შესვლა და პაროლები" title="Http 192.168 1.1 რა პაროლი. პაროლის დაყენება და შეცვლა. ყველაზე გავრცელებული მისამართები, შესვლა და პაროლები"/ loading=lazy loading=lazy></a></div>
<a href="https://obanracer.ru/ka/category/processors/" class="td-post-category">პროცესორები</a> </div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/ka/http-192-168-1-1-kakoi-parol-ustanovka-i-smena-parolya-samye-rasprostranennye.html" rel="bookmark" title="Http 192.168 1.1 რა პაროლი. პაროლის დაყენება და შეცვლა. ყველაზე გავრცელებული მისამართები, შესვლა და პაროლები">Http 192.168 1.1 რა პაროლი. პაროლის დაყენება და შეცვლა. ყველაზე გავრცელებული მისამართები, შესვლა და პაროლები</a></h3>
</div>
</div>
</div>
<div class="td-related-span4">
<div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/ka/kak-povernut-monitor-na-noutbuke-chto-delat-esli-perevernulsya-ekran.html" rel="bookmark" title="რა უნდა გააკეთოს, თუ ლეპტოპის ეკრანი გადაბრუნდა"><img width="218" height="150" class="entry-thumb" src="/uploads/6a169743cdf3b03a06b911c3d66f1fd0.jpg" alt="რა უნდა გააკეთოს, თუ ლეპტოპის ეკრანი გადაბრუნდა" title="რა უნდა გააკეთოს, თუ ლეპტოპის ეკრანი გადაბრუნდა"/ loading=lazy loading=lazy></a></div>
<a href="https://obanracer.ru/ka/category/the-winchesters/" class="td-post-category">ვინჩესტერები</a> </div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/ka/kak-povernut-monitor-na-noutbuke-chto-delat-esli-perevernulsya-ekran.html" rel="bookmark" title="რა უნდა გააკეთოს, თუ ლეპტოპის ეკრანი გადაბრუნდა">რა უნდა გააკეთოს, თუ ლეპტოპის ეკრანი გადაბრუნდა</a></h3>
</div>
</div>
</div>
</div></div></div>
</div>
</div>
<div class="td-pb-span4 td-main-sidebar">
<div class="td-ss-main-sidebar">
<aside class="widget lambda_169101">
<div style="margin:10px 0">
</div>
</aside>
<div class="td_block_wrap td_block_1 td_block_widget td_uid_2_5a23c04f0cdc0_rand td-pb-border-top td_block_template_1 td-column-1" data-td-block-uid="td_uid_2_5a23c04f0cdc0">
<div class="td-block-title-wrap">
<h4 class="block-title"><span class="td-pulldown-size">რეკომენდირებულია</span></h4>
</div>
<div id=td_uid_2_5a23c04f0cdc0 class="td_block_inner">
<div class="td-block-span12">
<div class="td_module_4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/ka/samye-nad-zhnye-i-kachestvennye-antivirusy-dlya-android-smartfonov-i-planshetov.html" rel="bookmark" title="ანტივირუსული რეიტინგი ამისთვის"андроида", описание лучших Рейтинг антивирусов для андроид смартфонов"><img width="324" height="235" class="entry-thumb" src="/uploads/93f3ba4124896c0b8b1a87a97d655f6a.jpg" alt="ანტივირუსული რეიტინგი ამისთვის"андроида", описание лучших Рейтинг антивирусов для андроид смартфонов" title="ანტივირუსული რეიტინგი ამისთვის"андроида", описание лучших Рейтинг антивирусов для андроид смартфонов"/ loading=lazy loading=lazy></a></div>
<a href="https://obanracer.ru/ka/category/more/" class="td-post-category">სხვა</a> </div>
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/ka/samye-nad-zhnye-i-kachestvennye-antivirusy-dlya-android-smartfonov-i-planshetov.html" rel="bookmark" title="ანტივირუსული რეიტინგი ამისთვის"андроида", описание лучших Рейтинг антивирусов для андроид смартфонов">ანტივირუსების რეიტინგი "ანდროიდისთვის", ანტივირუსების საუკეთესო რეიტინგის აღწერა ანდროიდის სმარტფონებისთვის</a></h3>
<div class="td-module-meta-info">
</div>
<div class="td-excerpt">გსურთ იცოდეთ რომელი ანტივირუსია საუკეთესო? დღეს გადავხედავთ 2017 წლის საუკეთესო ანტივირუსების ტოპ 10-ს და დეტალურად მოგიყვებით თითოეულ მათგანზე....</div>
</div>
<!-- /next_post -->
</div>
<div>
<div class="td-block-span12">
<div class="td_module_6 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-thumb"><a href="https://obanracer.ru/ka/chto-takoe-xlive-dll-dlya-fallout-3.html" rel="bookmark" title="რა არის xlive dll fallout 3-ისთვის"><img width="100" height="70" class="entry-thumb" src="/uploads/28956f0866819e5d333360c221e0860c.jpg" alt="რა არის xlive dll fallout 3-ისთვის" title="რა არის xlive dll fallout 3-ისთვის"/ loading=lazy loading=lazy></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/ka/chto-takoe-xlive-dll-dlya-fallout-3.html" rel="bookmark" title="რა არის xlive dll fallout 3-ისთვის">რა არის xlive dll fallout 3-ისთვის</a></h3>
<div class="td-module-meta-info">
<a href="https://obanracer.ru/ka/category/more/" class="td-post-category">სხვა</a> </div>
</div>
</div>
</div>
<div class="td-block-span12">
<div class="td_module_6 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-thumb"><a href="https://obanracer.ru/ka/bystro-zakryt-programmu-na-kompyutere-kak-zakryt-programmu-kotoraya.html" rel="bookmark" title="როგორ დავხუროთ პროგრამა, რომელიც ჩამოკიდებულია, მაგალითებით"><img width="100" height="70" class="entry-thumb" src="/uploads/30c0ed1d158c095ae839b131b75a2c48.jpg" alt="როგორ დავხუროთ პროგრამა, რომელიც ჩამოკიდებულია, მაგალითებით" title="როგორ დავხუროთ პროგრამა, რომელიც ჩამოკიდებულია, მაგალითებით"/ loading=lazy loading=lazy></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/ka/bystro-zakryt-programmu-na-kompyutere-kak-zakryt-programmu-kotoraya.html" rel="bookmark" title="როგორ დავხუროთ პროგრამა, რომელიც ჩამოკიდებულია, მაგალითებით">როგორ დავხუროთ პროგრამა, რომელიც ჩამოკიდებულია, მაგალითებით</a></h3>
<div class="td-module-meta-info">
<a href="https://obanracer.ru/ka/category/windows-8/" class="td-post-category">ვინდოუს 8</a> </div>
</div>
</div>
</div>
<div class="td-block-span12">
<div class="td_module_6 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-thumb"><a href="https://obanracer.ru/ka/kak-sdelat-dostup-papke-nastroika-obshchego-dostupa-k-papke-po-seti-v.html" rel="bookmark" title="Windows-ში ქსელური საქაღალდის გაზიარების დაყენება"><img width="100" height="70" class="entry-thumb" src="/uploads/35b523a8d06a88ee04c15851f9949865.jpg" alt="Windows-ში ქსელური საქაღალდის გაზიარების დაყენება" title="Windows-ში ქსელური საქაღალდის გაზიარების დაყენება"/ loading=lazy loading=lazy></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/ka/kak-sdelat-dostup-papke-nastroika-obshchego-dostupa-k-papke-po-seti-v.html" rel="bookmark" title="Windows-ში ქსელური საქაღალდის გაზიარების დაყენება">Windows-ში ქსელური საქაღალდის გაზიარების დაყენება</a></h3>
<div class="td-module-meta-info">
<a href="https://obanracer.ru/ka/category/processors/" class="td-post-category">პროცესორები</a> </div>
</div>
</div>
</div>
<div class="td-block-span12">
<div class="td_module_6 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-thumb"><a href="https://obanracer.ru/ka/umenshit-fotografiyu-v-fotoshope-cs6-umenshaem-izobrazhenie-v-fotoshope.html" rel="bookmark" title="სურათის ზომის შეცვლა Photoshop-ში"><img width="100" height="70" class="entry-thumb" src="/uploads/8de19f9c4d1e492bcc93316f6bf758e8.jpg" alt="სურათის ზომის შეცვლა Photoshop-ში" title="სურათის ზომის შეცვლა Photoshop-ში"/ loading=lazy loading=lazy></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/ka/umenshit-fotografiyu-v-fotoshope-cs6-umenshaem-izobrazhenie-v-fotoshope.html" rel="bookmark" title="სურათის ზომის შეცვლა Photoshop-ში">სურათის ზომის შეცვლა Photoshop-ში</a></h3>
<div class="td-module-meta-info">
<a href="https://obanracer.ru/ka/category/internet/" class="td-post-category">ინტერნეტი</a> </div>
</div>
</div>
</div>
<div class="td-block-span12">
<div class="td_module_6 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-thumb"><a href="https://obanracer.ru/ka/pokazyvat-skrytye-faily-v-windows-7-vklyuchenie-vidimosti-i-prosmotr.html" rel="bookmark" title="ხილვადობის და ნახვის ჩართვა"><img width="100" height="70" class="entry-thumb" src="/uploads/18434f961c0ed9d75a5188e7f762e30a.jpg" alt="ხილვადობის და ნახვის ჩართვა" title="ხილვადობის და ნახვის ჩართვა"/ loading=lazy loading=lazy></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/ka/pokazyvat-skrytye-faily-v-windows-7-vklyuchenie-vidimosti-i-prosmotr.html" rel="bookmark" title="ხილვადობის და ნახვის ჩართვა">ხილვადობის და ნახვის ჩართვა</a></h3>
<div class="td-module-meta-info">
<a href="https://obanracer.ru/ka/category/security/" class="td-post-category">Უსაფრთხოება</a> </div>
</div>
</div>
</div>
<div class="td-block-span12">
<div class="td_module_6 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-thumb"><a href="https://obanracer.ru/ka/kak-perevesti-pdf-v-izobrazhenie-bez-poter-konvertiruem-pdf-v-jpg.html" rel="bookmark" title="როგორ გადავიტანოთ pdf უზარმაზარ სურათად"><img width="100" height="70" class="entry-thumb" src="/uploads/23877950a80865b0c2f9ff8a1842edb7.jpg" alt="როგორ გადავიტანოთ pdf უზარმაზარ სურათად" title="როგორ გადავიტანოთ pdf უზარმაზარ სურათად"/ loading=lazy loading=lazy></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/ka/kak-perevesti-pdf-v-izobrazhenie-bez-poter-konvertiruem-pdf-v-jpg.html" rel="bookmark" title="როგორ გადავიტანოთ pdf უზარმაზარ სურათად">როგორ გადავიტანოთ pdf უზარმაზარ სურათად</a></h3>
<div class="td-module-meta-info">
<a href="https://obanracer.ru/ka/category/security/" class="td-post-category">Უსაფრთხოება</a> </div>
</div>
</div>
</div>
</div>
</div>
</div>
<aside class="widget_text td_block_template_1 widget widget_custom_html">
<div class="textwidget custom-html-widget">
</div>
</aside>
</div>
</div>
</div>
</div>
</div>
<div class="td-footer-wrapper td-container-wrap ">
<div class="td-container">
<div class="td-pb-row">
<div class="td-pb-span12">
</div>
</div>
<div class="td-pb-row">
<div class="td-pb-span4">
<div class="td_block_wrap td_block_15 td_block_widget td_uid_11_5a23980e76adb_rand td-pb-border-top td_block_template_1 td-column-1 td_block_padding" data-td-block-uid="td_uid_11_5a23980e76adb" >
<div class="td-block-title-wrap"></div><div id=td_uid_11_5a23980e76adb class="td_block_inner td-column-1"><div class="td-cust-row">
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/ka/likbez-kuda-sohranyayutsya-skrinshoty-kak-bystro-sdelat-skrinshot.html" rel="bookmark" title="როგორ სწრაფად გადავიღოთ ეკრანის სურათი (სკრინშოტი)"><img width="218" height="150" class="entry-thumb" src="/uploads/042debd51b1f03ff22c4a80354e50465.jpg" alt="როგორ სწრაფად გადავიღოთ ეკრანის სურათი (სკრინშოტი)" title="როგორ სწრაფად გადავიღოთ ეკრანის სურათი (სკრინშოტი)"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/ka/likbez-kuda-sohranyayutsya-skrinshoty-kak-bystro-sdelat-skrinshot.html" rel="bookmark" title="როგორ სწრაფად გადავიღოთ ეკრანის სურათი (სკრინშოტი)">როგორ სწრაფად გადავიღოთ ეკრანის სურათი (სკრინშოტი)</a></h3>
</div>
</div>
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/ka/bixby-na-samsung-kak-rabotaet-i-kak-polzovatsya-v-rossii.html" rel="bookmark" title="Bixby ღილაკის ხელახალი რუკა Samsung-ზე: მარტივი ინსტრუქციები!"><img width="218" height="150" class="entry-thumb" src="/uploads/dc1e37c728051affc7acb96ea3b24217.jpg" alt="Bixby ღილაკის ხელახალი რუკა Samsung-ზე: მარტივი ინსტრუქციები!" title="Bixby ღილაკის ხელახალი რუკა Samsung-ზე: მარტივი ინსტრუქციები!"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/ka/bixby-na-samsung-kak-rabotaet-i-kak-polzovatsya-v-rossii.html" rel="bookmark" title="Bixby ღილაკის ხელახალი რუკა Samsung-ზე: მარტივი ინსტრუქციები!">Bixby ღილაკის ხელახალი რუკა Samsung-ზე: მარტივი ინსტრუქციები!</a></h3>
</div>
</div>
</div><div class="td-cust-row">
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/ka/chem-otlichaetsya-samsung-galaxy-s7-ot-s6-kakoi-smartfon-luchshii-sravnitelnyi-test.html" rel="bookmark" title="ორი Samsung სმარტფონის შედარებითი ტესტი: S6 vs A7 კამერის შედარება Samsung Galaxy S6 S7"><img width="218" height="150" class="entry-thumb" src="/uploads/0867e8d9f38a21c8257577c67ce01d29.jpg" alt="ორი Samsung სმარტფონის შედარებითი ტესტი: S6 vs A7 კამერის შედარება Samsung Galaxy S6 S7" title="ორი Samsung სმარტფონის შედარებითი ტესტი: S6 vs A7 კამერის შედარება Samsung Galaxy S6 S7"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/ka/chem-otlichaetsya-samsung-galaxy-s7-ot-s6-kakoi-smartfon-luchshii-sravnitelnyi-test.html" rel="bookmark" title="ორი Samsung სმარტფონის შედარებითი ტესტი: S6 vs A7 კამერის შედარება Samsung Galaxy S6 S7">ორი Samsung სმარტფონის შედარებითი ტესტი: S6 vs A7 კამერის შედარება Samsung Galaxy S6 S7</a></h3>
</div>
</div>
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/ka/planshety-samsung-galaxy-book-na-windows-10-novye-planshety-samsung-na-android-i-windows-prizvany-oboiti.html" rel="bookmark" title="Samsung-ის ახალი ტაბლეტები Android-ზე და Windows-ზე შექმნილია კონკურენციის დასამარცხებლად"><img width="218" height="150" class="entry-thumb" src="/uploads/3a91aeaa638826642f5ef91dbbe95fad.jpg" alt="Samsung-ის ახალი ტაბლეტები Android-ზე და Windows-ზე შექმნილია კონკურენციის დასამარცხებლად" title="Samsung-ის ახალი ტაბლეტები Android-ზე და Windows-ზე შექმნილია კონკურენციის დასამარცხებლად"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/ka/planshety-samsung-galaxy-book-na-windows-10-novye-planshety-samsung-na-android-i-windows-prizvany-oboiti.html" rel="bookmark" title="Samsung-ის ახალი ტაბლეტები Android-ზე და Windows-ზე შექმნილია კონკურენციის დასამარცხებლად">Samsung-ის ახალი ტაბლეტები Android-ზე და Windows-ზე შექმნილია კონკურენციის დასამარცხებლად</a></h3>
</div>
</div>
</div><div class="td-cust-row">
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/ka/galaxy-s6-edge-opisanie-samsung-galaxy-s6-edge---tehnicheskie-harakteristiki.html" rel="bookmark" title="Samsung Galaxy S6 Edge - სპეციფიკაციები"><img width="218" height="150" class="entry-thumb" src="/uploads/93696bc4df404c506acc146052cb78e4.jpg" alt="Samsung Galaxy S6 Edge - სპეციფიკაციები" title="Samsung Galaxy S6 Edge - სპეციფიკაციები"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/ka/galaxy-s6-edge-opisanie-samsung-galaxy-s6-edge---tehnicheskie-harakteristiki.html" rel="bookmark" title="Samsung Galaxy S6 Edge - სპეციფიკაციები">Samsung Galaxy S6 Edge - სპეციფიკაციები</a></h3>
</div>
</div>
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/ka/samsung-gir-sinhronizirovat-s-haivei-instrukciya-kak.html" rel="bookmark" title="ინსტრუქცია: როგორ დავაკავშიროთ Samsung Gear S2 და Gear S3 საათები iPhone-ს?"><img width="218" height="150" class="entry-thumb" src="/uploads/98c395bb772b69cdc53fd156ca9191d0.jpg" alt="ინსტრუქცია: როგორ დავაკავშიროთ Samsung Gear S2 და Gear S3 საათები iPhone-ს?" title="ინსტრუქცია: როგორ დავაკავშიროთ Samsung Gear S2 და Gear S3 საათები iPhone-ს?"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/ka/samsung-gir-sinhronizirovat-s-haivei-instrukciya-kak.html" rel="bookmark" title="ინსტრუქცია: როგორ დავაკავშიროთ Samsung Gear S2 და Gear S3 საათები iPhone-ს?">ინსტრუქცია: როგორ დავაკავშიროთ Samsung Gear S2 და Gear S3 საათები iPhone-ს?</a></h3>
</div>
</div>
</div></div></div> <div class="clearfix"></div> </div>
<div class="td-pb-span4">
<div class="td_block_wrap td_block_15 td_block_widget td_uid_12_5a23980e79990_rand td-pb-border-top td_block_template_1 td-column-1 td_block_padding" data-td-block-uid="td_uid_12_5a23980e79990" >
<div class="td-block-title-wrap"></div><div id=td_uid_12_5a23980e79990 class="td_block_inner td-column-1"><div class="td-cust-row">
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/ka/ne-ustanavlivaetsya-proshivka-cyanogenmod-12-1-v7-ustanovit-proshivku-cyanogenmod-s.html" rel="bookmark" title="cyanogenmod 12 firmware არ არის დაინსტალირებული"><img width="218" height="150" class="entry-thumb" src="/uploads/abb9e99512fe1a614c2f8c2accd7d240.jpg" alt="cyanogenmod 12 firmware არ არის დაინსტალირებული" title="cyanogenmod 12 firmware არ არის დაინსტალირებული"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/ka/ne-ustanavlivaetsya-proshivka-cyanogenmod-12-1-v7-ustanovit-proshivku-cyanogenmod-s.html" rel="bookmark" title="cyanogenmod 12 firmware არ არის დაინსტალირებული">cyanogenmod 12 firmware არ არის დაინსტალირებული</a></h3>
</div>
</div>
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/ka/mozhno-li-menyat-zashchitnoe-steklo-na-telefone-kak-snyat-zashchitnoe.html" rel="bookmark" title="როგორ ამოიღოთ დამცავი მინა iPhone-დან"><img width="218" height="150" class="entry-thumb" src="/uploads/3b172ec0dafe324553b0ad2b8a2c7922.jpg" alt="როგორ ამოიღოთ დამცავი მინა iPhone-დან" title="როგორ ამოიღოთ დამცავი მინა iPhone-დან"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/ka/mozhno-li-menyat-zashchitnoe-steklo-na-telefone-kak-snyat-zashchitnoe.html" rel="bookmark" title="როგორ ამოიღოთ დამცავი მინა iPhone-დან">როგორ ამოიღოთ დამცავი მინა iPhone-დან</a></h3>
</div>
</div>
</div><div class="td-cust-row">
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/ka/kak-ubrat-zashchitnoe-steklo-s-ekrana-kak-snyat-zashchitnoe-steklo-s.html" rel="bookmark" title="როგორ ამოვიღოთ დამცავი მინა ტელეფონიდან"><img width="218" height="150" class="entry-thumb" src="/uploads/7558ac3d3968a0104c2e39a01cda066b.jpg" alt="როგორ ამოვიღოთ დამცავი მინა ტელეფონიდან" title="როგორ ამოვიღოთ დამცავი მინა ტელეფონიდან"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/ka/kak-ubrat-zashchitnoe-steklo-s-ekrana-kak-snyat-zashchitnoe-steklo-s.html" rel="bookmark" title="როგორ ამოვიღოთ დამცავი მინა ტელეფონიდან">როგორ ამოვიღოთ დამცავი მინა ტელეფონიდან</a></h3>
</div>
</div>
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/ka/obnovlenie-po-na-samsung-galaksi-s3-samsung-gt-i9300-galaxy-s3-obnovlenie-po-i.html" rel="bookmark" title="Samsung GT-I9300 Galaxy S3 - პროგრამული უზრუნველყოფის განახლება და ROOT უფლებები"><img width="218" height="150" class="entry-thumb" src="/uploads/5b646d4cf61e6cbddf8994cccaa78892.jpg" alt="Samsung GT-I9300 Galaxy S3 - პროგრამული უზრუნველყოფის განახლება და ROOT უფლებები" title="Samsung GT-I9300 Galaxy S3 - პროგრამული უზრუნველყოფის განახლება და ROOT უფლებები"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/ka/obnovlenie-po-na-samsung-galaksi-s3-samsung-gt-i9300-galaxy-s3-obnovlenie-po-i.html" rel="bookmark" title="Samsung GT-I9300 Galaxy S3 - პროგრამული უზრუნველყოფის განახლება და ROOT უფლებები">Samsung GT-I9300 Galaxy S3 - პროგრამული უზრუნველყოფის განახლება და ROOT უფლებები</a></h3>
</div>
</div>
</div><div class="td-cust-row">
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/ka/kak-perezagruzit-samsung-galaxy-esli-on-zavis-samsung-galaksi-perezagruzhaetsya-sam.html" rel="bookmark" title="Samsung galaxy s6 edge თავისთავად გადაიტვირთება - გადაწყვეტილებები"><img width="218" height="150" class="entry-thumb" src="/uploads/d7cfc2105784b1775ed43cf8c1907a7c.jpg" alt="Samsung galaxy s6 edge თავისთავად გადაიტვირთება - გადაწყვეტილებები" title="Samsung galaxy s6 edge თავისთავად გადაიტვირთება - გადაწყვეტილებები"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/ka/kak-perezagruzit-samsung-galaxy-esli-on-zavis-samsung-galaksi-perezagruzhaetsya-sam.html" rel="bookmark" title="Samsung galaxy s6 edge თავისთავად გადაიტვირთება - გადაწყვეტილებები">Samsung galaxy s6 edge თავისთავად გადაიტვირთება - გადაწყვეტილებები</a></h3>
</div>
</div>
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/ka/programmy-dlya-razdachi-wifi-s-noutbuka-ili-kompyutera-obzor-programm-dlya.html" rel="bookmark" title="პროგრამები Wi-Fi-სთვის პროგრამები wi fi windows 7-ისთვის"><img width="218" height="150" class="entry-thumb" src="/uploads/62f17d42ab7af737a538ed07e259ee81.jpg" alt="პროგრამები Wi-Fi-სთვის პროგრამები wi fi windows 7-ისთვის" title="პროგრამები Wi-Fi-სთვის პროგრამები wi fi windows 7-ისთვის"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/ka/programmy-dlya-razdachi-wifi-s-noutbuka-ili-kompyutera-obzor-programm-dlya.html" rel="bookmark" title="პროგრამები Wi-Fi-სთვის პროგრამები wi fi windows 7-ისთვის">პროგრამები Wi-Fi-სთვის პროგრამები wi fi windows 7-ისთვის</a></h3>
</div>
</div>
</div></div></div> <div class="clearfix"></div> </div>
<div class="td-pb-span4">
<div class="td_block_wrap td_block_15 td_block_widget td_uid_13_5a23980e7caa8_rand td-pb-border-top td_block_template_1 td-column-1 td_block_padding" data-td-block-uid="td_uid_13_5a23980e7caa8" >
<div class="td-block-title-wrap"></div><div id=td_uid_13_5a23980e7caa8 class="td_block_inner td-column-1"><div class="td-cust-row">
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/ka/lichnyi-kabinet-infourok-dlya-uchitelya-i-uchenika-lichnyi-kabinet-infourok-info.html" rel="bookmark" title="პირადი ანგარიშის ინფორმაციის გაკვეთილის ინფორმაციის გაკვეთილის დისტანციური კურსები"><img width="218" height="150" class="entry-thumb" src="/uploads/789bf60e0c94d003b735b86730ed1972.jpg" alt="პირადი ანგარიშის ინფორმაციის გაკვეთილის ინფორმაციის გაკვეთილის დისტანციური კურსები" title="პირადი ანგარიშის ინფორმაციის გაკვეთილის ინფორმაციის გაკვეთილის დისტანციური კურსები"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/ka/lichnyi-kabinet-infourok-dlya-uchitelya-i-uchenika-lichnyi-kabinet-infourok-info.html" rel="bookmark" title="პირადი ანგარიშის ინფორმაციის გაკვეთილის ინფორმაციის გაკვეთილის დისტანციური კურსები">პირადი ანგარიშის ინფორმაციის გაკვეთილის ინფორმაციის გაკვეთილის დისტანციური კურსები</a></h3>
</div>
</div>
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/ka/fta-kanaly-na-sputnikah-kak-smotret-sputnikovoe-televidenie-bez-abonentskoi-platy-raznica-mezhdu-p.html" rel="bookmark" title="როგორ უყუროთ სატელიტურ ტელევიზორს ყოველთვიური გადასახადის გარეშე: განსხვავება ფასიან და უფასოს შორის"><img width="218" height="150" class="entry-thumb" src="/uploads/20c96d349781dca00f705f65f53d37f1.jpg" alt="როგორ უყუროთ სატელიტურ ტელევიზორს ყოველთვიური გადასახადის გარეშე: განსხვავება ფასიან და უფასოს შორის" title="როგორ უყუროთ სატელიტურ ტელევიზორს ყოველთვიური გადასახადის გარეშე: განსხვავება ფასიან და უფასოს შორის"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/ka/fta-kanaly-na-sputnikah-kak-smotret-sputnikovoe-televidenie-bez-abonentskoi-platy-raznica-mezhdu-p.html" rel="bookmark" title="როგორ უყუროთ სატელიტურ ტელევიზორს ყოველთვიური გადასახადის გარეშე: განსხვავება ფასიან და უფასოს შორის">როგორ უყუროთ სატელიტურ ტელევიზორს ყოველთვიური გადასახადის გარეშე: განსხვავება ფასიან და უფასოს შორის</a></h3>
</div>
</div>
</div><div class="td-cust-row">
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/ka/chto-takoe-slot-dlya-ci-v-televizore-chto-takoe-common-interface-v-televizore-samsung.html" rel="bookmark" title="რა არის საერთო ინტერფეისი სამსუნგის ტელევიზორში"><img width="218" height="150" class="entry-thumb" src="/uploads/785e8499038c77c137719ae59e0d89d2.jpg" alt="რა არის საერთო ინტერფეისი სამსუნგის ტელევიზორში" title="რა არის საერთო ინტერფეისი სამსუნგის ტელევიზორში"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/ka/chto-takoe-slot-dlya-ci-v-televizore-chto-takoe-common-interface-v-televizore-samsung.html" rel="bookmark" title="რა არის საერთო ინტერფეისი სამსუნგის ტელევიზორში">რა არის საერთო ინტერფეისი სამსუნგის ტელევიზორში</a></h3>
</div>
</div>
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/ka/pochemu-ne-rabotaet-trikolor-seichas-priemnik-server-pokazyvaet-a-malenkii.html" rel="bookmark" title="მიმღები აჩვენებს სერვერს, მაგრამ პატარა, კლიენტი არ აჩვენებს"><img width="218" height="150" class="entry-thumb" src="/uploads/a6fd7591b291231936e15fd4df459bd2.jpg" alt="მიმღები აჩვენებს სერვერს, მაგრამ პატარა, კლიენტი არ აჩვენებს" title="მიმღები აჩვენებს სერვერს, მაგრამ პატარა, კლიენტი არ აჩვენებს"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/ka/pochemu-ne-rabotaet-trikolor-seichas-priemnik-server-pokazyvaet-a-malenkii.html" rel="bookmark" title="მიმღები აჩვენებს სერვერს, მაგრამ პატარა, კლიენტი არ აჩვენებს">მიმღები აჩვენებს სერვერს, მაგრამ პატარა, კლიენტი არ აჩვენებს</a></h3>
</div>
</div>
</div><div class="td-cust-row">
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/ka/prinuditelnaya-indeksaciya-stranic-v-yandekse-bystryi-sposob.html" rel="bookmark" title="სწრაფი გზა Yandex-სა და Google-ში გვერდის ინდექსირების შესამოწმებლად"><img width="218" height="150" class="entry-thumb" src="/uploads/5317078ab49ff3e452e0bb00fb6a789a.jpg" alt="სწრაფი გზა Yandex-სა და Google-ში გვერდის ინდექსირების შესამოწმებლად" title="სწრაფი გზა Yandex-სა და Google-ში გვერდის ინდექსირების შესამოწმებლად"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/ka/prinuditelnaya-indeksaciya-stranic-v-yandekse-bystryi-sposob.html" rel="bookmark" title="სწრაფი გზა Yandex-სა და Google-ში გვერდის ინდექსირების შესამოწმებლად">სწრაფი გზა Yandex-სა და Google-ში გვერდის ინდექსირების შესამოწმებლად</a></h3>
</div>
</div>
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/ka/na-android-luchshie-prilozheniya-samye-nuzhnye-programmy-dlya.html" rel="bookmark" title="ყველაზე საჭირო აპლიკაციები თქვენი Android მოწყობილობისთვის"><img width="218" height="150" class="entry-thumb" src="/uploads/649719750e33e4b73838df45b0f12287.jpg" alt="ყველაზე საჭირო აპლიკაციები თქვენი Android მოწყობილობისთვის" title="ყველაზე საჭირო აპლიკაციები თქვენი Android მოწყობილობისთვის"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/ka/na-android-luchshie-prilozheniya-samye-nuzhnye-programmy-dlya.html" rel="bookmark" title="ყველაზე საჭირო აპლიკაციები თქვენი Android მოწყობილობისთვის">ყველაზე საჭირო აპლიკაციები თქვენი Android მოწყობილობისთვის</a></h3>
</div>
</div>
</div></div></div> <div class="clearfix"></div><aside class="td_block_template_1 widget widget_text"> <div class="textwidget">
</div>
</aside><aside class="td_block_template_1 widget widget_text"> <div class="textwidget">
</div>
</aside> </div>
</div>
</div>
</div>
<div class="td-sub-footer-container td-container-wrap ">
<div class="td-container">
<div class="td-pb-row">
<div class="td-pb-span td-sub-footer-menu">
</div>
<div class="td-pb-span td-sub-footer-copy">Copyright 2023 - კომპიუტერების და ლეპტოპების შეკეთება. ვიდეო ბარათები, მყარი დისკები, ინტერნეტი, მონიტორები.</div>
</div>
</div>
</div>
</div>
<style type="text/css" media="screen">
/* custom css theme panel */
.td-post-header .entry-title {
font-weight: normal !important;
}
h1.entry-title {
font-weight: normal !important;
border-bottom:#c44c4c 2px dotted;
}
h1.entry-title:before {
content: "\f184";
font-family: "FontAwesome";
margin-right:10px;
color:#c44c4c;
}
.sf-menu ul .td-menu-item > a:hover, .sf-menu ul .sfHover > a, .sf-menu ul .current-menu-ancestor > a, .sf-menu ul .current-category-ancestor > a, .sf-menu ul .current-menu-item > a {
color: #edf3f7;
}
.td-post-content h2 { border-bottom:#c44c4c 2px dotted;}
.td-post-content h2:before {
content: "\f184";
font-family: "FontAwesome";
margin-right:10px;
color:#c44c4c;
}
.td-post-content h3 { border-bottom:#c44c4c 2px dotted;}
.td-post-content h3:before {
content: "\f103";
font-family: "FontAwesome";
margin-right:10px;
color:#c44c4c;
}
.category-my .td-page-title {
color:#c44c4c;
font-weight: 400;
font-size: 36px;
}
.post header .entry-title {
line-height: 40px;
}
.td-category-description h2, .td-category-description h3 { color:#c44c4c;}
.td-category-description h2 { border-bottom:#c44c4c 2px solid;}
.td-category-description h2:before {
content: "\f055";
font-family: "FontAwesome";
margin-right:10px;
color:#c44c4c;
}
.td-category-description h3 { border-bottom:#c44c4c 2px solid;}
.td-category-description h3:before {
content: "\f103";
font-family: "FontAwesome";
margin-right:10px;
color:#c44c4c;
}
.td-category-description ol, .td-category-description ul { margin-top:20px !important; margin-bottom:20px !important;}
.td-category-description ul, .td-post-content ul { padding:0; margin:0; list-style:none; clear:both;}
.td-category-description ul li, .td-post-content ul li { padding:0 0 0 15px; margin:0 0 10px 35px; position:relative;}
.td-category-description ul li:before, .td-post-content ul li:before {
content: "\f192";
font-family: "FontAwesome"; color:#c44c4c; position:absolute; left:-10px;}
.td-category-description ol, .td-post-content ol { padding:0; margin:0 0 0 5px; list-style:none; counter-reset: lipoint; clear:both;}
.td-category-description ol li, .td-post-content ol li { padding:0 0 0 15px; margin:0 0 10px 35px; position:relative;}
.td-category-description ol li:before, .td-post-content ol li:before {
content: counter(lipoint);
counter-increment: lipoint;
color:#fff; position:absolute; left:-16px;
background:#c44c4c; width:20px; height:20px; line-height:20px; text-align:center;
-webkit-border-radius: 20px;border-radius: 20px; font-size:12px; top:3px;}
.toc_list li:before { display:none}
.td-header-style-9 .td-header-menu-wrap-full {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c44c4c+0,c10000+100 */
background: #c44c4c; /* Old browsers */
background: -moz-linear-gradient(top, #c44c4c 0%, #c10000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #c44c4c 0%,#c10000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #c44c4c 0%,#c10000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c44c4c', endColorstr='#c10000',GradientType=0 ); /* IE6-9 */
}
.sf-menu > li > a {
color: #fff;
}
.td-header-style-9 .header-search-wrap .td-icon-search {
color: #fff;
}
.td-affix a { color:#000 !important;}
</style>
<script type='text/javascript'>
/* <![CDATA[ */
var tocplus = { "smooth_scroll":"1"} ;
/* ]]> */
</script>
<script type='text/javascript' src='https://obanracer.ru/wp-content/plugins/table-of-contents-plus/front.min.js'></script>
<script type='text/javascript' src='https://obanracer.ru/wp-content/plugins/wp-postratings/js/postratings-js.js'></script>
<script type='text/javascript' src='https://obanracer.ru/wp-content/themes/Newspaper/js/tagdiv_theme.js'></script>
<script type='text/javascript' src='/wp-includes/js/comment-reply.min.js'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var boxzilla_options = { "testMode":"","boxes":[]} ;
/* ]]> */
</script>
<script type='text/javascript' src='https://obanracer.ru/wp-content/plugins/boxzilla/assets/js/script.min.js'></script>
<script type='text/javascript' src='/wp-includes/js/wp-embed.min.js'></script>
<script type='text/javascript' src='https://obanracer.ru/wp-content/plugins/simple-lightbox/client/js/prod/lib.core.js'></script>
<script type='text/javascript' src='https://obanracer.ru/wp-content/plugins/simple-lightbox/client/js/prod/lib.view.js'></script>
<script type='text/javascript' src='https://obanracer.ru/wp-content/plugins/simple-lightbox/themes/baseline/js/prod/client.js'></script>
<script type='text/javascript' src='/assets/client1.js'></script>
<script type='text/javascript' src='https://obanracer.ru/wp-content/plugins/simple-lightbox/template-tags/item/js/prod/tag.item.js'></script>
<script type='text/javascript' src='https://obanracer.ru/wp-content/plugins/simple-lightbox/template-tags/ui/js/prod/tag.ui.js'></script>
<script type='text/javascript' src='https://obanracer.ru/wp-content/plugins/simple-lightbox/content-handlers/image/js/prod/handler.image.js'></script>
<script>
(function(){
var html_jquery_obj = jQuery('html');
if (html_jquery_obj.length && (html_jquery_obj.is('.ie8') || html_jquery_obj.is('.ie9'))) {
var path = '/wp-content/themes/Newspaper/style.css';
jQuery.get(path, function(data) {
var str_split_separator = '#td_css_split_separator';
var arr_splits = data.split(str_split_separator);
var arr_length = arr_splits.length;
if (arr_length > 1) {
var dir_path = '/wp-content/themes/Newspaper';
var splited_css = '';
for (var i = 0; i < arr_length; i++) {
if (i > 0) {
arr_splits[i] = str_split_separator + ' ' + arr_splits[i];
}
//jQuery('head').append('<style>' + arr_splits[i] + '</style>');
var formated_str = arr_splits[i].replace(/\surl\(\'(?!data\:)/gi, function regex_function(str) {
return ' url(\'' + dir_path + '/' + str.replace(/url\(\'/gi, '').replace(/^\s+|\s+$/gm,'');
} );
splited_css += "<style>" + formated_str + "</style>";
}
var td_theme_css = jQuery('link#td-theme-css');
if (td_theme_css.length) {
td_theme_css.after(splited_css);
}
}
} );
}
} )();
</script>
</body>
</html>
