Osnove HTML-a za početnike. Osnove HTML-a za početnike Naučite HTML od nule na mreži

IN savremeni svet ponekad je imati vlastitu web stranicu jednako važno kao i imati broj telefona ili adresu Email. Nažalost, ne može svatko sam napraviti lijepu profesionalnu web stranicu, a ponekad čak ni krivulja ne funkcionira. Naručivanje od programera također nije idealno rješenje, jer to ne mogu svi priuštiti.

Pomozite da se izađe iz ove situacije besplatni htmlŠabloni web stranica. HTML predložak stranice je skup gotovih statične stranice za određenu lokaciju. Koristeći ovaj predložak, možete kreirati jednostavnu web stranicu za samo nekoliko sati, s osnovnim znanjem o HTML markiranju. U HTML sekciji ćete ovo znanje dobiti ako provedete još par sati učeći, a ako ne budete štedeli vremena u CSS sekciji, moći ćete u potpunosti da kontrolišete dizajn HTML šablona sajtova i da ih potpuno prilagodite Vašim potrebama.

Još jedna neosporna prednost predložaka web stranica je da ih u većini slučajeva pišu profesionalci. Profesionalni predložak stranice znači ne samo lijep i moderan dizajn, ali i kako je kod napisan. Pretraživači gledaju kako je vaš sajt napisan, da li je kod SEO optimizovan ili ne, i na osnovu toga snižavaju ili povećavaju vaše pozicije u rezultatima pretrage. Dakle, dobar sajt ne treba da bude samo lep i moderan, što je važno, već i dobro napisan u smislu koda.

Preuzmite besplatno HTML predlošci sajt i kreirajte svoje projekte u najkraćem mogućem roku.

Pun naslov - Jezik za označavanje hiperteksta. To je jezik za označavanje hiperteksta koji se široko koristi prilikom izrade web stranica i dokumenata. HTML putovanje je počelo u prvom poluvremenu 90-ih. U to vrijeme bio je izuzetno primitivan, ali je već pomogao da se napravi jednostavne stranice za web. Od tada se jezik neprestano razvijao, a danas je već mnogo naučio. Bez HTML-a, na način na koji smo navikli, web stranice jednostavno ne bi postojale. Gotovo sve web stranice koriste HTML u određenoj mjeri.

Današnji trenutni standard je HTML5, koji je zvanično objavljen 2014. Ovo je revolucionarni standard koji je omogućio jeziku da dosegne novi nivo.

Inovacije u HTML5:

  • Algoritam raščlanjivanja se promijenio tokom razvoja DOM strukture;
  • Pojavile su se nove oznake poput audio, video i drugih. Usput, sada možete kreirati web player koristeći samo HTML. Ranije morao koristiti Adobe Flash igrač;
  • Redefiniranje dijela pravila i semantike korištenja HTML elemenata.

Gledajući globalno, HTML5 je postao više od sledeća verzija jezik, ali kompletna platforma za razvoj aplikacija. Ranije su njegove mogućnosti bile ograničene na izgradnju strukture, danas je mnogo pametniji. Sa izdavanjem standarda, opseg jezika se znatno proširio. Pored tradicionalnog pravca web razvoja, koristi se za kreiranje kompjuterski programi na Windows 8 i novijim, kao i za razvoj aplikacija za pametne telefone na svim popularnim platformama.

Sve je došlo do toga da se HTML5 počeo primjenjivati ​​u dva ključna područja:

  • Kao ažurirana verzija HTML jezika;
  • Kao funkcionalna platforma na kojoj možete graditi web aplikacije različite složenosti. Istina, stvaraj puna aplikacija na čistom HTML5 neće raditi, JavaScript i CSS3 se i dalje koriste za ovo.

Ko modernizuje HTML5? Jezik se radi pod W3C ili punim imenom - World Wide Web Consortium je međunarodna organizacija koja održava nezavisnost od određenih programera. Takođe proizvodi specifikacije, definicije i standarde za HTML5. Originalna i kompletna specifikacija dostupna je na službenoj web stranici na linku ( dostupno na engleskom jeziku). Organizacija nije završila rad na jeziku, naprotiv, još ga razvija.

Podrška za pretraživač

Važno je shvatiti da su HTML5 specifikacija i implementacija ove tehnologije u određenim pretraživačima različiti koncepti. Mnogi web pretraživači u aktivnom razvoju počeli su polako implementirati HTML5 karakteristike čak i prije objavljivanja ove verzije. Do danas, najnoviji pretraživači podržavaju sve funkcije HTML5. Potpunu podršku pružaju: Chrome, IE 11, Firefox, Edge, Opera. Relativno starije verzije nemaju podršku za novije standarde, kao što je IE 8 i niže. U verziji IE9 I 10 standardi su već implementirani, ali samo djelimično.

Često pretraživači mogu općenito raditi s novim standardom, ali drugačije rukovode funkcijama ili jednostavno isporučuju grešku. Stoga, kada razvijate cross-browser, morate uzeti u obzir sve karakteristike pretraživača. TO sadašnji trenutak standardna podrška od web pretraživača je već na dobrom nivou.

Da biste bili sigurni da trenutna verzija pretraživača podržava HTML5, možete napraviti mali test.

Šta vam je potrebno za rad?

Šta je korisno tokom razvoja pod HTML5? Ključni alat je uređivač teksta u koji će se upisivati ​​kod za buduću web stranicu. Jedan od najpopularnijih i najsvestranijih uređivača je Notepad++. Dostupan je na službenoj web stranici potpuno besplatno. Osim besplatne distribucije, ima i sve potrebne funkcije, ima puno korisnih dodataka, ističe otvaranje i zatvaranje oznaka.

Također dobar urednik uz većinsku podršku operativni sistemi je Visual Studio Code . Može da radi na MacOS, Windows i Linux. Prema mogućnostima, ovo softvera donekle superiorniji u odnosu na Notepad++.

Drugi važan alat je web pretraživač, koristan je za testiranje koda. Bilo koji pretraživač poznatog programera će biti dobar. Ako trebate kreirati aplikaciju za više platformi, morat ćete instalirati sve popularne web pretraživače na sistemu.

ili studiranje HTML lekcije samostalno i besplatno

Želite li kreirati svoju web stranicu na internetu? - Veoma dobro! HTML lekcije će vam pomoći u tome.

HyperText Markup Language ili skraćeno HTML- jezik za označavanje hiperteksta dokumenata, proizvod W3C konzorcijuma - leži u osnovi gotovo svih postojećih web stranica, što ga stavlja na prvo mjesto u hijerarhiji alata za kreiranje sajtova. Posebnu pažnju treba posvetiti proučavanju lekcija u ovom dijelu.

  • HTML lekcije Ovo su tutorijali o tome kako kreirati web stranice.
  • HTML lekcije- prvi korak ka savladavanju razvoja internet stranica.
  • HTML lekcije i lekcije web dizajna su potpuno različiti koncepti.

