HTML pamati iesācējiem. HTML pamati iesācējiem Apgūstiet HTML no Scratch Online
V mūsdienu pasaule dažreiz jūsu vietne ir tikpat svarīga kā tālruņa numurs vai adrese E-pasts. Diemžēl ne katrs pats var izveidot skaistu profesionālu vietni, un dažreiz pat līkne nedarbojas. Pasūtīšana no programmētājiem arī nav ideāls risinājums, jo ne visi to var atļauties.
Palīdziet izkļūt no šīs situācijas bezmaksas html Tīmekļa vietņu veidnes. HTML vietnes veidne ir gatavu komplektu statiskas lapas konkrētai vietnei. Izmantojot šo veidni, jūs varat izveidot vienkāršu vietni tikai pāris stundās ar pamatzināšanām par HTML iezīmēšanu. HTML sadaļā šīs zināšanas iegūsi, ja vēl pāris stundas veltīsi mācībām un, ja nežēlosi laiku CSS sadaļā, varēsi pilnībā kontrolēt HTML vietņu veidņu dizainu un pilnībā tās pielāgot. jūsu vajadzībām.
Vēl viena neapstrīdama vietņu veidņu priekšrocība ir tā, ka tās vairumā gadījumu raksta profesionāļi. Profesionāla vietnes veidne nozīmē ne tikai skaistu un moderns dizains, bet arī kā kods ir uzrakstīts. Meklētājprogrammas skatās, kā jūsu vietne ir uzrakstīta, vai kods ir optimizēts SEO, un, pamatojoties uz to, pazemina vai paaugstina jūsu pozīcijas meklēšanas rezultātos. Tāpēc labai vietnei jābūt ne tikai skaistai un modernai, kas ir svarīgi, bet arī koda ziņā labi uzrakstītai.
Lejupielādēt bez maksas HTML veidnes vietni un izveidot savus projektus pēc iespējas īsākā laikā.
Pilns nosaukums - Hiperteksta iezīmēšanas valoda. Tā ir hiperteksta iezīmēšanas valoda, ko plaši izmanto tīmekļa lapu un dokumentu veidošanā. HTML ceļojums sākās pirmajā pusē 90. gadi. Toreiz viņš bija ārkārtīgi primitīvs, bet jau palīdzēja taisīt vienkāršas lapas tīmeklim. Kopš tā laika valoda ir nepārtraukti attīstījusies, un šodien tā jau ir daudz iemācījusies. Bez HTML, kā mēs esam pie tā pieraduši, tīmekļa vietnes vienkārši nepastāvētu. Gandrīz visas vietnes zināmā mērā izmanto HTML.
Šodienas pašreizējais standarts ir HTML5, kas oficiāli tika izlaists 2014. gadā. Šis ir revolucionārs standarts, kas ļāva valodai sasniegt jaunu līmeni.
Inovācijas HTML5:
Parsēšanas algoritms ir mainījies DOM struktūras izstrādes laikā;
Tika parādītas jaunas atzīmes, piemēram, audio, video un citi. Starp citu, tagad jūs varat izveidot tīmekļa atskaņotāju, izmantojot tikai HTML. Iepriekš bija jāizmanto Adobe Flash spēlētājs;
HTML elementu lietošanas noteikumu un semantikas daļas pārdefinēšana.
Skatoties globāli, HTML5 ir kļuvis vairāk nekā nākamā versija valoda, bet pilnīga platforma lietojumprogrammu izstrādei. Agrāk tā iespējas aprobežojās ar konstrukcijas veidošanu, šodien tas ir daudz gudrāks. Līdz ar standarta izlaišanu valodas apjoms ir ievērojami paplašinājies. Papildus tradicionālajam tīmekļa izstrādes virzienam to izmanto, lai izveidotu datorprogrammas operētājsistēmā Windows 8 un jaunākās versijās, kā arī lietojumprogrammu izstrādei viedtālruņiem visās populārajās platformās.
Tas viss nonāca pie tā, ka HTML5 sāka lietot divās galvenajās jomās:
Kā atjaunināta HTML valodas versija;
Kā funkcionāla platforma, uz kuras varat veidot dažādas sarežģītības tīmekļa lietojumprogrammas. Tiesa, radīt pilna pieteikšanās uz tīra HTML5 tas nedarbosies, šim nolūkam joprojām tiek izmantots JavaScript un CSS3.
Kas modernizē HTML5? Pie valodas strādā W3C vai pilns vārds - Pasaules tīmekļa konsorcijs ir starptautiska organizācija, kas saglabā neatkarību no konkrētiem izstrādātājiem. Tas arī izstrādā HTML5 specifikācijas, definīcijas un standartus. Oriģinālā un pilnīgā specifikācija ir pieejama oficiālajā tīmekļa vietnē ar saiti ( pieejams angļu valodā). Organizācija nav pabeigusi darbu pie valodas, gluži otrādi, tā joprojām to izstrādā.
Pārlūka atbalsts
Ir svarīgi saprast, ka HTML5 specifikācija un šīs tehnoloģijas ieviešana konkrētās pārlūkprogrammās ir dažādi jēdzieni. Daudzas tīmekļa pārlūkprogrammas, kas tika aktīvi izstrādātas, sāka lēnām ieviest HTML5 funkcijas pat pirms šīs versijas izlaišanas. Mūsdienās lielākā daļa jaunāko pārlūkprogrammu atbalsta visas HTML5 funkcijas. Pilnu atbalstu sniedz: Chrome, IE 11, Firefox, Edge, Opera. Salīdzinoši vecākām versijām nav atbalsta jaunākiem standartiem, piemēram, IE 8 un jaunākiem standartiem. Versijā IE9 un 10
standarti jau ir ieviesti, bet tikai daļēji.
Bieži vien pārlūkprogrammas parasti var strādāt ar jauno standartu, bet apstrādā funkcijas citādi vai vienkārši rada kļūdu. Tāpēc, izstrādājot starppārlūkprogrammu, jums jāņem vērā visas pārlūkprogrammu funkcijas. UZ pašreizējais brīdis standarta atbalsts no tīmekļa pārlūkprogrammām jau ir labā līmenī.
Lai pārliecinātos, ka pašreizējā pārlūkprogrammas versija atbalsta HTML5, varat veikt nelielu pārbaudi.
Kas jums ir nepieciešams, lai strādātu?
Kas ir noderīgs izstrādes laikā saskaņā ar HTML5? Galvenais rīks ir teksta redaktors, kurā tiks ierakstīts nākamās tīmekļa lapas kods. Viens no populārākajiem un daudzpusīgākajiem redaktoriem ir Notepad++. Oficiālajā vietnē tas ir pieejams pilnīgi bez maksas. Papildus bezmaksas izplatīšanai tai ir arī visas nepieciešamās funkcijas, ir daudz noderīgu spraudņu, izceļ tagu atvēršanu un aizvēršanu.
Arī labs redaktors ar vairākuma atbalstu operētājsistēmas ir Visual Studio kods. Tas spēj darboties operētājsistēmās MacOS, Windows un Linux. Atbilstoši iespējām šī programmatūra nedaudz pārāks par Notepad++.
Otrs svarīgais rīks ir interneta pārlūks, tas noder koda testēšanai. Derēs jebkura pārlūkprogramma no labi pazīstama izstrādātāja. Ja jums ir jāizveido starpplatformu lietojumprogramma, jums sistēmā būs jāinstalē visas populārās tīmekļa pārlūkprogrammas.
Vai vēlaties izveidot savu vietni internetā? - Ļoti labi! HTML nodarbības jums to palīdzēs.
Hiperteksta iezīmēšanas valoda vai saīsināta HTML- dokumentu hiperteksta iezīmēšanas valoda, W3C konsorcija produkts - ir gandrīz visu esošo tīmekļa lapu pamatā, kas to ierindo pirmajā vietā vietņu izveides rīku hierarhijā. Īpaša uzmanība jāpievērš šīs sadaļas stundu apguvei.
HTML nodarbībasŠīs ir pamācības, kā izveidot tīmekļa lapas.
HTML nodarbības- pirmais solis ceļā uz interneta vietņu izstrādes apgūšanu.
HTML nodarbības un tīmekļa dizaina nodarbības ir pilnīgi atšķirīgi jēdzieni.
Jauns, moderns HTML nodarbībasīpaši izstrādāts iesācējiem.
Sintakse HTML diezgan vienkārši un viegli saprotami, taču tas nenozīmē, ka mācību process noritēs raiti un bez kļūdām. No tiem nav jābaidās – tās ir neizbēgamas. Pieļaujot kļūdas, jūs saņemat informāciju par to, kā turpmāk nerīkoties, šī informācija ir zināmas pūles, laika vērta un tāpēc ir īpaši vērtīga. Tā tiek uzkrātas zināšanas un pieredze.
Veidojot savas pirmās lapas, jūs izbaudīsit domu, ka jūs atklājat pasauli, kuru iepriekš nezinājāt un, iespējams, pat nezinājāt par tās esamību - citu iespēju pasauli - tīmekļa pasauli.
Esi uzmanīgs! Jūs varat kļūt atkarīgs no jaunas darbības.
Jaunas HTML nodarbības | HTML koda piemērs
Apsveriet tā elementus:
Tagi, kas nosaka dokumenta sākumu un beigas.
Servisa sadaļa. Šeit ir komandas pārlūkprogrammām, instrukcijas meklēšanas robotiem, saites uz attāliem failiem, skripti.
Tagi, kas nosaka dokumenta galveno nosaukumu.
Šajā sadaļā ir visa tīmekļa lapas redzamā daļa.
Pārlūkprogrammā mēs redzēsim Hello World! :
Par mācībām HTML Nepieciešams piezīmju bloks. Tajā mēs manuāli ierakstīsim kodu. Varbūt tas arī viss... Nodarbojas ar koda interpretāciju programmatūra tīmekļa pārlūkošanai, tas ir Internet Explorer, Firefox, Opera, Chrome un citas pārlūkprogrammas.
Nodarbībās šis kurss tiks prezentēts HTML 5, XHTML un CSS iekļaušanu. Šī kombinācija ir optimāla mācībām un ļauj ievērojami paātrināt materiāla izstrādi.
Šobrīd specifikācija jau ir pieejama W3C konsorcija oficiālajā tīmekļa vietnē HTML 5. Piektās versijas izstrāde sākās 2007. gadā, tās pamatā ir XML un patiesībā tas ir, papildināts ar jauniem elementiem un atribūtiem, XHTML- ēst. Piektā versija HTML piedāvā vairāk funkcionalitātes un vienkāršo interaktīvu vietņu un tīmekļa lietojumprogrammu izveides procesu. Turklāt, HTML 5 satur papildu elementus, kas nodrošina multivides satura izvietošanu tīmekļa lapā.
Jauns HTML vēl nav saņēmis ieteikuma statusu, un tā tagus šajā posmā atpazīst tikai dažas pārlūkprogrammas. Taču, neskatoties uz to, šodien ir pieejamas HTML 5 nodarbības.
Post Scriptum: Internets sastāv no bezgala daudzām lapām, kas savienotas kopā ar hipersaitēm, izmantojot "Hypertext Transfer Protocol" - HyperText Transfer Protocol jeb saīsināti HTTP - protokolu datu pārsūtīšanai hiperteksta dokumentu veidā. Kas ir HTML? HTML - Hiperteksta iezīmēšanas valoda vai hiperteksta iezīmēšanas valodas dokumentus.
Šis raksts nepretendē uz to visaptverošs ceļvedis HTML dokumentu iezīmēšanas valodā. Tajā ir aprakstīti HTML pamati - pamatprincipi, šīs tehnoloģijas jēdzieni un definīcijas, kuras apgūstot, jūs varat viegli turpināt apgūt HTML kodēšanu.
forši
Piespraud to
Lai apgūtu nodarbību, lejupielādējiet arhīvu ar nepieciešamajiem failiem.
HTML ir iezīmēšanas valoda dokumentus. Pareiza izruna - HTMEL.
Vai esat kādreiz strādājis Word dokumentu redaktorā vai līdzīgā programmā biroja lietojumprogrammas? Jūs droši vien to zināt šī suga redaktoram ir bagātīgas iespējas teksta rediģēšanai, elementu sakārtošanai, attēlu ievietošanai utt.
Kāpēc, jūs jautājat, rakstīt rakstā par HTML par tekstapstrādes programmām? Bet kāpēc. Ja izdomājat, kas ir biroja redaktors? Šī ir lietojumprogramma dokumentu rediģēšanai un parādīšanai.
Atslēgas vārds šeit ir dokumentu. Tas nozīmē, ka mēs izveidojam, rediģējam un skatām dokumentu kādā programmā Šis gadījums- biroja redaktorā. Ja mēs atveram šādu dokumentu vienkāršā teksta redaktorā, piemēram, Notepad, mēs redzēsim daudz dīvainu simbolu un rakstzīmju. Cilvēcei šis simbolu juceklis ir nesaprotams, bet datoriem saprotams. Pateicoties šai iekšējai valodai, Word dokuments pašā redaktorā iegūst noteiktu struktūru un izskatu, un dokuments parādās mūsu priekšā visā savā krāšņumā ar formatētu tekstu un attēliem savā vietā.
HTML ir iezīmēšanas valoda pārlūkprogrammai. Vārds "šeit ir pārlūkprogramma, un dokuments ir HTML lapa. Tas ir pats pamats HTML tehnoloģijas, kuras izpratne ir nepieciešama, lai nesajauktu tīmekļa dokumentu iezīmēšanas valodu ar programmēšanas valodām. Nosaukums runā pats par sevi izmantojot HTML mēs atzīmes, kur lapā tiks rādīts elements, attēls vai teksts un kādā secībā tie parādīsies blakus.
Jā, vienkāršai rakstīšanai un teksta formatēšanai biroja lietojumprogrammās nav nekāda sakara ar programmēšanu. Bet vērīgs lasītājs to pamanīs svarīga detaļa- tekstapstrādes programmā tekstu un attēlus rakstām, rediģējam un formatējam, izmantojot vizuālās pogas un izvēlnes, bet kāpēc HTML kods tiek rakstīts ar roku? Kāpēc izpētīt tik daudz tehnisko detaļu par dokumenta marķējuma rakstīšanu?
Patiesībā ir daudz redaktoru, ar kuriem varat izveidot un rediģēt HTML lapas pēc analoģijas ar Word. Tas ir, avota HTML kods mums ir paslēpts un mēs tajā neiekāpjam.
WYSIWYG redaktori - W cepure Y ou S ee es s W cepure Y ou G et. Tas ir, ja pārtulko krieviski: tas, ko mēs redzam, ir tas, ko mēs iegūstam.
Es viņus saucu par "wozies". Lai gan tas nav fonētiski pareizi, tas skaidri norāda uz šī izgudrojuma veltīgumu. Iesācēji ļoti bieži izmanto šādus redaktorus, lai izveidotu savas pirmās vietnes. Protams, tas ir ērti - nav jāiedziļinās tagu, dizaina stilu un citu, no pirmā acu uzmetiena nepatīkamu un sarežģītu lietu izpētē. Redaktors pats automātiski pārveidos mūsu darbības HTML kodā.
Bet, kā saka, nekas vienkārši nenotiek. Konkrētāk, šai pieejai ir ļoti nopietni trūkumi. Kas neļauj ikvienam pēc kārtas izmantot vizuālos redaktorus, lai izstrādātu HTML lapas? Fakts ir tāds, ka šādā veidā veidotās lapās parasti ir daudz papildu koda, daudz kļūdu no semantiskā viedokļa. Tagad, protams, nav nekādu problēmu ar ātrgaitas internets savienojums un lapas izmēru atšķirība 400 kb un 100 kb nav būtiska ātrumam, tomēr optimizēts un pareizi uzrakstīts HTML kods novērš daudzas problēmas un sniedz daudz priekšrocību, proti:
Kompetentam HTML kodam ir pozitīva ietekme uz meklētājprogrammu optimizācija, meklēšanas robota vietnes pārmeklēšanas ātrums. Šeit ģenerētie koda kilobaiti nav pieņemami un pat kaitīgi;
WYSIWYG redaktora ģenerētajā HTML kodā ir daudz semantisku kļūdu. Tas ir, šāda redaktora ģenerētie tagi tiek izmantoti citiem mērķiem, kur nepieciešams izmantot, piemēram, sarakstus
, redaktors ģenerēs citu mums nevajadzīgu tagu. Tas, protams, ir atkarīgs no redaktora, taču šeit mēs domājam sarežģītus risinājumus vietņu izveidei, nevis vienkāršu teksta rediģēšanu teksta apgabalā, izmantojot WYSIWYG rīkus.
Tiek ģenerēts daudz nevajadzīgu tagu, un dokumenta struktūra ir uzpūsta. Pieņemsim, ka jūs pārvietojat elementu šādā programmā, vispirms pa labi, tad pa kreisi, tad uz centru – katra darbība atstāj pēdas avota HTML kodā. Redaktors ir programma, un viņš nevar zināt, ko tieši jūs vēlaties iegūt rezultātā, viņš ģenerē daudz koda, ņemot vērā visu iespējas dokumenta uzvedība pārlūkprogrammā.
Parasti HTML koda vizuālā noformējuma redaktori ātri noveco. Un profesionāļu intereses trūkuma dēļ viņi parasti zaudē atbalstu un apstājas attīstībā. Un HTML attīstās. Attīstās viss, izņemot vuzivugi. Attiecīgi viņi nevar ģenerēt pareizu un atjauninātu kodu, kas ietvertu jaunas funkcijas un risinājumus.
Atbalstīt un attīstīt šādus projektus ir debesu sods. Par modeļu izmantošanu un atkārtoti izmantot runas koda vispār nevar būt.
Tātad, mēs rakstīsim HTML tikai ar pildspalvām. Atbilstoši rīki HTML vizuālai rediģēšanai vēl nav izgudroti, un diez vai tie parādīsies. HTML iezīmēšanas valodu ir viegli iemācīties un saprast, un ir daudz automatizācijas rīku HTML koda rakstīšanai, bet vairāk par to citās nodarbībās.
Nedaudz pamocījušies ar WYSIWYG redaktoru, jaunie HTML guru pamet šo veltīgo uzdevumu un dodas tālāk.
HTML dokumentu struktūra
Es iesaku lejupielādēt un instalēt klasēm paredzēto teksta redaktoru Sublime. Es stingri neiesaku izmantot sistēmā Windows iebūvēto Notepad HTML izkārtojumam, ja nevēlaties salauzt savu psihi HTML apguves sākumposmā.
Mēs nolēmām, ka HTML dokumenta kodu rakstīsim manuāli, tas ir salikums. HTML izkārtojums- process veidojot HTML dokumentu. Parastajos cilvēkos un zinošos aprindās - tikai makets. Jebkuram dokumentam ir struktūra un noteikti būvniecības noteikumi. No kādiem elementiem sastāv kods, kāda ir HTML struktūra?
Izveidosim datorā sākotnējo veidni – failu index.html, atveriet to ar redaktoru un ielīmējiet tajā šādu kodu:
galvene
Dokumenta korpuss
Ņemiet vērā, ka HTML dokumentiem ir paplašinājums .html.
Tātad, secībā no piemēra.
- dokumenta veids (doctype)
Šī konstrukcija vienmēr ir norādīta dokumenta sākumā, lai pārlūkprogramma pareizi "saprastu", kuru HTML versija izmanto, veidojot dokumentu.
Sakarā ar to, ka HTML pastāvīgi attīstās, tam, tāpat kā jebkuram programmatūras produktam, ir vairākas versijas. Pašreizējā versija HTML - piektais un dots piemērā doktips ir atjaunināta.
Principā nav jēgas iedziļināties dokumentu tipu izpētē, jo līdz ar HTML5 iznākšanu šis dizains ir kļuvis par standartu. Vienkārši ielīmējiet to dokumenta sākumā katru reizi, kad sākat vietnes izkārtojumu.
- dokumenta sākums
Pirmais tags, ko mēs redzam pēc doctype ir .
HTML tags- HTML dokumenta iezīmēšanas struktūrvienība. HTML kodu veido veidošanas bloki, ko sauc par tagiem. Katram tagam ir sava funkcija, un HTML iezīmēšanas valodas apguve galu galā ir saistīta ar tagu un to rekvizītu apgūšanu dokumentā.
Vēlos atzīmēt, ka HTML apguve nav tik grūts uzdevums, kā varētu šķist no pirmā acu uzmetiena. Dokumentu iezīmēšanā izmantoto tagu apgūšana nav tik liela slodze smadzenēm.
Tātad dokumenta marķējums sākas ar tagu un beidzas ar beigu tagu. Katrs tags, kas satur citus tagus vai elementus, ir jāaizver noslēdzošais tags. Piemēram, , ,
utt.
Tag ir nepieciešams, jo tas satur visu dokumenta struktūru un iesaiņo pārējos elementus.
Tag
Tālāk mēs redzam tagu
, kurā ir citi elementi, kas mums vēl nav skaidri. Satur citus elementus — tas nozīmē, ka elementi vai tagi atrodas starp konstrukcijas sākuma un aizvēršanas tagiem:
<тег>saturu vai citus tagus
Tag
ir paredzēts, lai saglabātu HTML dokumenta metainformāciju, tas ir, informāciju, kas netiek parādīta pašā dokumentā, bet ir svarīga un lielā mērā nosaka, kā dokuments izskatīsies un uzvedīsies. Šī atzīme dokumentā ir nepieciešama.
Tag - dokumenta nosaukums</h4>
<title>galvene
galvene
ir <b>vajadzīgā atzīme</b> A, kas satur teksta metainformāciju, kas tiek rādīta pārlūkprogrammas vai cilnes nosaukumā. Tag <title>jābūt tagā <head>. Tiek izmantots arī šīs atzīmes saturs <a href="https://obanracer.ru/lv/pozdravleniya-s-dnem-rozhdeniya-den-rozhdeniya-poiskovoi-sistemy-google.html">meklētājprogrammas</a> lai parādītu dokumentu meklēšanas rezultātos.</p>
<h4>Meta tags <meta charset="UTF-8" ></h4>
<meta charset="UTF-8" >
<p><b>Meta tags</b>- specializēts tags, kas paredzēts strukturētu datu sniegšanai par lapu. Meta tagus visbiežāk izmanto tagā <head>. Meta tagu struktūra nav obligāta <b>HTML</b> dokumentu.</p>
<h4>Favicon (favicon)</h4>
<link rel="icon" href="favicon.ico" >
<p>Pievieno dokumentam failu ar favicon attēlu. <b>Favicon (favicon)</b>- miniatūra ikona, kas tiek rādīta blakus dokumenta nosaukumam pārlūkprogrammas cilnē. Favicon ir 16 x 16 (vai 32 x 32) pikseļu grafisks fails, kas var būt dažādos formātos, piemēram, png, jpg, ico, gif. Tradicionāli tiek izmantots ico formāts. Animētie faviconi ir gif faili, kas satur animāciju. Varat skatīties animētu favicon, piemēram, vietnē VKontakte, kad tiek saņemts jauns ziņojums.</p>
<h4>CSS dokumentu stili</h4>
<link rel="stylesheet" href="style.css">
<p>CSS dokumentam pievieno HTML stila failu.</p>
<p><b>css</b> - <i>kaskādes</i> HTML dokumenta stils. Katrs tags, kas atrodas tagā <body>, ir rekvizītu kopa, piemēram, - krāsa, platums, augstums, pozīcija attiecībā pret citiem elementiem. Visi šie rekvizīti ir CSS stili, kurus var izmantot <a href="https://obanracer.ru/lv/obnovlenie-faila-s-pomoshchyu-palitry-vneshnie-ssylki-sistema-avtomatizirovannogo-proektirovaniya-autoca.html">ārējais fails</a>. Dizains <link>savieno ārējos failus ar HTML dokumentu, tostarp CSS stilus.</p>
<p>Piezīme: īpašums <b>href</b> dizaini <link >norāda ārējā faila atrašanās vietu. Mūsu piemērā fails <i>stils.css</i> un <i>favicon.ico</i>, atrodas tajā pašā mapē, kur fails <i>index.html</i>. <link>nav noslēguma atzīmes.</p>
<h4>Tag <script></h4>
<script src="script.js" type="text/javascript"></script>
<p>Tag<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/lv/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/lv/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/lv/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/lv/forma-obratnoi-svyazi-contact-form-7-kak-v-forme-obratnoi-svyazi-wordpress-peredat-adres.html">обратная связь</a> пользователя и сайта. Например, формы используются, когда нужно отправить какое-то сообщение на сервер. Кроме того, формы могут выполнять и другие функции, но основная задача - отправка данных на сервер.<br> Пример - <a href="https://obanracer.ru/lv/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> - очень интересный канал, который поможет вам набить руку по созданию сайтов различной сложности с нуля;</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/lv/tekstovyi-redaktor-dzhumla-tekstovye-redaktory-v-joomla-podklyuchenie.html">текстовых редакторов</a> и прочую <a href="https://obanracer.ru/lv/otsledit-posylku-estoniya-pochta-v-estonii-poleznaya.html">полезную информацию</a> для начинающих разработчиков и дизайнеров.</li>
</ul><h5><b>Интернет-ресурсы
</b></h5><ul><li>htmlbook.ru - святыня для начинающих специалистов. <a href="https://obanracer.ru/lv/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/lv/nomer-mobilnogo-dlya-registracii-vkontakte-virtualnyi-nomer.html">англоязычный сервис</a>, где можно проверить свои знания на практике. Все интуитивно понятно, глубокие познания <a href="https://obanracer.ru/lv/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/lv/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/lv/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>Iepriekšējais raksts</span><a href="https://obanracer.ru/lv/budilnik-ne-igraet-standartnye-melodii-pochemu-budilnik-ne-srabatyvaet-na.html">Kāpēc modinātājs nedarbojas operētājsistēmā Android: iemesli un risinājumi Kāpēc modinātājs nezvana zte tālrunī</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>Nākamais raksts</span><a href="https://obanracer.ru/lv/razdayushchii-wi-fi-tarif-bezlimitishche-ot-mts-edinyi-internet-ot-mts.html">Vienotais internets no mts Kā izplatīt neierobežotu interneta mts</a></div>
<!-- /next_post -->
</div>
</div>
<div class="td-author-name vcard author" style="display: none"><span class="fn"><a href="https://obanracer.ru/lv/author/iulia">Jūlija</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="#">SAISTĪTIE RAKSTI</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/lv/naiti-telefon-za-1-rubl-smartfon-za-rubl-v-chem-preimushchestvo.html" rel="bookmark" title="Atrodi telefonu par 1 rubli"><img width="218" height="150" class="entry-thumb" src="/uploads/6f4ad9943c9b630c639e16757b3838b8.jpg" alt="Atrodi telefonu par 1 rubli" title="Atrodi telefonu par 1 rubli"/ loading=lazy loading=lazy></a></div>
<a href="https://obanracer.ru/lv/category/processors/" class="td-post-category">Procesori</a> </div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/lv/naiti-telefon-za-1-rubl-smartfon-za-rubl-v-chem-preimushchestvo.html" rel="bookmark" title="Atrodi telefonu par 1 rubli">Atrodi telefonu par 1 rubli</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/lv/obnaruzhenie-iphone-kak-naiti-poteryannyi-aifon-kak-nastroit-naiti-iphone.html" rel="bookmark" title="Kā atrast pazaudētu iPhone"><img width="218" height="150" class="entry-thumb" src="/uploads/36709048a1cd69a3564d022fcc9476d5.jpg" alt="Kā atrast pazaudētu iPhone" title="Kā atrast pazaudētu iPhone"/ loading=lazy loading=lazy></a></div>
<a href="https://obanracer.ru/lv/category/motherboard/" class="td-post-category">mātesplatēm</a> </div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/lv/obnaruzhenie-iphone-kak-naiti-poteryannyi-aifon-kak-nastroit-naiti-iphone.html" rel="bookmark" title="Kā atrast pazaudētu iPhone">Kā atrast pazaudētu iPhone</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/lv/gde-nahoditsya-funkciya-naiti-iphone-kak-naiti-aifon-esli-on.html" rel="bookmark" title="Kā atrast iPhone, ja tas ir izslēgts"><img width="218" height="150" class="entry-thumb" src="/uploads/dcde6860fe3b01972cf5b200d7e1eeda.jpg" alt="Kā atrast iPhone, ja tas ir izslēgts" title="Kā atrast iPhone, ja tas ir izslēgts"/ loading=lazy loading=lazy></a></div>
<a href="https://obanracer.ru/lv/category/graphics-card/" class="td-post-category">Video kartes</a> </div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/lv/gde-nahoditsya-funkciya-naiti-iphone-kak-naiti-aifon-esli-on.html" rel="bookmark" title="Kā atrast iPhone, ja tas ir izslēgts">Kā atrast iPhone, ja tas ir izslēgts</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/lv/kak-otpisatsya-ot-podpisok-na-iphone-6-kak-otklyuchit-avtomaticheskoe.html" rel="bookmark" title="Kā izslēgt Apple Music abonementa automātisko atjaunošanu pēc izmēģinājuma perioda beigām"><img width="218" height="150" class="entry-thumb" src="/uploads/97386ae589950a163767b76f9e0b4d82.jpg" alt="Kā izslēgt Apple Music abonementa automātisko atjaunošanu pēc izmēģinājuma perioda beigām" title="Kā izslēgt Apple Music abonementa automātisko atjaunošanu pēc izmēģinājuma perioda beigām"/ loading=lazy loading=lazy></a></div>
<a href="https://obanracer.ru/lv/category/multimedia/" class="td-post-category">Multivide</a> </div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/lv/kak-otpisatsya-ot-podpisok-na-iphone-6-kak-otklyuchit-avtomaticheskoe.html" rel="bookmark" title="Kā izslēgt Apple Music abonementa automātisko atjaunošanu pēc izmēģinājuma perioda beigām">Kā izslēgt Apple Music abonementa automātisko atjaunošanu pēc izmēģinājuma perioda beigām</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/lv/ne-vklyuchaetsya-makbuk-macbook-vozmozhnye-prichiny-i-sposoby-resheniya-problemy.html" rel="bookmark" title="MacOS melnā ekrāna apstrāde Macbook Black Screen sāknēšanas laikā"><img width="218" height="150" class="entry-thumb" src="/uploads/9eb6d5afb2e3f34201bfa13e3d69e19d.jpg" alt="MacOS melnā ekrāna apstrāde Macbook Black Screen sāknēšanas laikā" title="MacOS melnā ekrāna apstrāde Macbook Black Screen sāknēšanas laikā"/ loading=lazy loading=lazy></a></div>
<a href="https://obanracer.ru/lv/category/the-winchesters/" class="td-post-category">Vinčestera</a> </div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/lv/ne-vklyuchaetsya-makbuk-macbook-vozmozhnye-prichiny-i-sposoby-resheniya-problemy.html" rel="bookmark" title="MacOS melnā ekrāna apstrāde Macbook Black Screen sāknēšanas laikā">MacOS melnā ekrāna apstrāde Macbook Black Screen sāknēšanas laikā</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/lv/ne-postupayut-vhodyashchie-zvonki-libo-ne-podnimaetsya-trubka-pri-vhodyashchem-vyzove-na.html" rel="bookmark" title="Ko darīt un kā labot"><img width="218" height="150" class="entry-thumb" src="/uploads/192085768f3e11764441d6757e6054df.jpg" alt="Ko darīt un kā labot" title="Ko darīt un kā labot"/ loading=lazy loading=lazy></a></div>
<a href="https://obanracer.ru/lv/category/case/" class="td-post-category">korpuss</a> </div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/lv/ne-postupayut-vhodyashchie-zvonki-libo-ne-podnimaetsya-trubka-pri-vhodyashchem-vyzove-na.html" rel="bookmark" title="Ko darīt un kā labot">Ko darīt un kā labot</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/lv/vse-sertifikaty-shsh-iphone-4-crfxfnm-sohranenie-shsh-dlya-vseh-devaisov.html" rel="bookmark" title="SHSH saglabāšana visām ierīcēm"><img width="218" height="150" class="entry-thumb" src="/uploads/94720c0f24647258d14539163adf56ca.jpg" alt="SHSH saglabāšana visām ierīcēm" title="SHSH saglabāšana visām ierīcēm"/ loading=lazy loading=lazy></a></div>
<a href="https://obanracer.ru/lv/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/lv/vse-sertifikaty-shsh-iphone-4-crfxfnm-sohranenie-shsh-dlya-vseh-devaisov.html" rel="bookmark" title="SHSH saglabāšana visām ierīcēm">SHSH saglabāšana visām ierīcēm</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/lv/virus-shifrovalshchik-wannacry-chto-delat-wannacry-kak-zashchititsya-ot.html" rel="bookmark" title="WannaCry: kā pasargāt sevi no izspiedējvīrusa, dublējiet svarīgu informāciju"><img width="218" height="150" class="entry-thumb" src="/uploads/06b3dc453adeb7cb512fa52f81df090b.jpg" alt="WannaCry: kā pasargāt sevi no izspiedējvīrusa, dublējiet svarīgu informāciju" title="WannaCry: kā pasargāt sevi no izspiedējvīrusa, dublējiet svarīgu informāciju"/ loading=lazy loading=lazy></a></div>
<a href="https://obanracer.ru/lv/category/motherboard/" class="td-post-category">mātesplatēm</a> </div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/lv/virus-shifrovalshchik-wannacry-chto-delat-wannacry-kak-zashchititsya-ot.html" rel="bookmark" title="WannaCry: kā pasargāt sevi no izspiedējvīrusa, dublējiet svarīgu informāciju">WannaCry: kā pasargāt sevi no izspiedējvīrusa, dublējiet svarīgu informāciju</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/lv/yandeks-klaviatura---odna-iz-mnogih-kakie-est-sochetaniya-klavish-v.html" rel="bookmark" title="Tastatūra — viena no daudzajām"><img width="218" height="150" class="entry-thumb" src="/uploads/bf545e4430106d38c4fe253a39a4a47b.jpg" alt="Tastatūra — viena no daudzajām" title="Tastatūra — viena no daudzajām"/ loading=lazy loading=lazy></a></div>
<a href="https://obanracer.ru/lv/category/security/" class="td-post-category">Drošība</a> </div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/lv/yandeks-klaviatura---odna-iz-mnogih-kakie-est-sochetaniya-klavish-v.html" rel="bookmark" title="Tastatūra — viena no daudzajām">Tastatūra — viena no daudzajām</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">Ieteicams</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/lv/samsung-galaxy-s7-edge-vzryvayutsya-smartfony-granaty-pochemu-gadzhety.html" rel="bookmark" title="Viedtālruņu granātas: kāpēc sīkrīki eksplodē un kā no tā izvairīties"><img width="324" height="235" class="entry-thumb" src="/uploads/ad114a4b55cb759061034b70f68e1ebd.jpg" alt="Viedtālruņu granātas: kāpēc sīkrīki eksplodē un kā no tā izvairīties" title="Viedtālruņu granātas: kāpēc sīkrīki eksplodē un kā no tā izvairīties"/ loading=lazy loading=lazy></a></div>
<a href="https://obanracer.ru/lv/category/more/" class="td-post-category">Cits</a> </div>
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/lv/samsung-galaxy-s7-edge-vzryvayutsya-smartfony-granaty-pochemu-gadzhety.html" rel="bookmark" title="Viedtālruņu granātas: kāpēc sīkrīki eksplodē un kā no tā izvairīties">Viedtālruņu granātas: kāpēc sīkrīki eksplodē un kā no tā izvairīties</a></h3>
<div class="td-module-meta-info">
</div>
<div class="td-excerpt">Problēma tika novērsta jaunās partijās, taču daudzas izdegās. Kamēr pasaulē notiek diskusijas par sprāgstošo iPhone 7 Plus, mēs nolēmām atsaukt atmiņā ugunsgrēka gadījumus...</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/lv/kak-rabotaet-sotovaya-svyaz-kak-rabotaet-mobilnaya-svyaz-likbez-princip.html" rel="bookmark" title="Kā darbojas mobilie sakari: izglītības programma Mobilo sakaru princips manekeniem"><img width="100" height="70" class="entry-thumb" src="/uploads/5d2aca16d592cd9b95a61bd7efe6aa00.jpg" alt="Kā darbojas mobilie sakari: izglītības programma Mobilo sakaru princips manekeniem" title="Kā darbojas mobilie sakari: izglītības programma Mobilo sakaru princips manekeniem"/ loading=lazy loading=lazy></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/lv/kak-rabotaet-sotovaya-svyaz-kak-rabotaet-mobilnaya-svyaz-likbez-princip.html" rel="bookmark" title="Kā darbojas mobilie sakari: izglītības programma Mobilo sakaru princips manekeniem">Kā darbojas mobilie sakari: izglītības programma Mobilo sakaru princips manekeniem</a></h3>
<div class="td-module-meta-info">
<a href="https://obanracer.ru/lv/category/motherboard/" class="td-post-category">mātesplatēm</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/lv/chto-takoe-smart-kover-v-telefone-smart-cover-dlya-ipad-vse-genialnoe.html" rel="bookmark" title="Smart Cover iPad: viss ģeniālais ir vienkāršs"><img width="100" height="70" class="entry-thumb" src="/uploads/3b07ba1fa45244337c0202e3a4429628.jpg" alt="Smart Cover iPad: viss ģeniālais ir vienkāršs" title="Smart Cover iPad: viss ģeniālais ir vienkāršs"/ loading=lazy loading=lazy></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/lv/chto-takoe-smart-kover-v-telefone-smart-cover-dlya-ipad-vse-genialnoe.html" rel="bookmark" title="Smart Cover iPad: viss ģeniālais ir vienkāršs">Smart Cover iPad: viss ģeniālais ir vienkāršs</a></h3>
<div class="td-module-meta-info">
<a href="https://obanracer.ru/lv/category/monitors/" class="td-post-category">Monitori</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/lv/kak-nastroit-mms-na-svoem-ustroistve-neskolko-shagov-kak.html" rel="bookmark" title="Kā ieslēgt mms funkciju"><img width="100" height="70" class="entry-thumb" src="/uploads/f0c8212891df5e41083848957cd2e9bb.jpg" alt="Kā ieslēgt mms funkciju" title="Kā ieslēgt mms funkciju"/ loading=lazy loading=lazy></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/lv/kak-nastroit-mms-na-svoem-ustroistve-neskolko-shagov-kak.html" rel="bookmark" title="Kā ieslēgt mms funkciju">Kā ieslēgt mms funkciju</a></h3>
<div class="td-module-meta-info">
<a href="https://obanracer.ru/lv/category/security/" class="td-post-category">Drošība</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/lv/ad-kliner-obzor-besplatnoi-versii-adwcleaner-preimushchestva.html" rel="bookmark" title="Pārskats par AdwCleaner bezmaksas versiju"><img width="100" height="70" class="entry-thumb" src="/uploads/7a9c1003e30cd247f64bc5757ec35300.jpg" alt="Pārskats par AdwCleaner bezmaksas versiju" title="Pārskats par AdwCleaner bezmaksas versiju"/ loading=lazy loading=lazy></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/lv/ad-kliner-obzor-besplatnoi-versii-adwcleaner-preimushchestva.html" rel="bookmark" title="Pārskats par AdwCleaner bezmaksas versiju">Pārskats par AdwCleaner bezmaksas versiju</a></h3>
<div class="td-module-meta-info">
<a href="https://obanracer.ru/lv/category/windows-8/" class="td-post-category">Windows 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/lv/gotovye-proekty-sweet-home-3d-sozdavat-sobstvennye-proekty-legko.html" rel="bookmark" title="Ir viegli izveidot savus projektus"><img width="100" height="70" class="entry-thumb" src="/uploads/5b4b7d9f6d7672d7167a6523b164ac14.jpg" alt="Ir viegli izveidot savus projektus" title="Ir viegli izveidot savus projektus"/ loading=lazy loading=lazy></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/lv/gotovye-proekty-sweet-home-3d-sozdavat-sobstvennye-proekty-legko.html" rel="bookmark" title="Ir viegli izveidot savus projektus">Ir viegli izveidot savus projektus</a></h3>
<div class="td-module-meta-info">
<a href="https://obanracer.ru/lv/category/graphics-card/" class="td-post-category">Video kartes</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/lv/comodo-firewall-opisanie-comodo-firewall-besplatnyi-funkcionalnyi.html" rel="bookmark" title="Comodo Firewall: bezmaksas funkcionāls ugunsmūris"><img width="100" height="70" class="entry-thumb" src="/uploads/d6a31dd2726605234dff7b8a5fe7b280.jpg" alt="Comodo Firewall: bezmaksas funkcionāls ugunsmūris" title="Comodo Firewall: bezmaksas funkcionāls ugunsmūris"/ loading=lazy loading=lazy></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/lv/comodo-firewall-opisanie-comodo-firewall-besplatnyi-funkcionalnyi.html" rel="bookmark" title="Comodo Firewall: bezmaksas funkcionāls ugunsmūris">Comodo Firewall: bezmaksas funkcionāls ugunsmūris</a></h3>
<div class="td-module-meta-info">
<a href="https://obanracer.ru/lv/category/ram/" class="td-post-category">RAM</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/lv/proga-dlya-ochistki-sistemnogo-diska-luchshie-programmy-dlya-ochistki.html" rel="bookmark" title="Labākās programmas datora tīrīšanai no atkritumiem"><img width="218" height="150" class="entry-thumb" src="/uploads/6fa92684896d1c35c9bfa555558abc2a.jpg" alt="Labākās programmas datora tīrīšanai no atkritumiem" title="Labākās programmas datora tīrīšanai no atkritumiem"/ 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/lv/proga-dlya-ochistki-sistemnogo-diska-luchshie-programmy-dlya-ochistki.html" rel="bookmark" title="Labākās programmas datora tīrīšanai no atkritumiem">Labākās programmas datora tīrīšanai no atkritumiem</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/lv/antivirus-s-igrovym-rezhimom-chto-takoe-igrovoi-rezhim-antivirusa.html" rel="bookmark" title="Kas ir "spēļu" pretvīrusu režīms un kāpēc tas ir bīstams"><img width="218" height="150" class="entry-thumb" src="/uploads/37457a80d4aef4d827ec1573aa20610f.jpg" alt="Kas ir "spēļu" pretvīrusu režīms un kāpēc tas ir bīstams" title="Kas ir "spēļu" pretvīrusu režīms un kāpēc tas ir bīstams"/ 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/lv/antivirus-s-igrovym-rezhimom-chto-takoe-igrovoi-rezhim-antivirusa.html" rel="bookmark" title="Kas ir "spēļu" pretvīrusu režīms un kāpēc tas ir bīstams">Kas ir "spēļu" pretvīrusu režīms un kāpēc tas ir bīstams</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/lv/free-failovyi-menedzher-failovye-menedzhery-kak-eto-rabotaet.html" rel="bookmark" title="Bezmaksas failu pārvaldnieks. Failu pārvaldnieki. Kā tas strādā"><img width="218" height="150" class="entry-thumb" src="/uploads/b5e388eaae7ae04a29e1b432598ee8c1.jpg" alt="Bezmaksas failu pārvaldnieks. Failu pārvaldnieki. Kā tas strādā" title="Bezmaksas failu pārvaldnieks. Failu pārvaldnieki. Kā tas strādā"/ 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/lv/free-failovyi-menedzher-failovye-menedzhery-kak-eto-rabotaet.html" rel="bookmark" title="Bezmaksas failu pārvaldnieks. Failu pārvaldnieki. Kā tas strādā">Bezmaksas failu pārvaldnieks. Failu pārvaldnieki. Kā tas strādā</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/lv/skachat-prilozhenie-redaktor-fotografii-programmy-dlya-obrabotki.html" rel="bookmark" title="Fotoattēlu rediģēšanas programmatūras lejupielāde krievu valodā bez maksas"><img width="218" height="150" class="entry-thumb" src="/uploads/8666627de17fc332476044a8288f5126.jpg" alt="Fotoattēlu rediģēšanas programmatūras lejupielāde krievu valodā bez maksas" title="Fotoattēlu rediģēšanas programmatūras lejupielāde krievu valodā bez maksas"/ 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/lv/skachat-prilozhenie-redaktor-fotografii-programmy-dlya-obrabotki.html" rel="bookmark" title="Fotoattēlu rediģēšanas programmatūras lejupielāde krievu valodā bez maksas">Fotoattēlu rediģēšanas programmatūras lejupielāde krievu valodā bez maksas</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/lv/realplayer---proigryvatel-audio-i-video-ispolzovanie-proigryvatelya.html" rel="bookmark" title="RealPlayer izmantošana, lai lejupielādētu nesen atvērtos failus, kas nav lejupielādējami"><img width="218" height="150" class="entry-thumb" src="/uploads/99459ed78d924c245e0e87564e9d5e27.jpg" alt="RealPlayer izmantošana, lai lejupielādētu nesen atvērtos failus, kas nav lejupielādējami" title="RealPlayer izmantošana, lai lejupielādētu nesen atvērtos failus, kas nav lejupielādējami"/ 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/lv/realplayer---proigryvatel-audio-i-video-ispolzovanie-proigryvatelya.html" rel="bookmark" title="RealPlayer izmantošana, lai lejupielādētu nesen atvērtos failus, kas nav lejupielādējami">RealPlayer izmantošana, lai lejupielādētu nesen atvērtos failus, kas nav lejupielādējami</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/lv/vybiraem-sredu-programmirovaniya-razrabotka-programm-dlya-windows-programmy-dlya.html" rel="bookmark" title="Programmu izstrāde operētājsistēmai Windows Programmas jaunas lietojumprogrammas izveidei"><img width="218" height="150" class="entry-thumb" src="/uploads/eeead57dc48ccf676fa75dd64e261f16.jpg" alt="Programmu izstrāde operētājsistēmai Windows Programmas jaunas lietojumprogrammas izveidei" title="Programmu izstrāde operētājsistēmai Windows Programmas jaunas lietojumprogrammas izveidei"/ 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/lv/vybiraem-sredu-programmirovaniya-razrabotka-programm-dlya-windows-programmy-dlya.html" rel="bookmark" title="Programmu izstrāde operētājsistēmai Windows Programmas jaunas lietojumprogrammas izveidei">Programmu izstrāde operētājsistēmai Windows Programmas jaunas lietojumprogrammas izveidei</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/lv/aimp-russkaya-versiya-chto-mozhet-aimp.html" rel="bookmark" title="Aimp krievu versija. Ko AIMP var darīt"><img width="218" height="150" class="entry-thumb" src="/uploads/ff816bc4e389125b753bb55a39acbfda.jpg" alt="Aimp krievu versija. Ko AIMP var darīt" title="Aimp krievu versija. Ko AIMP var darīt"/ 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/lv/aimp-russkaya-versiya-chto-mozhet-aimp.html" rel="bookmark" title="Aimp krievu versija. Ko AIMP var darīt">Aimp krievu versija. Ko AIMP var darīt</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/lv/skachat-pleer-aimp-3-s-installyaciei-kak-ustanavlivaetsya-prilozhenie-na.html" rel="bookmark" title="Kā instalēt lietojumprogrammu datorā"><img width="218" height="150" class="entry-thumb" src="/uploads/8b3fb482b455e9a6d80da8612064e3c1.jpg" alt="Kā instalēt lietojumprogrammu datorā" title="Kā instalēt lietojumprogrammu datorā"/ 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/lv/skachat-pleer-aimp-3-s-installyaciei-kak-ustanavlivaetsya-prilozhenie-na.html" rel="bookmark" title="Kā instalēt lietojumprogrammu datorā">Kā instalēt lietojumprogrammu datorā</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/lv/programmki-dlya-zarabotka-deneg-zarabotok-na-skachivanii.html" rel="bookmark" title="Peļņa no lietojumprogrammu lejupielādes — saņemiet naudu no sava ios vai Android viedtālruņa"><img width="218" height="150" class="entry-thumb" src="/uploads/750b54f61c734c26e7eacf359cc3eda9.jpg" alt="Peļņa no lietojumprogrammu lejupielādes — saņemiet naudu no sava ios vai Android viedtālruņa" title="Peļņa no lietojumprogrammu lejupielādes — saņemiet naudu no sava ios vai Android viedtālruņa"/ 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/lv/programmki-dlya-zarabotka-deneg-zarabotok-na-skachivanii.html" rel="bookmark" title="Peļņa no lietojumprogrammu lejupielādes — saņemiet naudu no sava ios vai Android viedtālruņa">Peļņa no lietojumprogrammu lejupielādes — saņemiet naudu no sava ios vai Android viedtālruņa</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/lv/skachat-programmu-na-pk-po-ochistke-programmy-dlya-ochistki.html" rel="bookmark" title="Programmas datora tīrīšanai no nevajadzīgiem failiem"><img width="218" height="150" class="entry-thumb" src="/uploads/ec4c836f9ca3e74df4726743e836fa6a.jpg" alt="Programmas datora tīrīšanai no nevajadzīgiem failiem" title="Programmas datora tīrīšanai no nevajadzīgiem failiem"/ 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/lv/skachat-programmu-na-pk-po-ochistke-programmy-dlya-ochistki.html" rel="bookmark" title="Programmas datora tīrīšanai no nevajadzīgiem failiem">Programmas datora tīrīšanai no nevajadzīgiem failiem</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/lv/zarabotok-s-pomoshchyu-prilozhenii-prilozheniya-dlya-zarabotka-deneg-na.html" rel="bookmark" title="Pieteikumi naudas pelnīšanai pa tālruni"><img width="218" height="150" class="entry-thumb" src="/uploads/9cf38ecb36eafb7f558b312ed3ddca40.jpg" alt="Pieteikumi naudas pelnīšanai pa tālruni" title="Pieteikumi naudas pelnīšanai pa tālruni"/ 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/lv/zarabotok-s-pomoshchyu-prilozhenii-prilozheniya-dlya-zarabotka-deneg-na.html" rel="bookmark" title="Pieteikumi naudas pelnīšanai pa tālruni">Pieteikumi naudas pelnīšanai pa tālruni</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/lv/programma-defragmentacii-vindovs-7-obzor-defragmentatorov-i-ih.html" rel="bookmark" title="Pārskats par defragmentētājiem un to salīdzinājums"><img width="218" height="150" class="entry-thumb" src="/uploads/5401ced09aa0e62eb89c3f866086be7f.jpg" alt="Pārskats par defragmentētājiem un to salīdzinājums" title="Pārskats par defragmentētājiem un to salīdzinājums"/ 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/lv/programma-defragmentacii-vindovs-7-obzor-defragmentatorov-i-ih.html" rel="bookmark" title="Pārskats par defragmentētājiem un to salīdzinājums">Pārskats par defragmentētājiem un to salīdzinājums</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/lv/tekstovyi-redaktor-d-tekstovye-redaktory-klassifikaciya.html" rel="bookmark" title="Teksta redaktors d. Teksta redaktori. Teksta redaktoru klasifikācija"><img width="218" height="150" class="entry-thumb" src="/uploads/cbb15f6aedc73dcea81b5ad9bee3a635.jpg" alt="Teksta redaktors d. Teksta redaktori. Teksta redaktoru klasifikācija" title="Teksta redaktors d. Teksta redaktori. Teksta redaktoru klasifikācija"/ 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/lv/tekstovyi-redaktor-d-tekstovye-redaktory-klassifikaciya.html" rel="bookmark" title="Teksta redaktors d. Teksta redaktori. Teksta redaktoru klasifikācija">Teksta redaktors d. Teksta redaktori. Teksta redaktoru klasifikācija</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/lv/skachat-programmy-obrabotki-graficheskih-failov-online-programmy.html" rel="bookmark" title="Zīmēšanas programmas - ko izvēlēties?"><img width="218" height="150" class="entry-thumb" src="/uploads/1b04093d512de4a87ddb9eb04a0cfc5f.jpg" alt="Zīmēšanas programmas - ko izvēlēties?" title="Zīmēšanas programmas - ko izvēlēties?"/ 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/lv/skachat-programmy-obrabotki-graficheskih-failov-online-programmy.html" rel="bookmark" title="Zīmēšanas programmas - ko izvēlēties?">Zīmēšanas programmas - ko izvēlēties?</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/lv/programmy-dlya-obrabotki-grafiki-programmy-dlya-risovaniya---chto-vybrat.html" rel="bookmark" title="Zīmēšanas programmas - ko izvēlēties?"><img width="218" height="150" class="entry-thumb" src="/uploads/8df24960703473050fb4abff22da0ccd.jpg" alt="Zīmēšanas programmas - ko izvēlēties?" title="Zīmēšanas programmas - ko izvēlēties?"/ 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/lv/programmy-dlya-obrabotki-grafiki-programmy-dlya-risovaniya---chto-vybrat.html" rel="bookmark" title="Zīmēšanas programmas - ko izvēlēties?">Zīmēšanas programmas - ko izvēlēties?</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/lv/updater-chto-eto-za-programma-v-obshchem-smysle-kak-udalit-software.html" rel="bookmark" title="Kā noņemt programmatūras versijas atjauninātāja (reklāmprogrammatūras) atjaunināšanas procesu"><img width="218" height="150" class="entry-thumb" src="/uploads/04ab2c67506fc8a5ca745950839d333f.jpg" alt="Kā noņemt programmatūras versijas atjauninātāja (reklāmprogrammatūras) atjaunināšanas procesu" title="Kā noņemt programmatūras versijas atjauninātāja (reklāmprogrammatūras) atjaunināšanas procesu"/ 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/lv/updater-chto-eto-za-programma-v-obshchem-smysle-kak-udalit-software.html" rel="bookmark" title="Kā noņemt programmatūras versijas atjauninātāja (reklāmprogrammatūras) atjaunināšanas procesu">Kā noņemt programmatūras versijas atjauninātāja (reklāmprogrammatūras) atjaunināšanas procesu</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/lv/kak-pomenyat-parametry-stranicy-v-vorde-kak-ustanovit-parametry-stranicy.html" rel="bookmark" title="Kā iestatīt Word dokumenta lappuses opcijas"><img width="218" height="150" class="entry-thumb" src="/uploads/56459c8a63a57507cd5011c7c0d3a29e.jpg" alt="Kā iestatīt Word dokumenta lappuses opcijas" title="Kā iestatīt Word dokumenta lappuses opcijas"/ 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/lv/kak-pomenyat-parametry-stranicy-v-vorde-kak-ustanovit-parametry-stranicy.html" rel="bookmark" title="Kā iestatīt Word dokumenta lappuses opcijas">Kā iestatīt Word dokumenta lappuses opcijas</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/lv/kak-pochistit-fail-hosts-windows-xp-ochistka-i-vosstanovlenie-faila-hosts-chto.html" rel="bookmark" title="Hosts faila tīrīšana un atjaunošana"><img width="218" height="150" class="entry-thumb" src="/uploads/82df474e8fe9812e1b18722be4a549f3.jpg" alt="Hosts faila tīrīšana un atjaunošana" title="Hosts faila tīrīšana un atjaunošana"/ 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/lv/kak-pochistit-fail-hosts-windows-xp-ochistka-i-vosstanovlenie-faila-hosts-chto.html" rel="bookmark" title="Hosts faila tīrīšana un atjaunošana">Hosts faila tīrīšana un atjaunošana</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">Autortiesības 2022 — datoru un klēpjdatoru remonts. Videokartes, cietie diski, internets, monitori.</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>
