Un șablon de pornire HTML este o structură de bază sau un cadru pentru construirea unui site web folosind HTML (Hypertext Markup Language). Oferă un punct de plecare pentru programatori pentru a construi rapid un site web, fără a fi nevoie să scrie tot codul HTML de la zero. Aceștia pot ajuta dezvoltatorii să înceapă rapid și apoi să se concentreze pe construirea caracteristicilor și funcționalităților specifice site-ului sau aplicației lor. Acest ghid demonstrează ce este un șablon de pornire HTML.
Ce este HTML Starter Template?
Un șablon de pornire HTML conține declarația , etichetele ,
și și un set de bază de stiluri CSS și scripturi JavaScript. Aceste etichete oferă o bază pentru crearea unei pagini web care economisește mult timp și efort pentru dezvoltatori.VIDEO
Șablonul de pornire HTML apare astfel:
< html doar = 'în' > < cap < meta set de caractere = „UTF-8” > < meta Nume = 'vizor' conţinut = „width=device-width, initial-scale=1” > < titlu Linux < / titlu < legătură rel = 'foaia de stil' href = „./style.css” > < meta http-echiv = „Compatibil X-UA” conţinut = „adică=margine” > < / cap < corp < h1 Șablon de pornire HTML < / h1 < / principal> < scenariu src = „index.js” >< / scenariu < / corp < / html
Urmați demonstrația de mai jos pentru a obține cunoștințe despre etichetele/elementele disponibile în șablonul de pornire HTML:
Eticheta
„ Eticheta ” conține datele despre tipul de fișier și îi spune browserului cum să îl redeze. Această etichetă ajută foarte mult la optimizarea motoarelor de căutare, oferind informații despre ce versiune de HTML este utilizată pentru a construi pagina web. Dacă această etichetă lipsește într-un fișier HTML, browserul web poate avea un comportament neașteptat sau poate afișa elemente incorecte.
Eticheta
„ Eticheta ” este un element obligatoriu și acționează ca un container pentru toate elementele HTML. Este elementul rădăcină înseamnă că toate celelalte elemente trebuie să fie plasate în interior pentru a funcționa corect. Această etichetă poate fi utilizată pentru a defini structura și conținutul paginii web și pentru a ajuta la specificarea metadatelor despre document. Folosind „ doar ” atributul limbajului paginii HTML poate fi setat:
< html doar = 'în' > // cod / html În fragmentul de cod de mai sus, limbajul paginii HTML este setat la „ Engleză ”.
Eticheta „”.
Informațiile despre pagina web sunt introduse în interiorul „ ” și nu este vizibil pe pagina web, iar aceste informații sunt utilizate în scopuri SEO. De obicei, include metadate, cum ar fi titlul paginii, descrierea și cuvintele cheie, precum și link-uri către foi de stil externe, scripturi și alte resurse:
< cap // introduce cod Aici / cap Etichetele
Eticheta
< meta / > Eticheta </strong> </h2>
<p> „ <strong> <titlu></strong> ” este utilizat pentru a afișa pagina web sau numele site-ului web pe bara de titlu a browserului. Această etichetă poate fi benefică în gestionarea paginilor web ale site-ului. Ajută procesul de SEO și îmbunătățește accesibilitatea prin includerea unor titluri descriptive și semnificative. Ajută utilizatorii cu anumite dizabilități să navigheze mai ușor pe site:</p> < <a href="http://december.com/html/4/element/title.html"><span class="kw2"> titlu</span></a> > Linuxhint <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/title.html"><span class="kw2"> titlu</span></a> ><p> După executarea liniei de cod de mai sus în interiorul „ <strong> <cap></strong> ”, pagina web apare astfel:</p>
<p> <img class="wp-image-321551" src="https://softoban.com/img/other/71/what-is-html-starter-template-1.png"></p>
<p> Ieșirea de mai sus arată că datele fictive furnizate în interiorul „ <strong> <titlu></strong> Eticheta ” este acum plasată pe bara de titlu.</p>
<h2> <strong> Eticheta <link></strong> </h2>
<p> Această etichetă este utilizată pentru a lega fișiere HTML la alte fișiere pentru a moșteni sau a utiliza stilul sau metodele din fișierul HTML. Celelalte fișiere pot fi fișiere CSS create de dezvoltator sau unele CDN-uri ale cadrelor CSS, cum ar fi Bootstrap sau Tailwind etc. Este utilizat pe scară largă deoarece, prin utilizarea acestuia, linia de cod scade mult și oferă stiluri pre-build care pot fi utilizate în fisierul HTML:</p> < <a href="http://december.com/html/4/element/link.html"><span class="kw2"> legătură</span></a> <span class="kw3"> rel</span><span class="sy0"> =</span><span class="st0"> 'foaia de stil'</span> <span class="kw3"> href</span><span class="sy0"> =</span><span class="st0"> „./style.css”</span> ><p> În linia de cod de mai sus, „ <strong> stil.css</strong> ” fișierul este legat de fișierul HTML. Acum, clasele care sunt construite în fișierul „style.css” pot fi accesate pentru a aplica stilul în fișierul HTML. De exemplu, încercați să stilați „ <strong> <h1></strong> ” etichetă care este deja inserată în fișierul HTML folosind următoarele proprietăți CSS:</p> h1<span class="br0"> {</span> <br>
<br> font-family: times new roman; <br>
<br>
<span class="kw3"> culoare</span> : cyan închis; <br>
<br>
<span class="br0"> }</span>
<p> Introdu codul de mai sus în „ <strong> stil.css</strong> ” dosar. După randare, pagina web apare astfel:</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/25kLPVowGGg?modestbranding=1" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div> <br />
<p> Pagina web arată că stilurile sunt aplicate pe elementul HTML din fișierul CSS extern folosind „ <strong> <link></strong> ' etichetă.</p>
<h2> <strong> Eticheta „<corp>”.</strong> </h2>
<p> Utilizarea principală a etichetei <body> este de a conține tot conținutul vizibil al paginii web. Aceasta include mai multe etichete care ajută la inserarea de text, imagini, videoclipuri și alte elemente pe pagina web care alcătuiesc conținutul principal al paginii web. Poate fi folosit și pentru a aplica proprietăți CSS pe pagina web simultan. De asemenea, îmbunătățește accesibilitatea paginii web prin includerea etichetelor semantice și a altor funcții de accesibilitate:</p> < <a href="http://december.com/html/4/element/body.html"><span class="kw2"> corp</span></a> > <br>
<br>
<span class="sy0"> //</span> Adăugați aici elemente HTML <br>
<br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/body.html"><span class="kw2"> corp</span></a> ><h2> <strong> Eticheta „<script>”.</strong> </h2>
<p> Pentru a accesa funcționalitatea JavaScript din fișierul HTML, „ <strong> <script</strong> > se utilizează eticheta. Dezvoltatorul poate fie să insereze codul JavaScript direct în interiorul etichetei de script, fie să facă un link către JavaScript extern folosind aceeași etichetă „<script>”:</p> < <a href="http://december.com/html/4/element/script.html"><span class="kw2"> scenariu</span></a> > <br>
<br>
<span class="sy0"> //</span> adauga js<span class="kw3"> cod</span> Aici <br>
<br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/script.html"><span class="kw2"> scenariu</span></a> ><p> Acesta este totul despre explicația etichetelor din șablonul de pornire HTML.</p>
<h2> <strong> Concluzie</strong> </h2>
<p> Șablonul de pornire HTML oferă o structură de bază a limbajului HTML care poate fi modificată de dezvoltatori conform cerințelor. Economisește mult timp și efort, deoarece acum dezvoltatorul nu începe să construiască de la zero. Include etichete precum „ <strong> <cap></strong> ”, “ <strong> <meta></strong> ”, “ <strong> <titlu></strong> ”, “ <strong> <link></strong> ”, “ <strong> <script></strong> ”, “ <strong> <corp></strong> ” etc. Acest articol a demonstrat șablonul de pornire HTML împreună cu implementarea practică.</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="/alte/" class="tag-cloud-link">Alte</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">Categorie</h3>
<ul class="categories">
<li> <a href="/raspberry-pi/">Raspberry Pi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Alte</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Zoom</a> </li><li> <a href="/cinnamon/">Scorţişoară</a> </li><li> <a href="/reviews/">Recenzii</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/">Comprimare</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Crăpătură Aeriană</a> </li><li> <a href="/office-productivity-software/">Software De Productivitate Office</a> </li><li> <a href="/boot/">Cizmă</a> </li><li> <a href="/system-calls/">Apeluri De Sistem</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">Rețele</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/">Docher</a> </li><li> <a href="/firewall/">Firewall</a> </li><li> <a href="/wireshark/">Wireshark</a> </li><li> <a href="/synology/">Sinologie</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">Ethereum</a> </li><li> <a href="/parrot-os/">Os Papagal</a> </li><li> <a href="/sublime/">Sublim</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/">Cod</a> </li><li> <a href="/gnome/">Gnom</a> </li><li> <a href="/manjaro/">Delicateţe</a> </li><li> <a href="/mouse/">Șoarece</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">Metasploit</a> </li><li> <a href="/torrent/">Torent</a> </li><li> <a href="/tablet/">Comprimat</a> </li><li> <a href="/pycharm/">Pycharm</a> </li><li> <a href="/curl/">Răsuci</a> </li><li> <a href="/kde/">Unde</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Fonturi</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Imagini</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Calamar</a> </li><li> <a href="/mate/">Partener</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/">Tastatură</a> </li><li> <a href="/inkscape/">Inkscape</a> </li><li> <a href="/encryption/">Criptare</a> </li><li> <a href="/fedora/">Fedora</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">Scaner</a> </li><li> <a href="/atom/">Atom</a> </li><li> <a href="/red-hat/">Palarie Rosie</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/">Notebook Jupyter</a> </li><li> <a href="/nfs/">Nfs</a> </li><li> <a href="/blog/">Blog</a> </li><li> <a href="/lvm/">Lvm</a> </li><li> <a href="/suse/">Suse</a> </li><li> <a href="/media-players/">Playere Media</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Aburi</a> </li><li> <a href="/jenkins/">Jenkins</a> </li><li> <a href="/power/">Putere</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">Mp</a> </li><li> <a href="/bluetooth/">Bluetooth</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Prindere</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Odiseea</a> </li><li> <a href="/audio/">Audio</a> </li><li> <a href="/cpu/">Cpu</a> </li><li> <a href="/tensorflow/">Tensorflow</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 (Vechi)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Birou</a> </li><li> <a href="/alte/">Alte</a> </li><li> <a href="/camera-web/">cameră web</a> </li><li> <a href="/playere-media/">playere media</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproxy/">haproxy</a> </li><li> <a href="/gnom/">gnom</a> </li><li> <a href="/cizme/">cizme</a> </li><li> <a href="/sublim/">sublim</a> </li><li> <a href="/removal-guides/">Ghiduri De Îndepărtare</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/nextcloud/">nextcloud</a> </li><li> <a href="/virtute/">virtute</a> </li><li> <a href="/trecere-prin-usb/">trecere prin usb</a> </li><li> <a href="/incarcare-sigura/">#încărcare sigură</a> </li>
</ul>
</div>
<div class="sidebar-box ftco-animate">
<h3 class="sidebar-heading">Posturi Populare</h3>
<div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/33/how-to-enable-administrative-access-from-the-cockpit-web-ui-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/cum-sa-activati-accesul-administrativ-din-interfata-web-cockpit">Cum să activați accesul administrativ din interfața web Cockpit</a> </h3>
<div class="meta">
<div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/07/css-border-shadow-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/umbra-chenar-css">Umbră chenar CSS</a> </h3>
<div class="meta">
<div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/25/how-to-generate-battery-report-on-windows-11-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/cum-se-genereaza-un-raport-de-baterie-pe-windows-11">Cum se generează un raport de baterie pe Windows 11</a> </h3>
<div class="meta">
<div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/E0/how-to-use-the-arrays-sort-method-in-java-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/cum-sa-utilizati-metoda-arrays-sort-in-java">Cum să utilizați metoda Arrays.sort() în Java</a> </h3>
<div class="meta">
<div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/38/how-to-use-and-operators-in-matlab-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/cum-sa-utilizati-operatorii-si-in-matlab">Cum să utilizați operatorii & și && în MATLAB</a> </h3>
<div class="meta">
<div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/6F/what-is-the-override-modifier-in-c-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/ce-este-modificatorul-de-suprascriere-in-c">Ce este modificatorul de suprascriere în C#</a> </h3>
<div class="meta">
<div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/09/relay-with-esp32-using-micropython-8211-thonny-ide-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/releu-cu-esp32-folosind-micropython-thonny-ide">Releu cu ESP32 folosind MicroPython – Thonny IDE</a> </h3>
<div class="meta">
<div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/A3/how-to-clear-arduino-serial-buffer-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/cum-sa-stergeti-tamponul-serial-arduino">Cum să ștergeți tamponul serial Arduino</a> </h3>
<div class="meta">
<div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/A2/sql-cumulative-sum-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/suma-cumulativa-sql">Suma cumulativă SQL</a> </h3>
<div class="meta">
<div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/DE/what-is-the-html-dom-input-checkbox-disabled-property-in-javascript-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/ce-este-proprietatea-dezactivata-caseta-de-selectare-a-introducerii-dom-html-in-javascript">Ce este proprietatea dezactivată caseta de selectare a introducerii DOM HTML în JavaScript</a> </h3>
<div class="meta">
<div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/58/how-to-turn-off-handwriting-keyboard-on-android-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/cum-sa-dezactivati-tastatura-pentru-scriere-de-mana-pe-android">Cum să dezactivați tastatura pentru scriere de mână pe Android</a> </h3>
<div class="meta">
<div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/CC/setting-up-indentation-and-hanging-indent-in-microsoft-word-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/configurarea-indentarii-si-suspendarea-indentarii-in-microsoft-word">Configurarea indentării și suspendarea indentării în Microsoft Word</a> </h3>
<div class="meta">
<div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/46/serial-print-vs-serial-println-in-arduino-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/serial-print-vs-serial-println-in-arduino">Serial.print() vs Serial.println() în Arduino</a> </h3>
<div class="meta">
<div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/C8/how-to-get-secret-decoded-in-kubernetes-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/cum-sa-obtineti-decodificarea-secreta-in-kubernetes">Cum să obțineți decodificarea secretă în Kubernetes</a> </h3>
<div class="meta">
<div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/00/grid-search-with-mlflow-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/cautare-in-grila-cu-mlflow">Căutare în grilă cu MLflow</a> </h3>
<div class="meta">
<div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/FB/what-is-the-difference-between-zsh-and-oh-my-zsh-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/care-este-diferenta-dintre-zsh-si-oh-my-zsh">Care este diferența dintre Zsh și Oh My Zsh</a> </h3>
<div class="meta">
<div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/EF/how-to-create-overlapping-divs-with-css-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/cum-sa-creati-div-uri-suprapuse-cu-css">Cum să creați Div-uri suprapuse cu CSS</a> </h3>
<div class="meta">
<div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/F2/docker-tutorial-explain-docker-fundamentals-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/tutorial-docker-explicati-elementele-fundamentale-ale-docker">Tutorial Docker | Explicați elementele fundamentale ale Docker</a> </h3>
<div class="meta">
<div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/74/how-to-push-docker-image-to-amazon-ecr-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/cum-sa-impingeti-imaginea-docker-catre-amazon-ecr">Cum să împingeți imaginea Docker către Amazon ECR?</a> </h3>
<div class="meta">
<div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/F1/what-does-sent-as-sms-via-server-mean-android-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/ce-inseamna-trimis-ca-sms-prin-server-android">Ce înseamnă Trimis ca SMS prin server Android</a> </h3>
<div class="meta">
<div> <a href="/alte/"><span class="icon-chat"></span> Alte</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>