Novo, moderno HTML lekcije posebno dizajniran za početnike.

Sintaksa HTML prilično jednostavno i lako razumljivo, ali to ne znači da će proces učenja teći glatko i bez grešaka. Nema potrebe da ih se plašite – oni su neizbežni. Praveći greške, dobijate informacije o tome kako ne treba postupati u budućnosti, ove informacije su vrijedne određenog truda, vremena i stoga su posebno vrijedne. Tako se akumuliraju znanje i iskustvo.

Dok budete kreirali svoje prve stranice, uživat ćete u pomisli da otkrivate svijet koji prije niste poznavali, a možda niste ni znali za njegovo postojanje - svijet drugih mogućnosti - svijet Weba.

Budi pazljiv! Možete postati ovisni o novoj aktivnosti.

Nove HTML lekcije | Primjer HTML koda

Razmotrite njegove elemente:

Oznake koje definiraju početak i kraj dokumenta.

Servisna sekcija. Ovdje su naredbe za pretraživače, upute za robote za pretraživanje, veze do udaljenih datoteka, skripte.

Oznake koje definiraju glavni naslov dokumenta.

Ovaj dio sadrži cijeli vidljivi dio web stranice.

U pretraživaču ćemo vidjeti Hello World! :

Za studiranje HTML Notepad je potreban. U njemu ćemo ručno upisati kod. Možda je to sve... Bavi se tumačenjem koda softvera za pretraživanje weba, tj Internet Explorer, Firefox, Opera, Chrome i drugi pretraživači.

Na časovima ovaj kursće biti predstavljeno HTML 5, XHTML i CSS uključenja. Ova kombinacija je optimalna za učenje i omogućava vam da značajno ubrzate razvoj gradiva.

Trenutno je specifikacija već dostupna na službenoj web stranici W3C konzorcija HTML 5. Razvoj pete verzije započeo je 2007. godine, na kojoj se zasniva XML a zapravo je, dopunjena novim elementima i atributima, XHTML-jedi. Peta verzija HTML nudi više funkcionalnosti i pojednostavljuje proces kreiranja interaktivnih stranica i web aplikacija. osim toga, HTML 5 sadrži dodatne elemente koji omogućavaju postavljanje multimedijalnog sadržaja unutar web stranice.

Novo HTML još nije dobio status preporuke, a njegove oznake, u ovoj fazi, prepoznaju samo neki pretraživači. Ali uprkos tome, HTML 5 lekcije su danas dostupne.

Post Scriptum: Internet se sastoji od beskonačnog broja stranica povezanih hiperlinkovima preko "Hypertext Transfer Protocol" - HyperText Transfer Protocol ili skraćeno HTTP - protokola za prijenos podataka u obliku hipertekstualnih dokumenata. Šta je HTML? HTML - Jezik za označavanje hiperteksta ili dokumente na jeziku za označavanje hiperteksta.

Ovaj članak ne tvrdi da jeste sveobuhvatan vodič u markup jeziku HTML dokumenata. Opisuje osnove HTML-a - osnovni principi, koncepte i definicije ove tehnologije, savladavši koju, lako možete nastaviti sa učenjem HTML kodiranja.

cool

Zakači

Da biste proučili lekciju, preuzmite arhivu s potrebnim datotekama.

HTML je markup jezik dokumenata. Tačan izgovor - HTMEL.

Da li ste ikada radili u Word uređivaču dokumenata ili slično kancelarijske aplikacije? Vjerovatno to znate ovu vrstu editor ima bogate mogućnosti za uređivanje teksta, sređivanje elemenata, umetanje slika itd.

Zašto, pitate se, pisati u članku o HTML-u o programima za obradu teksta? Ali zašto. Ako shvatite šta je uredski urednik? Ovo je aplikacija za uređivanje i prikaz dokumenata.

Ovdje je ključna riječ dokument . Odnosno, kreiramo, uređujemo i pregledamo dokument u nekom programu, u ovaj slučaj- u uredu urednika. Ako takav dokument otvorimo u jednostavnom uređivaču teksta, kao što je Notepad, vidjet ćemo mnogo čudnih simbola i znakova. Ova zbrka simbola je neshvatljiva čovječanstvu, ali razumljiva kompjuterima. Zahvaljujući ovom unutrašnjem jeziku, word dokument poprima određenu strukturu i izgled u samom uređivaču, a dokument se pred nama pojavljuje u svom sjaju sa formatiranim tekstom i slikama na svom mjestu.

HTML je markup jezik za pretraživač. Riječ "ovdje je pretraživač, a dokument je HTML stranica. Ovo je sama osnova HTML tehnologije, čije je razumijevanje neophodno kako se jezik za označavanje web dokumenata ne bi pobrkao sa programskim jezicima. Ime govori za sebe koristeći HTML mi mark up, gdje će se element, slika ili tekst prikazati na stranici i kojim redoslijedom će se pojaviti jedan pored drugog.

Da, jednostavno kucanje i formatiranje teksta u uredskim aplikacijama nemaju nikakve veze s programiranjem. Ali pažljiv čitalac će primetiti važan detalj- u procesoru teksta kucamo, uređujemo i formatiramo tekst i slike pomoću vizuelnih dugmadi i menija, ali zašto se HTML kod piše ručno? Zašto proučavati toliko tehničkih detalja o pisanju oznaka za dokument?

U stvari, postoji mnogo uređivača pomoću kojih možete kreirati i uređivati ​​HTML stranice po analogiji sa Wordom. Odnosno, izvorni HTML kod je skriven za nas i mi se ne penjemo u njega.

Neka vrsta Worda za HTML. Takve vizuelni urednici su pozvani:

WYSIWYG urednici - Wšešir Y ou S ee I s Wšešir Y ou G et. Odnosno, ako se prevede na ruski: ono što vidimo to i dobijamo.

Ja ih zovem "woozies". Iako ovo nije fonetski ispravno, jasno ukazuje na uzaludnost ovog izuma. Početnici vrlo često koriste takve urednike za kreiranje svojih prvih stranica. Naravno, ovo je zgodno - ne morate se upuštati u proučavanje oznaka, stilova dizajna i drugih, na prvi pogled, neugodnih i složenih stvari. Sam uređivač će automatski konvertovati naše radnje u HTML kod.

