Začetna predloga HTML je osnovna struktura ali okvir za izdelavo spletnega mesta z uporabo HTML (Hypertext Markup Language). Zagotavlja izhodišče za programerje, da hitro zgradijo spletno stran, ne da bi morali napisati vso kodo HTML od začetka. Razvijalcem lahko pomagajo hitro začeti in se nato osredotočiti na gradnjo posebnih funkcij in funkcionalnosti njihovega spletnega mesta ali aplikacije. Ta vodnik prikazuje, kaj je začetna predloga HTML.
Kaj je začetna predloga HTML?
Začetna predloga HTML vsebuje deklaracijo , oznake ,
in ter osnovni nabor slogov CSS in skriptov JavaScript. Te oznake so podlaga za ustvarjanje spletne strani, ki razvijalcem prihrani veliko časa in truda.VIDEO
Začetna predloga HTML je videti takole:
< html samo = 'v' > < glavo < meta nabor znakov = 'UTF-8' > < meta ime = 'viewport' vsebino = 'width=device-width, initial-scale=1' > < naslov Linux < / naslov < povezava rel = 'stylesheet' href = './style.css' > < meta http-ekviv = 'Združljivo z X-UA' vsebino = 'ie=rob' > < / glavo < telo < h1 Začetna predloga HTML < / h1 < / glavno> < scenarij src = 'index.js' >< / scenarij < / telo < / html
Sledite spodnji predstavitvi, da pridobite informacije o oznakah/elementih, ki so na voljo v začetni predlogi HTML:
Oznaka
' ” vsebuje podatke o vrsti datoteke in pove brskalniku, kako naj jo upodablja. Ta oznaka zelo pomaga pri optimizaciji iskalnikov, saj zagotavlja informacije o tem, katera različica HTML je uporabljena za izdelavo spletne strani. Če ta oznaka manjka v datoteki HTML, se lahko spletni brskalnik obnaša nepričakovano ali prikaže nepravilne elemente.
Oznaka
' ” je obvezen element in deluje kot vsebnik za vse elemente HTML. To je korenski element, kar pomeni, da morajo biti vsi drugi elementi nameščeni noter, da pravilno delujejo. To oznako je mogoče uporabiti za definiranje strukture in vsebine spletne strani ter pomoč pri določanju metapodatkov o dokumentu. Z uporabo svojega ' samo ” lahko nastavite jezik strani HTML:
< html samo = 'v' > // Koda / html V zgornjem delčku kode je jezik strani HTML nastavljen na ' angleščina ”.
Oznaka “”.
Informacije o spletni strani so vstavljene v » ” in ni viden na spletni strani, ti podatki pa se uporabljajo za namene SEO. Običajno vključuje metapodatke, kot so naslov strani, opis in ključne besede, pa tudi povezave do zunanjih slogovnih listov, skriptov in drugih virov:
< glavo // vstavi Koda tukaj / glavo Oznake
Oznaka
< meta / > Oznaka </strong> </h2>
<p> ' <strong> <naslov></strong> ” se uporablja za prikaz spletne strani ali imena spletnega mesta v naslovni vrstici brskalnika. Ta oznaka je lahko koristna pri upravljanju spletnih strani spletnega mesta. Pomaga pri procesu SEO in izboljša dostopnost z vključitvijo opisnih in pomenljivih naslovov. Uporabnikom z nekaterimi invalidnostmi pomaga pri lažji navigaciji po spletnem mestu:</p> < <a href="http://december.com/html/4/element/title.html"><span class="kw2"> naslov</span></a> > Linuxhint <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/title.html"><span class="kw2"> naslov</span></a> ><p> Po izvedbi zgornje vrstice kode znotraj » <strong> <glava></strong> ” se spletna stran prikaže takole:</p>
<p> <img class="wp-image-321551" src="https://softoban.com/img/other/71/what-is-html-starter-template-1.png"></p>
<p> Zgornji izhod prikazuje, da so navidezni podatki, navedeni znotraj » <strong> <naslov></strong> ” je zdaj v naslovni vrstici.</p>
<h2> <strong> Oznaka <link></strong> </h2>
<p> Ta oznaka se uporablja za povezovanje datotek HTML z drugimi datotekami za podedovanje ali uporabo sloga ali metod v datoteki HTML. Druge datoteke so lahko datoteke CSS, ki jih je ustvaril razvijalec, ali nekateri CDN-ji ogrodij CSS, kot sta Bootstrap ali Tailwind itd. Pogosto se uporablja, ker se z njeno uporabo vrstica kode zelo zmanjša in zagotavlja sloge pred gradnjo, ki jih je mogoče uporabiti v datoteka HTML:</p> < <a href="http://december.com/html/4/element/link.html"><span class="kw2"> povezava</span></a> <span class="kw3"> rel</span><span class="sy0"> =</span><span class="st0"> 'stylesheet'</span> <span class="kw3"> href</span><span class="sy0"> =</span><span class="st0"> './style.css'</span> ><p> V zgornji vrstici kode je » <strong> style.css</strong> ” se povezuje z datoteko HTML. Zdaj lahko dostopate do razredov, ki so zgrajeni znotraj datoteke »style.css«, da uporabite slog v datoteki HTML. Poskusite na primer oblikovati » <strong> <h1></strong> ”, ki je že vstavljena v datoteko HTML z uporabo naslednjih lastnosti CSS:</p> h1<span class="br0"> {</span> <br>
<br> družina pisav: Times New Roman; <br>
<br>
<span class="kw3"> barva</span> : temno cijan; <br>
<br>
<span class="br0"> }</span>
<p> Vstavite zgornjo kodo v » <strong> style.css</strong> ' mapa. Po upodabljanju je spletna stran videti takole:</p>
<p> <img class="wp-image-321552" src="https://softoban.com/img/other/71/what-is-html-starter-template-2.png"></p><br /><div class="embeded-video"><iframe src="https://www.youtube.com/embed/DHGhFJZLKMs?modestbranding=1" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div> <br />
<p> Spletna stran prikazuje, da so slogi uporabljeni na elementu HTML iz zunanje datoteke CSS z uporabo ' <strong> <povezava></strong> ' oznaka.</p>
<h2> <strong> Oznaka “ <body>”.</strong> </h2>
<p> Primarna uporaba oznake <body> je, da vsebuje vso vidno vsebino spletne strani. To vključuje več oznak, ki pomagajo pri vstavljanju besedila, slik, videoposnetkov in drugih elementov na spletno stran, ki sestavljajo glavno vsebino spletne strani. Lahko se uporabi tudi za takojšnjo uporabo lastnosti CSS na spletni strani. Izboljša tudi dostopnost spletne strani z vključitvijo semantičnih oznak in drugih funkcij dostopnosti:</p> < <a href="http://december.com/html/4/element/body.html"><span class="kw2"> telo</span></a> > <br>
<br>
<span class="sy0"> //</span> Tukaj dodajte elemente HTML <br>
<br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/body.html"><span class="kw2"> telo</span></a> ><h2> <strong> Oznaka “<script>”.</strong> </h2>
<p> Za dostop do funkcije JavaScript v datoteki HTML uporabite » <strong> <script</strong> > je uporabljena oznaka. Razvijalec lahko vstavi kodo JavaScript neposredno v oznako skripta ali pa se poveže z zunanjim JavaScriptom z isto oznako »<script>«:</p> < <a href="http://december.com/html/4/element/script.html"><span class="kw2"> scenarij</span></a> > <br>
<br>
<span class="sy0"> //</span> dodajte js<span class="kw3"> Koda</span> tukaj <br>
<br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/script.html"><span class="kw2"> scenarij</span></a> ><p> To je vse o razlagi oznak v začetni predlogi HTML.</p>
<h2> <strong> Zaključek</strong> </h2>
<p> Začetna predloga HTML ponuja osnovno strukturo jezika HTML, ki jo lahko razvijalci spreminjajo glede na zahteve. Prihrani veliko časa in truda, saj zdaj razvijalec ne začne graditi iz nič. Vključuje oznake, kot je » <strong> <glava></strong> ”, “ <strong> <meta></strong> ”, “ <strong> <naslov></strong> ”, “ <strong> <povezava></strong> ”, “ <strong> <skript></strong> ”, “ <strong> <telo></strong> ” itd. Ta članek je prikazal začetno predlogo HTML skupaj s praktično izvedbo.</p>
</article>
<div class="d-flex justify-content-center">
<script type="text/javascript">(function() {
if (window.pluso)if (typeof window.pluso.start == "function") return;
if (window.ifpluso==undefined) { window.ifpluso = 1;
var d = document, s = d.createElement('script'), g = 'getElementsByTagName';
s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true;
s.src = ('https:' == window.location.protocol ? 'https' : 'http') + '://share.pluso.ru/pluso-like.js';
var h=d[g]('body')[0];
h.appendChild(s);
}})();</script>
<div class="pluso" data-background="transparent" data-options="big,round,line,horizontal,nocounter,theme=06" data-services="facebook,twitter,email,print"></div>
</div>
<div class="tag-widget post-tag-container mb-5 mt-5">
<div class="tagcloud">
<a href="/drugo/" class="tag-cloud-link">drugo</a>
</div>
</div>
</div><!-- END-->
</div>
<div class="col-lg-4 sidebar ftco-animate bg-light pt-5">
<div class="sidebar-box ftco-animate">
<h3 class="sidebar-heading">Kategorija</h3>
<ul class="categories">
<li> <a href="/raspberry-pi/">Malina Pi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Drugo</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Povečavo</a> </li><li> <a href="/cinnamon/">Cimet</a> </li><li> <a href="/reviews/">Ocene</a> </li><li> <a href="/zorinos/">Zorinos</a> </li><li> <a href="/radio/">Radio</a> </li><li> <a href="/minecraft/">Minecraft</a> </li><li> <a href="/ssh/">Ssh</a> </li><li> <a href="/openvas/">Openvas</a> </li><li> <a href="/compression/">Stiskanje</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Zračna Razpoka</a> </li><li> <a href="/office-productivity-software/">Programska Oprema Za Pisarniško Produktivnost</a> </li><li> <a href="/boot/">Zagon</a> </li><li> <a href="/system-calls/">Sistemski Klici</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">Mreženje</a> </li><li> <a href="/gpu/">Gpu</a> </li><li> <a href="/gimp/">Gimp</a> </li><li> <a href="/plex/">Plex</a> </li><li> <a href="/uefi/">Uefi</a> </li><li> <a href="/docker/">Docker</a> </li><li> <a href="/firewall/">Požarni Zid</a> </li><li> <a href="/wireshark/">Žica</a> </li><li> <a href="/synology/">Sinoniologija</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">Ethereum</a> </li><li> <a href="/parrot-os/">Os Papiga</a> </li><li> <a href="/sublime/">Vzvišeno</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Hiper-V</a> </li><li> <a href="/phone/">Telefon</a> </li><li> <a href="/kodi/">Koda</a> </li><li> <a href="/gnome/">Gnome</a> </li><li> <a href="/manjaro/">Poslastica</a> </li><li> <a href="/mouse/">Miško</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">Metasploit</a> </li><li> <a href="/torrent/">Hudournik</a> </li><li> <a href="/tablet/">Tablični Računalnik</a> </li><li> <a href="/pycharm/">Pycharm</a> </li><li> <a href="/curl/">Curl</a> </li><li> <a href="/kde/">Kje</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Pisave</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Slike</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Lignji</a> </li><li> <a href="/mate/">Kolega</a> </li><li> <a href="/vlc-media-player/">Vlc Media Player</a> </li><li> <a href="/dns/">Dns</a> </li><li> <a href="/bitcoin/">Bitcoin</a> </li><li> <a href="/keyboard/">Tipkovnico</a> </li><li> <a href="/inkscape/">Inkscape</a> </li><li> <a href="/encryption/">Šifriranje</a> </li><li> <a href="/fedora/">Fedora</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">Skener</a> </li><li> <a href="/atom/">Atom</a> </li><li> <a href="/red-hat/">Rdeč Klobuk</a> </li><li> <a href="/teamviewer/">Teamviewer</a> </li><li> <a href="/skype/">Skype</a> </li><li> <a href="/vpn/">Vpn</a> </li><li> <a href="/xfce/">Xfce</a> </li><li> <a href="/jupyter-notebook/">Beležnica Jupyter</a> </li><li> <a href="/nfs/">Nfs</a> </li><li> <a href="/blog/">Spletni Dnevnik</a> </li><li> <a href="/lvm/">Lvm</a> </li><li> <a href="/suse/">Suse</a> </li><li> <a href="/media-players/">Medijski Predvajalniki</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Pare</a> </li><li> <a href="/jenkins/">Jenkins</a> </li><li> <a href="/power/">Moč</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">M2</a> </li><li> <a href="/bluetooth/">Bluetooth</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Oprijem</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Odiseja</a> </li><li> <a href="/audio/">Zvok</a> </li><li> <a href="/cpu/">Procesor</a> </li><li> <a href="/tensorflow/">Tenzorski Tok</a> </li><li> <a href="/autodesk/">Autodesk</a> </li><li> <a href="/lubuntu/">Lubuntu</a> </li><li> <a href="/llvm/">Llvm</a> </li><li> <a href="/windows/">Windows</a> </li><li> <a href="/microsoft-edge/">Microsoft Edge (Zapuščina)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Pisarna</a> </li><li> <a href="/drugo/">drugo</a> </li><li> <a href="/spletna-kamera/">Spletna kamera</a> </li><li> <a href="/medijski-predvajalniki/">medijski predvajalniki</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproxy/">haproxy</a> </li><li> <a href="/skorenj/">škorenj</a> </li><li> <a href="/vzviseno/">vzvišeno</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/nextcloud/">nextcloud</a> </li><li> <a href="/vrlina/">vrlina</a> </li><li> <a href="/usb-prehod/">usb-prehod</a> </li><li> <a href="/varni-zagon/">#varni zagon</a> </li>
</ul>
</div>
<div class="sidebar-box ftco-animate">
<h3 class="sidebar-heading">Priljubljene Objave</h3>
<div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/85/how-to-disable-the-firewall-on-fedora-linux-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/kako-onemogociti-pozarni-zid-v-sistemu-fedora-linux">Kako onemogočiti požarni zid v sistemu Fedora Linux</a> </h3>
<div class="meta">
<div> <a href="/drugo/"><span class="icon-chat"></span> drugo</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/34/what-are-the-amazon-redshift-datatypes-1.jpg);"></a>
<div class="text">
<h3 class="heading"> <a href="/kaj-so-podatkovni-tipi-amazon-redshift">Kaj so podatkovni tipi Amazon Redshift?</a> </h3>
<div class="meta">
<div> <a href="/drugo/"><span class="icon-chat"></span> drugo</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/94/how-to-get-a-car-in-the-greenville-8211-roblox-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/kako-dobiti-avto-v-greenvillu-roblox">Kako dobiti avto v Greenvillu – Roblox</a> </h3>
<div class="meta">
<div> <a href="/drugo/"><span class="icon-chat"></span> drugo</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/E1/salesforce-apex-governor-limits-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/salesforce-apex-meje-guvernerja">Salesforce Apex – meje guvernerja</a> </h3>
<div class="meta">
<div> <a href="/drugo/"><span class="icon-chat"></span> drugo</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/0A/pandas-display-max-rows-1.jpg);"></a>
<div class="text">
<h3 class="heading"> <a href="/najvecje-stevilo-vrstic-zaslona-pandas">Največje število vrstic zaslona Pandas</a> </h3>
<div class="meta">
<div> <a href="/drugo/"><span class="icon-chat"></span> drugo</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/F9/how-to-use-the-kill-command-in-minecraft-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/kako-uporabiti-ukaz-kill-v-minecraftu">Kako uporabiti ukaz /kill v Minecraftu?</a> </h3>
<div class="meta">
<div> <a href="/drugo/"><span class="icon-chat"></span> drugo</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/3F/how-to-secure-and-protect-android-photos-and-videos-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/kako-zavarovati-in-zascititi-fotografije-in-videoposnetke-android">Kako zavarovati in zaščititi fotografije in videoposnetke Android</a> </h3>
<div class="meta">
<div> <a href="/drugo/"><span class="icon-chat"></span> drugo</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/1C/how-to-install-windows-powershell-step-by-step-guide-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/kako-namestiti-windows-powershell-vodnik-po-korakih">Kako namestiti Windows PowerShell (vodnik po korakih)</a> </h3>
<div class="meta">
<div> <a href="/drugo/"><span class="icon-chat"></span> drugo</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/10/how-to-add-primary-key-on-multiple-columns-in-mysql-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/kako-dodati-primarni-kljuc-v-vec-stolpcev-v-mysql">Kako dodati primarni ključ v več stolpcev v MySQL?</a> </h3>
<div class="meta">
<div> <a href="/drugo/"><span class="icon-chat"></span> drugo</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/72/how-to-create-a-singleton-in-c-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/kako-ustvariti-enojni-element-v-c">Kako ustvariti enojni element v C++</a> </h3>
<div class="meta">
<div> <a href="/drugo/"><span class="icon-chat"></span> drugo</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/A0/how-to-install-discord-on-debian-12-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/kako-namestiti-discord-na-debian-12">Kako namestiti Discord na Debian 12</a> </h3>
<div class="meta">
<div> <a href="/drugo/"><span class="icon-chat"></span> drugo</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/6D/grafana-docker-compose-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/grafana-docker-compose">Grafana Docker Compose</a> </h3>
<div class="meta">
<div> <a href="/drugo/"><span class="icon-chat"></span> drugo</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/A4/how-to-install-apache-tomcat-server-on-ubuntu-22-04-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/kako-namestiti-streznik-apache-tomcat-na-ubuntu-22-04">Kako namestiti strežnik Apache Tomcat na Ubuntu 22.04</a> </h3>
<div class="meta">
<div> <a href="/drugo/"><span class="icon-chat"></span> drugo</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/5F/how-to-hide-javascript-code-in-view-source-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/kako-skriti-kodo-javascript-v-izvorni-kodi">Kako skriti kodo JavaScript v izvorni kodi</a> </h3>
<div class="meta">
<div> <a href="/drugo/"><span class="icon-chat"></span> drugo</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/F4/how-to-perform-left-outer-joins-8211-linq-in-c-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/kako-izvesti-leve-zunanje-spoje-linq-v-c">Kako izvesti leve zunanje spoje – LINQ v C#</a> </h3>
<div class="meta">
<div> <a href="/drugo/"><span class="icon-chat"></span> drugo</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/06/how-to-use-stats-isdirectory-method-in-node-js-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/kako-uporabiti-metodo-stats-isdirectory-v-node-js">Kako uporabiti metodo stats.isDirectory() v Node.js?</a> </h3>
<div class="meta">
<div> <a href="/drugo/"><span class="icon-chat"></span> drugo</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/C1/perl-array-reference-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/perl-array-reference">Perl Array Reference</a> </h3>
<div class="meta">
<div> <a href="/drugo/"><span class="icon-chat"></span> drugo</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/DA/how-to-install-msonline-via-powershell-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/kako-namestiti-msonline-prek-powershell">Kako namestiti MSOnline prek PowerShell</a> </h3>
<div class="meta">
<div> <a href="/drugo/"><span class="icon-chat"></span> drugo</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/63/how-to-change-text-color-in-javascript-1.gif);"></a>
<div class="text">
<h3 class="heading"> <a href="/kako-spremeniti-barvo-besedila-v-javascriptu">Kako spremeniti barvo besedila v JavaScriptu</a> </h3>
<div class="meta">
<div> <a href="/drugo/"><span class="icon-chat"></span> drugo</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/31/c-program-to-find-square-root-of-a-number-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/program-c-za-iskanje-kvadratnega-korena-stevila">Program C# za iskanje kvadratnega korena števila</a> </h3>
<div class="meta">
<div> <a href="/drugo/"><span class="icon-chat"></span> drugo</a> </div>
</div>
</div>
</div>
</div>
</div>
</div><!-- END COL -->
</div>
</section>
</div><!-- END COLORLIB-MAIN -->
</div><!-- END COLORLIB-PAGE -->
<!-- loader -->
<div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div>
<script src="https://softoban.com/template/js/jquery.min.js"></script>
<script src="https://softoban.com/template/js/jquery-migrate-3.0.1.min.js"></script>
<script src="https://softoban.com/template/js/popper.min.js"></script>
<script src="https://softoban.com/template/js/bootstrap.min.js"></script>
<script src="https://softoban.com/template/js/jquery.easing.1.3.js"></script>
<script src="https://softoban.com/template/js/jquery.waypoints.min.js"></script>
<script src="https://softoban.com/template/js/jquery.stellar.min.js"></script>
<script src="https://softoban.com/template/js/owl.carousel.min.js"></script>
<script src="https://softoban.com/template/js/jquery.magnific-popup.min.js"></script>
<script src="https://softoban.com/template/js/aos.js"></script>
<script src="https://softoban.com/template/js/jquery.animateNumber.min.js"></script>
<script src="https://softoban.com/template/js/scrollax.min.js"></script>
<script src="https://softoban.com/template/js/main.js"></script>
<script async="" defer="" src="//www.instagram.com/embed.js"></script>
<script async="" src="https://platform.twitter.com/widgets.js"></script>
<script>
window.onload = function(){
for(i in document.images)
{
if(document.images[i].naturalWidth==0){
if(window.location.pathname.length > 1){
document.images[i].style="display:none"
}
else
{
document.images[i].src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
}
}
}
}
$(document).ready(() => {
$('nav').find('a').each(function(){
if($(this).attr('href') == window.location.pathname){
$(this).parent('li').addClass('active')
}
})
var wrapper = '<div class="embeded-video"></div>';
if($('iframe[width="560"]').length > 1){
$('.m_v').remove();
}else{
}
$('iframe[src^="https://www.youtube.com/embed/"]').wrap(wrapper);
let loc = window.location.pathname;
if(loc == '/privacy-policy'){
$('div.embeded-video').remove();
$('blockquote').remove();
}
})
</script>
<script type="text/javascript" src="https://s.skimresources.com/js/192355X1670518.skimlinks.js"></script></body>
</html>