Ali, kako kažu, ništa se jednostavno ne dešava. Tačnije, ovaj pristup ima veoma ozbiljne nedostatke. Šta sprečava sve redom da koriste vizuelne uređivače za dizajn HTML stranica? Činjenica je da ovako formirane stranice obično imaju mnogo viška koda, mnogo grešaka sa semantičke tačke gledišta. Sada, naravno, nema problema sa brzi internet veze i razlika u veličini stranice od 400 kb i 100 kb nije značajna za brzinu, međutim optimiziran i korektno napisan HTML kod otklanja mnoge probleme i pruža puno prednosti, a to su:

  • Kompetentan HTML kod ima pozitivan učinak na optimizacija za pretraživače, brzina indeksiranja stranice od strane robota za pretraživanje. Generisani kilobajti koda ovde nisu prihvatljivi, pa čak i štetni;
  • HTML kod koji generiše WYSIWYG editor ima mnogo semantičkih grešaka. Odnosno, oznake koje generiše takav uređivač koriste se u druge svrhe, gdje je potrebno koristiti npr. liste
      , uređivač će generirati još jednu oznaku koja nam nije potrebna. Zavisi, naravno, od uređivača, ali ovdje mislimo na složena rješenja za kreiranje sajtova, a ne na jednostavno uređivanje teksta u tekstualnom području pomoću WYSIWYG alata.
    • Generiše se mnogo nepotrebnih oznaka i struktura dokumenta je naduvana. Recimo da pomerate element u takvom programu, prvo udesno, zatim ulevo, pa u centar - svaka radnja ostavlja trag u izvornom HTML kodu. Urednik je program i on ne može znati šta tačno želite da dobijete kao rezultat, on generiše tone koda, uzimajući u obzir sve opcije ponašanje dokumenta u pretraživaču.
    • Po pravilu, uređivači za vizuelni dizajn HTML koda brzo zastarevaju. A zbog nezainteresovanosti profesionalaca uglavnom gube podršku i zaustavljaju se u razvoju. A HTML se razvija. Sve se razvija, osim vuzivugi. Shodno tome, ne mogu da generišu ispravan i ažuran kod, u koji bi bile uključene nove karakteristike i rešenja.
    • Podržavati i razvijati takve projekte je nebeska kazna. O korištenju uzoraka i ponovo koristiti koda govora uopšte ne može biti.

    Dakle, pisaćemo HTML samo olovkama. Adekvatni alati za vizuelno uređivanje HTML-a još uvek nisu izmišljeni i malo je verovatno da će se pojaviti. HTML jezik za označavanje lako je naučiti i razumjeti, a postoji mnogo alata za automatizaciju za pisanje HTML koda, ali više o tome u drugim lekcijama.

    Nakon što su se malo petljali sa WYSIWYG editorom, mladi HTML gurui ostavljaju ovaj uzaludan zadatak i nastavljaju dalje.

    Struktura HTML dokumenta

    Preporučujem da preuzmete i instalirate Sublime Text editor za nastavu. Izričito ne preporučujem korišćenje Notepad-a ugrađenog u Windows za HTML izgled ako ne želite da razbijete svoju psihu u ranim fazama učenja HTML-a.

    Odlučili smo da ručno pišemo kod HTML dokumenta, tj typeset. HTML izgled- proces kreiranje HTML-a dokument. U običnim ljudima i upućenim krugovima - samo raspored. Svaki dokument ima strukturu i određena pravila građenja. Od kojih elemenata se sastoji kod, kakva je struktura HTML-a?

    Kreirajmo početni šablon na računaru - fajl index.html, otvorite ga u uređivaču i zalijepite sljedeći kod u njega:

    header Tijelo dokumenta Imajte na umu da HTML dokumenti imaju ekstenziju .html.

    Dakle, redom prema primjeru.

    - vrsta dokumenta (doctype)

    Ova konstrukcija je uvek naznačena na početku dokumenta kako bi pretraživač ispravno "razumeo" koji HTML verzija koristi se prilikom izrade dokumenta.

    Zbog činjenice da se HTML stalno razvija, ima nekoliko verzija, kao i svaki softverski proizvod. Trenutna verzija HTML - peti i dat u primjeru doctype je ažuriran.

    U principu, nema smisla ulaziti u proučavanje tipova dokumenata, jer je izdavanjem HTML5 ovaj dizajn postao standard. Samo ga zalijepite na početak dokumenta svaki put kada počnete postavljati izgled stranice.

    - početak dokumenta

    Prva oznaka koju vidimo nakon doctype je .

    HTML oznaka- strukturna jedinica označavanja HTML dokumenta. HTML kod se sastoji od građevnih blokova koji se nazivaju tagovi. Svaka oznaka ima svoju funkciju, a proučavanje HTML jezika za označavanje, u konačnici, je upravo proučavanje oznaka i njihovih svojstava u dokumentu.

    Želio bih napomenuti da učenje HTML-a nije tako težak zadatak kao što se na prvi pogled čini. Učenje oznaka koje se koriste u označavanju dokumenata nije tako veliko opterećenje za mozak.

    Dakle, označavanje dokumenta počinje oznakom i završava sa završnom oznakom. Svaka oznaka koja sadrži druge oznake ili elemente mora biti zatvorena zatvaranje oznake. Na primjer, , ,

    , itd.

    Tag je obavezan jer sadrži cijelu strukturu dokumenta i omotava ostale elemente.

    Tag

    Dalje, vidimo tag , koji sadrži i druge elemente koji nam još nisu jasni. Sadrži druge elemente - to znači da se elementi ili oznake nalaze između otvaranja i zatvaranja oznake konstrukcije:

    <тег>sadržaj ili druge oznake

    Tag je dizajniran da pohrani meta-informacije HTML dokumenta, odnosno informacije koje se ne prikazuju u samom dokumentu, ali su važne i u velikoj mjeri određuju kako će dokument izgledati i ponašati se.
    Ova oznaka je obavezna u dokumentu.

    Tag - naziv dokumenta</h4> <title>header

    header je <b>obavezna oznaka</b> A koji sadrži tekstualne meta-informacije koje se prikazuju u naslovu pretraživača ili kartice. Tag <title>mora biti u oznaci <head>. Također, koristi se sadržaj ove oznake <a href="https://obanracer.ru/bs/pozdravleniya-s-dnem-rozhdeniya-den-rozhdeniya-poiskovoi-sistemy-google.html">tražilice</a> za prikaz dokumenta u rezultatima pretrage.</p> <h4>Meta tag <meta charset="UTF-8" ></h4> <meta charset="UTF-8" > <p><b>Meta tag</b>- specijalizovana oznaka dizajnirana da pruži strukturirane podatke o stranici. Meta tagovi se najčešće koriste u tagovima <head>. Meta tagovi su opcioni u strukturi <b>HTML</b> dokument.</p> <h4>Favicon (favicon)</h4> <link rel="icon" href="favicon.ico" > <p>Dokumentu prilaže datoteku sa slikom ikona ikona. <b>Favicon (favicon)</b>- minijaturna ikona prikazana pored naziva dokumenta na kartici pretraživača. Favicon je grafička datoteka veličine 16 x 16 (ili 32 x 32) piksela koja može biti u različitim formatima kao što su png, jpg, ico, gif. ico format se tradicionalno koristi. Animirani favikoni su gif datoteke koje sadrže animaciju. Možete gledati animirani favicon, na primjer, na VKontakteu kada stigne nova poruka.</p> <h4>CSS stilovi dokumenata</h4> <link rel="stylesheet" href="style.css"> <p>Prilaže HTML stilski fajl CSS dokumentu.</p> <p><b>css</b> - <i>kaskadno</i> stilizovanje HTML dokumenta. Svaki tag koji se nalazi u oznaci <body>, postoji skup svojstava, kao što su - boja, širina, visina, pozicija u odnosu na druge elemente. Sva ova svojstva su CSS stilovi koji se mogu uzeti u obzir <a href="https://obanracer.ru/bs/obnovlenie-faila-s-pomoshchyu-palitry-vneshnie-ssylki-sistema-avtomatizirovannogo-proektirovaniya-autoca.html">eksterni fajl</a>. Dizajn <link>povezuje eksterne datoteke sa HTML dokumentom, uključujući CSS stilove.</p> <p>Napomena: vlasništvo <b>href</b> dizajni <link >specificira lokaciju eksterne datoteke. U našem primjeru, fajl <i>style.css</i> I <i>favicon.ico</i>, nalaze se u istoj fascikli kao i datoteka <i>index.html</i>. <link>nema završnu oznaku.</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/bs/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/bs/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/bs/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/bs/forma-obratnoi-svyazi-contact-form-7-kak-v-forme-obratnoi-svyazi-wordpress-peredat-adres.html">обратная связь</a> пользователя и сайта. Например, формы используются, когда нужно отправить какое-то сообщение на сервер. Кроме того, формы могут выполнять и другие функции, но основная задача - отправка данных на сервер.<br> Пример - <a href="https://obanracer.ru/bs/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/bs/tekstovyi-redaktor-dzhumla-tekstovye-redaktory-v-joomla-podklyuchenie.html">текстовых редакторов</a> и прочую <a href="https://obanracer.ru/bs/otsledit-posylku-estoniya-pochta-v-estonii-poleznaya.html">полезную информацию</a> для начинающих разработчиков и дизайнеров.</li> </ul><h5><b>Интернет-ресурсы </b></h5><ul><li>htmlbook.ru - святыня для начинающих специалистов. <a href="https://obanracer.ru/bs/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/bs/nomer-mobilnogo-dlya-registracii-vkontakte-virtualnyi-nomer.html">англоязычный сервис</a>, где можно проверить свои знания на практике. Все интуитивно понятно, глубокие познания <a href="https://obanracer.ru/bs/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/bs/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/bs/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>Prethodni članak</span><a href="https://obanracer.ru/bs/kak-ustanovit-kriptopro-4-s-diska-obnovlenie-kriptopro-ustanovka-klyuchei-v.html">Kako instalirati cryptopro 4 sa diska</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>Sljedeći članak</span><a href="https://obanracer.ru/bs/oshibka-podklyucheniya-ssl-na-android-kak-ispravit-oshibka-ssl-v-opera-sposoby.html">SSL greška u Operi: kako je popraviti</a></div> <!-- /next_post --> </div> </div> <div class="td-author-name vcard author" style="display: none"><span class="fn"><a href="https://obanracer.ru/bs/author/iulia">Julia</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="#">POVEZANI ČLANCI</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/bs/plagin-kriptopro-ecp-browser-dlya-raboty-s-elektronnoi-podpisyu-v-brauzere-internet.html" rel="bookmark" title="Za rad sa elektronskim potpisom u pretraživaču Internet Explorer, trebat će vam dodatak CryptoPro CADESCOM"><img width="218" height="150" class="entry-thumb" src="/uploads/38ddfca22ae34897623e54131738d6b6.jpg" alt="Za rad sa elektronskim potpisom u pretraživaču Internet Explorer, trebat će vam dodatak CryptoPro CADESCOM" title="Za rad sa elektronskim potpisom u pretraživaču Internet Explorer, trebat će vam dodatak CryptoPro CADESCOM"/ loading=lazy loading=lazy></a></div> <a href="https://obanracer.ru/bs/category/the-winchesters/" class="td-post-category">Winchesters</a> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/bs/plagin-kriptopro-ecp-browser-dlya-raboty-s-elektronnoi-podpisyu-v-brauzere-internet.html" rel="bookmark" title="Za rad sa elektronskim potpisom u pretraživaču Internet Explorer, trebat će vam dodatak CryptoPro CADESCOM">Za rad sa elektronskim potpisom u pretraživaču Internet Explorer, trebat će vam dodatak CryptoPro CADESCOM</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/bs/kak-skopirovat-klyuchi-s-diskety-ili-fleshki-v-reestr-kopirovanie-s-pomoshchyu.html" rel="bookmark" title="Kopiranje sa CryptoPro CSP Kako dodati kontejner ključeva u cryptopro"><img width="218" height="150" class="entry-thumb" src="/uploads/4e8c241f58a377b485e1c4d42b176664.jpg" alt="Kopiranje sa CryptoPro CSP Kako dodati kontejner ključeva u cryptopro" title="Kopiranje sa CryptoPro CSP Kako dodati kontejner ključeva u cryptopro"/ loading=lazy loading=lazy></a></div> <a href="https://obanracer.ru/bs/category/the-winchesters/" class="td-post-category">Winchesters</a> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/bs/kak-skopirovat-klyuchi-s-diskety-ili-fleshki-v-reestr-kopirovanie-s-pomoshchyu.html" rel="bookmark" title="Kopiranje sa CryptoPro CSP Kako dodati kontejner ključeva u cryptopro">Kopiranje sa CryptoPro CSP Kako dodati kontejner ključeva u cryptopro</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/bs/proizoshla-oshibka-ssl-bezopasnoe-podklyuchenie-k-serveru-ispravlenie-oshibki.html" rel="bookmark" title="Popravi grešku ssl veze"><img width="218" height="150" class="entry-thumb" src="/uploads/8650aa2db2269130814844e957415faf.jpg" alt="Popravi grešku ssl veze" title="Popravi grešku ssl veze"/ loading=lazy loading=lazy></a></div> <a href="https://obanracer.ru/bs/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/bs/proizoshla-oshibka-ssl-bezopasnoe-podklyuchenie-k-serveru-ispravlenie-oshibki.html" rel="bookmark" title="Popravi grešku ssl veze">Popravi grešku ssl veze</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/bs/alfa-direkt-torgovaya-platforma-ot-gruppy-alfa-lichnyi-kabinet.html" rel="bookmark" title="Alfa-Direct lični račun Korišćenje Direct terminala za kupovinu deviza"><img width="218" height="150" class="entry-thumb" src="/uploads/b4f461b2e552784793497bea211b7f58.jpg" alt="Alfa-Direct lični račun Korišćenje Direct terminala za kupovinu deviza" title="Alfa-Direct lični račun Korišćenje Direct terminala za kupovinu deviza"/ loading=lazy loading=lazy></a></div> <a href="https://obanracer.ru/bs/category/ram/" class="td-post-category">RAM</a> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/bs/alfa-direkt-torgovaya-platforma-ot-gruppy-alfa-lichnyi-kabinet.html" rel="bookmark" title="Alfa-Direct lični račun Korišćenje Direct terminala za kupovinu deviza">Alfa-Direct lični račun Korišćenje Direct terminala za kupovinu deviza</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/bs/arhivnoe-hranenie-elektronnyh-dokumentov-problemy-i-resheniya.html" rel="bookmark" title="Uređaji za skladištenje Zahtjevi za skladištenje medija"><img width="218" height="150" class="entry-thumb" src="/uploads/a55aa39f11d45b25434399ad3a63b401.jpg" alt="Uređaji za skladištenje Zahtjevi za skladištenje medija" title="Uređaji za skladištenje Zahtjevi za skladištenje medija"/ loading=lazy loading=lazy></a></div> <a href="https://obanracer.ru/bs/category/security/" class="td-post-category">Sigurnost</a> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/bs/arhivnoe-hranenie-elektronnyh-dokumentov-problemy-i-resheniya.html" rel="bookmark" title="Uređaji za skladištenje Zahtjevi za skladištenje medija">Uređaji za skladištenje Zahtjevi za skladištenje medija</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/bs/obzor-zakonodatelstva-rossiiskoi-federacii-kriptografiya-skzi--.html" rel="bookmark" title="Pregled zakonodavstva Ruske Federacije: Kriptografija"><img width="218" height="150" class="entry-thumb" src="/uploads/2db92428449a03c9e001b3262a282b68.jpg" alt="Pregled zakonodavstva Ruske Federacije: Kriptografija" title="Pregled zakonodavstva Ruske Federacije: Kriptografija"/ loading=lazy loading=lazy></a></div> <a href="https://obanracer.ru/bs/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/bs/obzor-zakonodatelstva-rossiiskoi-federacii-kriptografiya-skzi--.html" rel="bookmark" title="Pregled zakonodavstva Ruske Federacije: Kriptografija">Pregled zakonodavstva Ruske Federacije: Kriptografija</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/bs/ekstern-kak-vvesti-seriinyi-nomer-kriptopro-kontur-ekstern-gde-vzyat.html" rel="bookmark" title="Kako unijeti CryptoPro serijski broj - Kontur"><img width="218" height="150" class="entry-thumb" src="/uploads/40d48251a5024abbed0e4b73db793fdeub-218x150.png" alt="Kako unijeti CryptoPro serijski broj - Kontur" title="Kako unijeti CryptoPro serijski broj - Kontur"/ loading=lazy loading=lazy></a></div> <a href="https://obanracer.ru/bs/category/internet/" class="td-post-category">Internet</a> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/bs/ekstern-kak-vvesti-seriinyi-nomer-kriptopro-kontur-ekstern-gde-vzyat.html" rel="bookmark" title="Kako unijeti CryptoPro serijski broj - Kontur">Kako unijeti CryptoPro serijski broj - Kontur</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/bs/naznachenie-kriptopro-csp-naznachenie-kriptopro-csp-gde-skachat.html" rel="bookmark" title="Svrha CryptoPro CSP-a Gdje preuzeti CryptoPro 3"><img width="218" height="150" class="entry-thumb" src="/uploads/0d00316b27f67752e2a618887bd9aca5.jpg" alt="Svrha CryptoPro CSP-a Gdje preuzeti CryptoPro 3" title="Svrha CryptoPro CSP-a Gdje preuzeti CryptoPro 3"/ loading=lazy loading=lazy></a></div> <a href="https://obanracer.ru/bs/category/multimedia/" class="td-post-category">Multimedija</a> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/bs/naznachenie-kriptopro-csp-naznachenie-kriptopro-csp-gde-skachat.html" rel="bookmark" title="Svrha CryptoPro CSP-a Gdje preuzeti CryptoPro 3">Svrha CryptoPro CSP-a Gdje preuzeti CryptoPro 3</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/bs/kopirovanie-s-pomoshchyu-kriptopro-csp-kak-skopirovat-elektronnuyu-podpis-iz.html" rel="bookmark" title="Kako kopirati elektronski potpis iz registra na medij?"><img width="218" height="150" class="entry-thumb" src="/uploads/854fab2262d704be53cc68461da6fc74.jpg" alt="Kako kopirati elektronski potpis iz registra na medij?" title="Kako kopirati elektronski potpis iz registra na medij?"/ loading=lazy loading=lazy></a></div> <a href="https://obanracer.ru/bs/category/graphics-card/" class="td-post-category">Video kartice</a> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/bs/kopirovanie-s-pomoshchyu-kriptopro-csp-kak-skopirovat-elektronnuyu-podpis-iz.html" rel="bookmark" title="Kako kopirati elektronski potpis iz registra na medij?">Kako kopirati elektronski potpis iz registra na medij?</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">Preporučeno</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/bs/jakarta-sessiya-s-ustroistvom-ne-otkryta-rabota-nad-oshibkami-ili-kakie-u.html" rel="bookmark" title="Rad na greškama, ili kakve su recenzije Džakarte"><img width="324" height="235" class="entry-thumb" src="/uploads/a3f2a04b03714eeb49d4062064ce9d4b.jpg" alt="Rad na greškama, ili kakve su recenzije Džakarte" title="Rad na greškama, ili kakve su recenzije Džakarte"/ loading=lazy loading=lazy></a></div> <a href="https://obanracer.ru/bs/category/windows-7/" class="td-post-category">Windows 7</a> </div> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/bs/jakarta-sessiya-s-ustroistvom-ne-otkryta-rabota-nad-oshibkami-ili-kakie-u.html" rel="bookmark" title="Rad na greškama, ili kakve su recenzije Džakarte">Rad na greškama, ili kakve su recenzije Džakarte</a></h3> <div class="td-module-meta-info"> </div> <div class="td-excerpt">Dobar dan!. Zadnja dva dana sam imao zanimljiv zadatak da nađem rješenje za takvu situaciju, na njemu je fizički ili virtuelni server...</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/bs/etoken-zablokirovan-parol-administratora-ne-zadan-pin-kod-dlya-tokenov-parol.html" rel="bookmark" title="PIN kod za tokene: lozinka sa posebnim pravilima"><img width="100" height="70" class="entry-thumb" src="/uploads/d5490fb0f38fea13290bf935382147c4.jpg" alt="PIN kod za tokene: lozinka sa posebnim pravilima" title="PIN kod za tokene: lozinka sa posebnim pravilima"/ loading=lazy loading=lazy></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/bs/etoken-zablokirovan-parol-administratora-ne-zadan-pin-kod-dlya-tokenov-parol.html" rel="bookmark" title="PIN kod za tokene: lozinka sa posebnim pravilima">PIN kod za tokene: lozinka sa posebnim pravilima</a></h3> <div class="td-module-meta-info"> <a href="https://obanracer.ru/bs/category/windows-7/" class="td-post-category">Windows 7</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/bs/kak-legko-sozdat-svoyu-temu-dlya-google-chrome-interesnye-fakty-i.html" rel="bookmark" title="Zanimljive činjenice i korisni savjeti Kako kreirati temu za Google Chrome"><img width="100" height="70" class="entry-thumb" src="/uploads/110c6d8c718a936d53edbb5253c3c57b.jpg" alt="Zanimljive činjenice i korisni savjeti Kako kreirati temu za Google Chrome" title="Zanimljive činjenice i korisni savjeti Kako kreirati temu za Google Chrome"/ loading=lazy loading=lazy></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/bs/kak-legko-sozdat-svoyu-temu-dlya-google-chrome-interesnye-fakty-i.html" rel="bookmark" title="Zanimljive činjenice i korisni savjeti Kako kreirati temu za Google Chrome">Zanimljive činjenice i korisni savjeti Kako kreirati temu za Google Chrome</a></h3> <div class="td-module-meta-info"> <a href="https://obanracer.ru/bs/category/motherboard/" class="td-post-category">matične ploče</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/bs/izmenenie-masshtaba-stranicy-v-firefox-kak-izmenit-masshtab-v-mozile-kak.html" rel="bookmark" title="kako zumirati mozilla kako zumirati mozilla"><img width="100" height="70" class="entry-thumb" src="/uploads/9aa22937441e531fe35f410ccd0381d5.jpg" alt="kako zumirati mozilla kako zumirati mozilla" title="kako zumirati mozilla kako zumirati mozilla"/ loading=lazy loading=lazy></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/bs/izmenenie-masshtaba-stranicy-v-firefox-kak-izmenit-masshtab-v-mozile-kak.html" rel="bookmark" title="kako zumirati mozilla kako zumirati mozilla">kako zumirati mozilla kako zumirati mozilla</a></h3> <div class="td-module-meta-info"> <a href="https://obanracer.ru/bs/category/power-supply/" class="td-post-category">Napajanja</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/bs/anvide-seal-folder-skryvaem-papki-folder-lock-prilozhenie-dlya-zashchity-dannyh.html" rel="bookmark" title="Folder Lock - aplikacija za zaštitu podataka Kako program radi"><img width="100" height="70" class="entry-thumb" src="/uploads/9aef725904cc01a2f12071dd1adc06c4.jpg" alt="Folder Lock - aplikacija za zaštitu podataka Kako program radi" title="Folder Lock - aplikacija za zaštitu podataka Kako program radi"/ loading=lazy loading=lazy></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/bs/anvide-seal-folder-skryvaem-papki-folder-lock-prilozhenie-dlya-zashchity-dannyh.html" rel="bookmark" title="Folder Lock - aplikacija za zaštitu podataka Kako program radi">Folder Lock - aplikacija za zaštitu podataka Kako program radi</a></h3> <div class="td-module-meta-info"> <a href="https://obanracer.ru/bs/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/bs/kakaya-programma-pomozhet-otkryt-igry-ili-obraz-diska-v-formate-iso-iso---chem.html" rel="bookmark" title="Koji program će vam pomoći da otvorite igre ili ISO sliku diska"><img width="100" height="70" class="entry-thumb" src="/uploads/03395cfd48027ecb9dadfc994ca5bc8f.jpg" alt="Koji program će vam pomoći da otvorite igre ili ISO sliku diska" title="Koji program će vam pomoći da otvorite igre ili ISO sliku diska"/ loading=lazy loading=lazy></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/bs/kakaya-programma-pomozhet-otkryt-igry-ili-obraz-diska-v-formate-iso-iso---chem.html" rel="bookmark" title="Koji program će vam pomoći da otvorite igre ili ISO sliku diska">Koji program će vam pomoći da otvorite igre ili ISO sliku diska</a></h3> <div class="td-module-meta-info"> <a href="https://obanracer.ru/bs/category/case/" class="td-post-category">korpus</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/bs/marine-trafik-t-h-shilka-dvizhenie-sudov-on-lain-v-realnom-vremeni-ais.html" rel="bookmark" title="Promet plovila on-line u realnom vremenu (AIS)"><img width="100" height="70" class="entry-thumb" src="/uploads/db851815b87363b092591c5f75082e39.jpg" alt="Promet plovila on-line u realnom vremenu (AIS)" title="Promet plovila on-line u realnom vremenu (AIS)"/ loading=lazy loading=lazy></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/bs/marine-trafik-t-h-shilka-dvizhenie-sudov-on-lain-v-realnom-vremeni-ais.html" rel="bookmark" title="Promet plovila on-line u realnom vremenu (AIS)">Promet plovila on-line u realnom vremenu (AIS)</a></h3> <div class="td-module-meta-info"> <a href="https://obanracer.ru/bs/category/power-supply/" class="td-post-category">Napajanja</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/bs/cvet-papok-v-windows-7-folder-colorizer-izmenenie-cveta-papok-izmenenie-cveta-papki.html" rel="bookmark" title="Folder Colorizer Promjena boje foldera"><img width="218" height="150" class="entry-thumb" src="/uploads/12f28981b0f30c6cb60830226ca66da0.jpg" alt="Folder Colorizer Promjena boje foldera" title="Folder Colorizer Promjena boje foldera"/ 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/bs/cvet-papok-v-windows-7-folder-colorizer-izmenenie-cveta-papok-izmenenie-cveta-papki.html" rel="bookmark" title="Folder Colorizer Promjena boje foldera">Folder Colorizer Promjena boje foldera</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/bs/predvaritelnyi-prosmotr-failov-v-windows-10-kak-vklyuchit-otobrazhenie.html" rel="bookmark" title="Kako omogućiti prikaz sličica slika u File Exploreru pomoću komandne linije"><img width="218" height="150" class="entry-thumb" src="/uploads/7840c183b893b2bd9ea6070ca1b3ca35.jpg" alt="Kako omogućiti prikaz sličica slika u File Exploreru pomoću komandne linije" title="Kako omogućiti prikaz sličica slika u File Exploreru pomoću komandne linije"/ 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/bs/predvaritelnyi-prosmotr-failov-v-windows-10-kak-vklyuchit-otobrazhenie.html" rel="bookmark" title="Kako omogućiti prikaz sličica slika u File Exploreru pomoću komandne linije">Kako omogućiti prikaz sličica slika u File Exploreru pomoću komandne linije</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/bs/0-v-chem-raznica-mezhdu-usb2-0-i-usb3-0-dvoinoi-usb-3-0.html" rel="bookmark" title="Koja je razlika između USB2"><img width="218" height="150" class="entry-thumb" src="/uploads/f10b45f943b4c91bf388918c7f4d42f2.jpg" alt="Koja je razlika između USB2" title="Koja je razlika između USB2"/ 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/bs/0-v-chem-raznica-mezhdu-usb2-0-i-usb3-0-dvoinoi-usb-3-0.html" rel="bookmark" title="Koja je razlika između USB2">Koja je razlika između USB2</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/bs/pochemu-dolgo-otkryvayutsya-papki-v-provodnike-windows-neobyasnimo.html" rel="bookmark" title="Neobjašnjivo sporo učitavanje foldera u Windowsu"><img width="218" height="150" class="entry-thumb" src="/uploads/7cac72a6c5bc5a96eac7fae9d3b7ac37.jpg" alt="Neobjašnjivo sporo učitavanje foldera u Windowsu" title="Neobjašnjivo sporo učitavanje foldera u Windowsu"/ 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/bs/pochemu-dolgo-otkryvayutsya-papki-v-provodnike-windows-neobyasnimo.html" rel="bookmark" title="Neobjašnjivo sporo učitavanje foldera u Windowsu">Neobjašnjivo sporo učitavanje foldera u Windowsu</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/bs/chto-takoe-kommentarii-v-kode-html-i-kak-ih-stavit-kommentarii-v-html-css-php-kakimi.html" rel="bookmark" title="Komentari u HTML-u, CSS-u, PHP-u Na koje načine se komentari mogu dodati u html"><img width="218" height="150" class="entry-thumb" src="/uploads/4d689d19dc207a92450197cbb1890804.jpg" alt="Komentari u HTML-u, CSS-u, PHP-u Na koje načine se komentari mogu dodati u html" title="Komentari u HTML-u, CSS-u, PHP-u Na koje načine se komentari mogu dodati u html"/ 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/bs/chto-takoe-kommentarii-v-kode-html-i-kak-ih-stavit-kommentarii-v-html-css-php-kakimi.html" rel="bookmark" title="Komentari u HTML-u, CSS-u, PHP-u Na koje načine se komentari mogu dodati u html">Komentari u HTML-u, CSS-u, PHP-u Na koje načine se komentari mogu dodati u html</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/bs/ubrat-prilozheniya-iz-menyu-pusk-windows-10-zapret-obnovleniya-plitok.html" rel="bookmark" title="Uklonite aplikacije iz Start menija Windows 10"><img width="218" height="150" class="entry-thumb" src="/uploads/6237a5f0338f9e5b040c97cae2d29260.jpg" alt="Uklonite aplikacije iz Start menija Windows 10" title="Uklonite aplikacije iz Start menija Windows 10"/ 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/bs/ubrat-prilozheniya-iz-menyu-pusk-windows-10-zapret-obnovleniya-plitok.html" rel="bookmark" title="Uklonite aplikacije iz Start menija Windows 10">Uklonite aplikacije iz Start menija Windows 10</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/bs/chem-otkryt-fail-docx-windows-10-kak-otkryt-faily-doc-i-docx-besplatnyi-on.html" rel="bookmark" title="Kako otvoriti docx datoteku windows 10"><img width="218" height="150" class="entry-thumb" src="/uploads/19741e5fa90483d8c86838ed57ef366c.jpg" alt="Kako otvoriti docx datoteku windows 10" title="Kako otvoriti docx datoteku windows 10"/ 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/bs/chem-otkryt-fail-docx-windows-10-kak-otkryt-faily-doc-i-docx-besplatnyi-on.html" rel="bookmark" title="Kako otvoriti docx datoteku windows 10">Kako otvoriti docx datoteku windows 10</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/bs/kak-nastroit-sinhronizaciyu-dropboks-kak-sinhronizirovat-faily.html" rel="bookmark" title="Kako sinhronizovati fajlove između računara?"><img width="218" height="150" class="entry-thumb" src="/uploads/a86571d6b24ca2b01c44292f7075a3fd.jpg" alt="Kako sinhronizovati fajlove između računara?" title="Kako sinhronizovati fajlove između računara?"/ 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/bs/kak-nastroit-sinhronizaciyu-dropboks-kak-sinhronizirovat-faily.html" rel="bookmark" title="Kako sinhronizovati fajlove između računara?">Kako sinhronizovati fajlove između računara?</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/bs/kaspersky-cleaner-pochemu-udalili-ot-skachivaniya-besplatnaya-ochistka.html" rel="bookmark" title="Besplatno čišćenje računara sa Kaspersky Cleaner-om"><img width="218" height="150" class="entry-thumb" src="/uploads/b48fbf4b6804e8f7589af8fa2b23ff31.jpg" alt="Besplatno čišćenje računara sa Kaspersky Cleaner-om" title="Besplatno čišćenje računara sa Kaspersky Cleaner-om"/ 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/bs/kaspersky-cleaner-pochemu-udalili-ot-skachivaniya-besplatnaya-ochistka.html" rel="bookmark" title="Besplatno čišćenje računara sa Kaspersky Cleaner-om">Besplatno čišćenje računara sa Kaspersky Cleaner-om</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/bs/otklyuchenie-kortana-v-windows-10-kak-otklyuchit-udalit-alisa-iz-yandeks-brauzer-kak.html" rel="bookmark" title="Kako onemogućiti (izbrisati) Alice iz Yandex pretraživača"><img width="218" height="150" class="entry-thumb" src="/uploads/9fabf35d9011268118f4e2b9e4f73a77.jpg" alt="Kako onemogućiti (izbrisati) Alice iz Yandex pretraživača" title="Kako onemogućiti (izbrisati) Alice iz Yandex pretraživač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/bs/otklyuchenie-kortana-v-windows-10-kak-otklyuchit-udalit-alisa-iz-yandeks-brauzer-kak.html" rel="bookmark" title="Kako onemogućiti (izbrisati) Alice iz Yandex pretraživača">Kako onemogućiti (izbrisati) Alice iz Yandex pretraživača</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/bs/top-programm-dlya-testirovaniya-i-nastroiki-monitora.html" rel="bookmark" title="Samoprovjera mrtvih piksela na LCD televizoru Program za pronalaženje mrtvih piksela na monitoru"><img width="218" height="150" class="entry-thumb" src="/uploads/3b32f42e306e21b6547119fe2acde5fc.jpg" alt="Samoprovjera mrtvih piksela na LCD televizoru Program za pronalaženje mrtvih piksela na monitoru" title="Samoprovjera mrtvih piksela na LCD televizoru Program za pronalaženje mrtvih piksela na monitoru"/ 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/bs/top-programm-dlya-testirovaniya-i-nastroiki-monitora.html" rel="bookmark" title="Samoprovjera mrtvih piksela na LCD televizoru Program za pronalaženje mrtvih piksela na monitoru">Samoprovjera mrtvih piksela na LCD televizoru Program za pronalaženje mrtvih piksela na monitoru</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/bs/word-ne-vidit-printer-windows-10-osnovnye-prichiny-polomki-printera.html" rel="bookmark" title="Glavni uzroci kvara štampača"><img width="218" height="150" class="entry-thumb" src="/uploads/46893a52813982ce6eb021e9f6248bb4.jpg" alt="Glavni uzroci kvara štampača" title="Glavni uzroci kvara štampač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/bs/word-ne-vidit-printer-windows-10-osnovnye-prichiny-polomki-printera.html" rel="bookmark" title="Glavni uzroci kvara štampača">Glavni uzroci kvara štampača</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/bs/na-vashem-pk-voznikla-problema-postoyanno-na-vashem-pk-voznikla.html" rel="bookmark" title="Postoji problem na vašem računaru"><img width="218" height="150" class="entry-thumb" src="/uploads/084e6f81bf7988939865de744be14d80.jpg" alt="Postoji problem na vašem računaru" title="Postoji problem na vašem računaru"/ 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/bs/na-vashem-pk-voznikla-problema-postoyanno-na-vashem-pk-voznikla.html" rel="bookmark" title="Postoji problem na vašem računaru">Postoji problem na vašem računaru</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/bs/chto-delat-esli-unizhayut-odnoklassniki-chto-delat-esli-vlyubilas-v-odnoklassnika.html" rel="bookmark" title="Šta učiniti ako se zaljubiš u drugaricu iz razreda"><img width="218" height="150" class="entry-thumb" src="/uploads/130334193ebd09a6a13ffb9f76da8c7d.jpg" alt="Šta učiniti ako se zaljubiš u drugaricu iz razreda" title="Šta učiniti ako se zaljubiš u drugaricu iz razreda"/ 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/bs/chto-delat-esli-unizhayut-odnoklassniki-chto-delat-esli-vlyubilas-v-odnoklassnika.html" rel="bookmark" title="Šta učiniti ako se zaljubiš u drugaricu iz razreda">Šta učiniti ako se zaljubiš u drugaricu iz razreda</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/bs/vosstanovlenie-zagruzochnogo-sektora-windows-kak-vosstanovit.html" rel="bookmark" title="Kako vratiti sektor za pokretanje i zapis za pokretanje sistema"><img width="218" height="150" class="entry-thumb" src="/uploads/1c7a94ec1f2158004a0e0eaadcae6d32.jpg" alt="Kako vratiti sektor za pokretanje i zapis za pokretanje sistema" title="Kako vratiti sektor za pokretanje i zapis za pokretanje sistema"/ 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/bs/vosstanovlenie-zagruzochnogo-sektora-windows-kak-vosstanovit.html" rel="bookmark" title="Kako vratiti sektor za pokretanje i zapis za pokretanje sistema">Kako vratiti sektor za pokretanje i zapis za pokretanje sistema</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/bs/na-vashem-pk-voznikla-na-vashem-pk-voznikla-problema-i-ego-neobhodimo.html" rel="bookmark" title="Vaš računar je naišao na problem i mora se ponovo pokrenuti - kako to riješiti"><img width="218" height="150" class="entry-thumb" src="/uploads/2b1e00fb8353c318518c9b9001db5fd1.jpg" alt="Vaš računar je naišao na problem i mora se ponovo pokrenuti - kako to riješiti" title="Vaš računar je naišao na problem i mora se ponovo pokrenuti - kako to riješiti"/ 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/bs/na-vashem-pk-voznikla-na-vashem-pk-voznikla-problema-i-ego-neobhodimo.html" rel="bookmark" title="Vaš računar je naišao na problem i mora se ponovo pokrenuti - kako to riješiti">Vaš računar je naišao na problem i mora se ponovo pokrenuti - kako to riješiti</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/bs/ne-ustanavlivayutsya-obnovleniya-na-kompyutere-chto-delat-esli.html" rel="bookmark" title="Šta učiniti ako ne možete dovršiti ažuriranje za Windows"><img width="218" height="150" class="entry-thumb" src="/uploads/a84ad2dda08e0506e36fc659238a1bbe.jpg" alt="Šta učiniti ako ne možete dovršiti ažuriranje za Windows" title="Šta učiniti ako ne možete dovršiti ažuriranje za 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/bs/ne-ustanavlivayutsya-obnovleniya-na-kompyutere-chto-delat-esli.html" rel="bookmark" title="Šta učiniti ako ne možete dovršiti ažuriranje za Windows">Šta učiniti ako ne možete dovršiti ažuriranje za Windows</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/bs/zagruzochnyi-sektor-sistemnogo-razdela-diska-povrezhden-vosstanovlenie.html" rel="bookmark" title="Oporavak sektora za pokretanje - rješenje za probleme vašeg računala"><img width="218" height="150" class="entry-thumb" src="/uploads/aae36e863cb3e8d0827ea34d16e79a49.jpg" alt="Oporavak sektora za pokretanje - rješenje za probleme vašeg računala" title="Oporavak sektora za pokretanje - rješenje za probleme vašeg računala"/ 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/bs/zagruzochnyi-sektor-sistemnogo-razdela-diska-povrezhden-vosstanovlenie.html" rel="bookmark" title="Oporavak sektora za pokretanje - rješenje za probleme vašeg računala">Oporavak sektora za pokretanje - rješenje za probleme vašeg računala</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 2022 - Popravka računara i laptopa. Video kartice, hard diskovi, internet, 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>