Dacă vrei să devii un dezvoltator front-end, unul dintre cele mai comune sfaturi pe care le vei primi este să înveți HTML. Hypertext Markup Language, abreviat HTML, este baza majorității paginilor web.
HTML este format din diferite lucruri, cum ar fi etichete, atribute și elemente. Accentul nostru va fi etichetele HTML. Folosim etichete HTML pentru a le spune browserelor cum să structureze conținutul în titluri, titluri, paragrafe, imagini și multe altele. Etichetele HTML sunt astfel ca cuvintele cheie care definesc modul în care browserul va afișa sau va forma conținutul.
Serverele citesc etichetele HTML de sus în jos. Nu există nicio restricție privind numărul de etichete HTML pe care ar trebui să le aibă o pagină web.
Toate etichetele HTML sunt incluse în <>
Fiecare etichetă HTML îndeplinește o funcție diferită
Majoritatea etichetelor HTML au de deschidere și de închidere
Cuprins
Toggle ,
,
,
și
.
H1 este cea mai mare etichetă de antet, în timp ce H6 este cea mai mică.
Într-un document HTML, etichetele de titlu pot fi reprezentate după cum urmează:
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
Etichetele
până la
sunt incluse în eticheta .
De exemplu, o etichetă , va fi inclusă ca;
<body>
<h1> This is heading 1 >/h1>
</body>
Eticheta
sau pur și simplu paragraf este folosită atunci când doriți să structurați conținutul într-un paragraf. Atingerea butonului „Enter” dintr-un document HTML din editorul de cod nu va crea un nou paragraf.
Dacă doriți mai mult de un paragraf, trebuie să utilizați mai multe etichete
pe document. Etichetele de paragraf ar trebui să fie incluse în eticheta .
Sintaxa pentru o etichetă de paragraf este;
<p> ….some content here….</p>
Dacă doriți să aveți patru paragrafe, codul dvs. va fi structurat ca;
<body>
<p>Content for first paragraph.</p>
<p>Content for the second paragraph.</p>
<p>Content for the fourth paragraph.</p>
</body>
Eticheta sau pur și simplu bold va formata orice conținut între deschiderea și închidere ca aldine.
Eticheta aldină poate fi între un titlu, cum ar fi H1 sau chiar într-o etichetă de paragraf.
Acestea sunt exemple de etichetă îndrăzneață;
<b> Bold Tag </b>
Expresia „Etichetă îndrăzneață” va apărea îngroșată.
<h1> Keeping it cool, <b> Fifth edition </b>, the winners edition </h1>
Ediția a cincea va fi îngroșată.
Tag-ul italic, notat cu , scrie italic textul din interiorul etichetelor.
De exemplu, dacă avem
<i> These are italics </i>
Cuvintele „acestea sunt cursive” vor apărea cu caractere cursive.
Eticheta de subliniere, sau , este folosită atunci când doriți să subliniați o anumită bucată de text într-un document HTML.
De exemplu, dacă avem;
<u> underline these words </u>
Expresia dintre etichete va fi subliniată.
Eticheta Center, , este folosită pentru a centra conținutul pe un document HTML.
De exemplu, dacă avem o etichetă h2 scrisă ca
Centrarea conținutului în HTML
Majoritatea oamenilor folosesc termenii etichete și elemente HTML în mod interschimbabil. Dar sunt la fel? Din punct de vedere tehnic, elementele HTML și etichetele HTML sunt diferite.
Etichetele HTML definesc elementele HTML. Pentru a realiza acest lucru, conținutul este împachetat folosind un nume de etichetă de deschidere și de închidere care se potrivește cu conținutul etichetei cu care lucrăm.
Acesta este un exemplu de element HTML:
<p> This is a paragraph </p>
este un exemplu de etichetă HTML
Atributele HTML oferă informații suplimentare despre elementele HTML dintr-un document. Atributele se găsesc în elementele HTML.
Acesta este un exemplu de atribut HTML
<button id=" SubmitOrder" class="btn">Order</button>
HTML ca limbaj de marcare a evoluat de-a lungul anilor de când Tim Berners-Lee l-a introdus în 1993. Prima versiune HTML avea 18 etichete. Sunt adăugate noi etichete cu fiecare versiune HTML; cea mai recentă actualizare a fost HTML5 în 2014.
O comparație strânsă între HTML și HTML5 arată că acesta din urmă are etichete semantice precum , și
care descriu în mod clar conținutul. Acum avem peste 100 de etichete HTML. Următoarele sunt câteva dintre cele mai populare etichete pe care ar trebui să le cunoașteți:
DOCTYPE nu este din punct de vedere tehnic o etichetă, ci o declarație care spune browserului ce tip de fișier va fi încărcat. Această etichetă spune browserului tipul de HTML care va fi încărcat.
În HTML5, vă puteți declara fișierul ca
<!DOCTYPE html>
Sau
<!doctype html>
Notă: Declarația nu are o etichetă de închidere și nu face distincție între majuscule și minuscule.
Eticheta ….. vine după eticheta DOCTYPE. Această etichetă definește documentul ca o pagină web; orice alt element va fi imbricat în interior. Eticheta HTML specifică începutul și sfârșitul unui document HTML.
O etichetă este reprezentată ca;
<html>Content</html>
> Secțiunea de cap a unui document HTML este reprezentată de o etichetă
. Această etichetă este inclusă în eticheta și oferă informații generale despre pagina web.
Eticheta
conține alte etichete care oferă detalii specifice paginii web, cum ar fi titlul și autorul paginii. Conținutul acestei etichete nu este afișat pe pagina web
Aceasta este sintaxa unei etichete
;
<head> …….. </head>
Eticheta
declară titlul paginii web. Această etichetă este inclusă în eticheta <head>. Eticheta <title> va apărea pe bara de titlu sau pe fila din fereastra browserului, dar nu pe pagina web reală. </p>
<p>Sintaxa pentru eticheta <title> este; </p>
<pre class="wp-block-prismatic-blocks"><title>HTML Tags for Beginners</title></pre>
<p>Când se află în interiorul unei etichete <head>, aceasta va apărea ca;</p>
<pre class="wp-block-prismatic-blocks"><head>
<title>HTML Tags for Beginners</title>
</head></pre>
<h3 id="h-body-body"><body> </body></h3>
<p>Eticheta <body> afișează tot conținutul vizibil pe o pagină web. Imagini, linkuri, text simplu, videoclipuri și multe altele pot fi găsite în etichetele <body> și </body>. </p>
<p>Unele dintre celelalte etichete pe care le veți găsi în interiorul corpului includ eticheta </p>
<p> pentru paragraf, eticheta <a> pentru imagini, eticheta <strong> pentru text aldin și eticheta </p>
<ol> pentru o listă ordonată, ca să menționăm câteva. </p>
<p>Sintaxa pentru eticheta <body> este;</p>
<pre class="wp-block-prismatic-blocks"><body> Content </body></pre>
<h3 id="h-h1-to-h6-tags"><span class="ez-toc-section" id="Etichete_de_la_la"></span>Etichete de la </p>
<h1> la </p>
<h6><span class="ez-toc-section-end"></span></h3>
<p>Într-un document HTML pot exista până la 6 etichete de titlu. Fiecare dintre etichete este reprezentată de un număr care începe de la 1 la 6 ca </p>
<h1>, </p>
<h2>, </p>
<h3>, </p>
<h4>, </p>
<h5> și </p>
<h6>. </p>
<p>H1 este cea mai mare etichetă de antet, în timp ce H6 este cea mai mică. </p>
<p>Într-un document HTML, etichetele de titlu pot fi reprezentate după cum urmează:</p>
<pre class="wp-block-prismatic-blocks"><h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6></pre>
<p>Etichetele </p>
<h1> până la </p>
<h6> sunt incluse în eticheta <body>.</p>
<p>De exemplu, o etichetă ,<H1> va fi inclusă ca;</p>
<pre class="wp-block-prismatic-blocks"><body>
<h1> This is heading 1 >/h1>
</body></pre>
<h3 id="h-p-p">
</h3>
<p>Eticheta </p>
<p> sau pur și simplu paragraf este folosită atunci când doriți să structurați conținutul într-un paragraf. Atingerea butonului „Enter” dintr-un document HTML din editorul de cod nu va crea un nou paragraf. </p>
<p>Dacă doriți mai mult de un paragraf, trebuie să utilizați mai multe etichete </p>
<p> pe document. Etichetele de paragraf ar trebui să fie incluse în eticheta <body >.</p>
<p>Sintaxa pentru o etichetă de paragraf este; </p>
<pre class="wp-block-prismatic-blocks"><p> ….some content here….</p></pre>
<p>Dacă doriți să aveți patru paragrafe, codul dvs. va fi structurat ca; </p>
<pre class="wp-block-prismatic-blocks"><body>
<p>Content for first paragraph.</p>
<p>Content for the second paragraph.</p>
<p>Content for the fourth paragraph.</p>
</body></pre>
<h3 id="h-b-b"><b> </b></h3>
<p>Eticheta <b> </b> sau pur și simplu bold va formata orice conținut între deschiderea <b> și închidere </b> ca aldine.</p>
<p>Eticheta aldină poate fi între un titlu, cum ar fi H1 sau chiar într-o etichetă de paragraf. </p>
<p>Acestea sunt exemple de etichetă îndrăzneață;</p>
<pre class="wp-block-prismatic-blocks"><b> Bold Tag </b></pre>
<p>Expresia „Etichetă îndrăzneață” va apărea îngroșată. </p>
<pre class="wp-block-prismatic-blocks"><h1> Keeping it cool, <b> Fifth edition </b>, the winners edition </h1> </pre>
<p>Ediția a cincea va fi îngroșată.</p>
<h3 id="h-i-i"><i> </i></h3>
<p>Tag-ul italic, notat cu <i>, scrie italic textul din interiorul etichetelor. </p>
<p>De exemplu, dacă avem </p>
<pre class="wp-block-prismatic-blocks"><i> These are italics </i></pre>
<p>Cuvintele „acestea sunt cursive” vor apărea cu caractere cursive. </p>
<h3 id="h-u-u"><u> </u></h3>
<p>Eticheta de subliniere, sau <u>, este folosită atunci când doriți să subliniați o anumită bucată de text într-un document HTML. </p>
<p>De exemplu, dacă avem;</p>
<pre class="wp-block-prismatic-blocks"><u> underline these words </u></pre>
<p>Expresia dintre etichete va fi subliniată. </p>
<h3 id="h-center-center"><center> </center></h3>
<p>Eticheta Center, <center>, este folosită pentru a centra conținutul pe un document HTML. </p>
<p>De exemplu, dacă avem o etichetă h2 scrisă ca </p>
<h2> Centrarea conținutului în HTML </h2>
<p>, o putem centra după cum urmează;</p>
<pre class="wp-block-prismatic-blocks"><center>
<h2> Centering Content in HTML </h2>
</center></pre>
<h3 id="h-span-span"><span></span></h3>
<p>Eticheta Span, <span>, este un container inline generic care nu vine cu un stil implicit. Puteți folosi eticheta span pentru a grupa textele pe care doriți să le modelați. </p>
<p>Puteți include etichete în interiorul altor etichete, cum ar fi titluri și paragrafe;</p>
<pre class="wp-block-prismatic-blocks"><h2> Learn HTML <span> from experts </span> and be ready for the market </h2>
</pre>
<pre class="wp-block-prismatic-blocks"><p> Learn HTML <span> from experts </span> and be ready for the market </p></pre>
<h3 id="h-div-div">
<div></div>
</h3>
<p>O etichetă de diviziune, abreviată ca div, este o etichetă care vă permite să grupați diferite etichete într-un document HTML. </p>
<p>O etichetă div poate primi o „clasă” pentru a adăuga stil extern folosind CSS. </p>
<p>Acesta este modul în care va fi reprezentat un div care include un h1, h2 și o etichetă de paragraf. </p>
<pre class="wp-block-prismatic-blocks"><div >
<h1> Learn HTML </h1>
<h2> HTML Tags </h2>
<p> HTML is a markup language……… </p>
</div></pre>
<h3 id="h-em-em"><em></em></h3>
<p>Accentuarea, sau eticheta <em>, este folosită pentru a sublinia anumite cuvinte dintr-un document HTML. </p>
<p>Conținutul dintre etichetele <em> va apărea înclinat sau italicizat. </p>
<p>Conținutul accentuat dintr-un paragraf poate apărea într-un editor de cod va apărea ca;</p>
<pre class="wp-block-prismatic-blocks"><p> The meeting will start at <em> 0800 hrs </em>, please keep time </p></pre>
<h3 id="h-sup-sup"><sup></sup></h3>
<p>Eticheta <sup> sau superscript permite textului inclus să fie deasupra restului. Un exemplu perfect este atunci când doriți să pătrați un număr X și să îl reprezentați matematic pentru a vă oferi X2</p>
<p>Sintaxa pentru <sup> dintr-o etichetă de paragraf va fi;</p>
<pre class="wp-block-prismatic-blocks"><H1> Harveys <sup>TM </sup> Company Limited </H1></pre>
<h3 id="h-sub-sub"><sub></sub></h3>
<p>Eticheta indice sau <sub> este opusul etichetei superscript. Conținutul inclus în eticheta <sub> va apărea sub linia normală de text. Un exemplu perfect este atunci când scrieți formula chimică a apei ca H20. </p>
<p>Sintaxa pentru eticheta indice va fi;</p>
<pre class="wp-block-prismatic-blocks">Remember that H <sub> 2 </sub> 0 is the chemical formula for water</pre>
<h3 id="h-br"></h3>
<p> este o etichetă cu auto-închidere care reprezintă o pauză. Tot conținutul după <br /> va începe pe o linie nouă. </p>
<p>Sintaxa pentru <br /> dintr-un paragraf va fi;</p>
<pre class="wp-block-prismatic-blocks"><p> HTML is the abbreviation of Hypertext Markup Language <br>
There has been an ongoing debate as to whether it is a programming language or not <br>
However, we cannot downplay its importance <br>
HTML has been used in more than 95% of websites today </p></pre>
<h3 id="h-ol-ol-and-li-li"><span class="ez-toc-section" id="si"></span>
<ol></ol>
<p> și </p>
<li> </li>
<span class="ez-toc-section-end"></span></h3>
<p>Eticheta de listă ordonată sau </p>
<ol> trebuie să fie utilizate împreună cu o altă etichetă, cum ar fi </p>
<li>. </p>
<p>Cele două pot apărea pe un editor de cod ca;</p>
<pre class="wp-block-prismatic-blocks"><ol>
<li> Asia </li>
<li> Africa </li>
<li> Europe </li>
</ol></pre>
<p>Când este redat în browser, conținutul va apărea numerotat. </p>
<h3 id="h-img-src"><img decoding="async" src="”/></h3>
<p>Poate doriți să adăugați o imagine pentru atracție vizuală sau chiar un logo. Eticheta de imagine cu auto-închidere, <img decoding="async" src="”/>, este utilă într-un astfel de caz. </p>
<p>Sintaxa pentru eticheta de imagine va fi;</p>
<pre class="wp-block-prismatic-blocks"><img src=“https://cdn.pixabay.com/photo/2015/08/19/15/44/seo-896175_960_720.png”/></pre>
<p>Conținutul cuprins între ghilimele reprezintă adresa URL sursă. </p>
<h3 id="h-wrapping-up"><span class="ez-toc-section" id="Incheierea"></span>Încheierea <span class="ez-toc-section-end"></span></h3>
<p>Există peste 100 de etichete HTML, dar cele de mai sus sunt cele pe care ar trebui să le cunoașteți ca începător. HTML este acceptat în majoritatea editorilor de cod și, astfel, sunteți sigur că nu veți greși niciodată atunci când începeți să învățați. </p>
</p></div>
<div class="swp-content-locator"></div> </div>
<footer class="entry-meta" aria-label="Metadate intrare">
<span class="cat-links"><span class="gp-icon icon-categories"><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path d="M0 112c0-26.51 21.49-48 48-48h110.014a48 48 0 0143.592 27.907l12.349 26.791A16 16 0 00228.486 128H464c26.51 0 48 21.49 48 48v224c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48V112z" /></svg></span><span class="screen-reader-text">Categorii </span><a href="https://tipstrick.ro/uncategorized/" rel="category tag">Uncategorized</a></span> <nav id="nav-below" class="post-navigation" aria-label="Posts">
<div class="nav-previous"><span class="gp-icon icon-arrow-left"><svg viewBox="0 0 192 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M178.425 138.212c0 2.265-1.133 4.813-2.832 6.512L64.276 256.001l111.317 111.277c1.7 1.7 2.832 4.247 2.832 6.513 0 2.265-1.133 4.813-2.832 6.512L161.43 394.46c-1.7 1.7-4.249 2.832-6.514 2.832-2.266 0-4.816-1.133-6.515-2.832L16.407 262.514c-1.699-1.7-2.832-4.248-2.832-6.513 0-2.265 1.133-4.813 2.832-6.512l131.994-131.947c1.7-1.699 4.249-2.831 6.515-2.831 2.265 0 4.815 1.132 6.514 2.831l14.163 14.157c1.7 1.7 2.832 3.965 2.832 6.513z" fill-rule="nonzero" /></svg></span><span class="prev"><a href="https://tipstrick.ro/cum-se-creeaza-un-cont-wayfair-professional/" rel="prev">Cum se creează un cont Wayfair Professional</a></span></div><div class="nav-next"><span class="gp-icon icon-arrow-right"><svg viewBox="0 0 192 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M178.425 256.001c0 2.266-1.133 4.815-2.832 6.515L43.599 394.509c-1.7 1.7-4.248 2.833-6.514 2.833s-4.816-1.133-6.515-2.833l-14.163-14.162c-1.699-1.7-2.832-3.966-2.832-6.515 0-2.266 1.133-4.815 2.832-6.515l111.317-111.316L16.407 144.685c-1.699-1.7-2.832-4.249-2.832-6.515s1.133-4.815 2.832-6.515l14.163-14.162c1.7-1.7 4.249-2.833 6.515-2.833s4.815 1.133 6.514 2.833l131.994 131.993c1.7 1.7 2.832 4.249 2.832 6.515z" fill-rule="nonzero" /></svg></span><span class="next"><a href="https://tipstrick.ro/creste-ti-scorul-cu-aceste-10-teste-de-practica-gmat/" rel="next">Crește-ți scorul cu aceste 10 teste de practică GMAT</a></span></div> </nav>
</footer>
</div>
</article>
</main>
</div>
<div class="widget-area sidebar is-right-sidebar" id="right-sidebar">
<div class="inside-right-sidebar">
<aside id="recent-posts-2" class="widget inner-padding widget_recent_entries">
<h2 class="widget-title">Ultimele postări</h2>
<ul>
<li>
<a href="https://tipstrick.ro/o-scufundare-profunda-in-arhitectura-iptables-si-netfilter/">O scufundare profundă în arhitectura Iptables și Netfilter</a>
</li>
<li>
<a href="https://tipstrick.ro/clase-si-obiecte-python/">Clase și obiecte Python</a>
</li>
<li>
<a href="https://tipstrick.ro/python-eliminati-duplicatele-dintr-o-lista/">Python Eliminați duplicatele dintr-o listă</a>
</li>
<li>
<a href="https://tipstrick.ro/tutorial-de-exemplu-crud-mongodb-java/">Tutorial de exemplu CRUD MongoDB Java</a>
</li>
<li>
<a href="https://tipstrick.ro/model-de-proiectare-a-metodei-sablon-in-java/">Model de proiectare a metodei șablon în Java</a>
</li>
<li>
<a href="https://tipstrick.ro/cum-sa-remediati-tabelele-corupte-in-mysql/">Cum să remediați tabelele corupte în MySQL</a>
</li>
<li>
<a href="https://tipstrick.ro/cum-sa-intariti-securitatea-proiectului-dvs-django-de-productie/">Cum să întăriți securitatea proiectului dvs. Django de producție</a>
</li>
<li>
<a href="https://tipstrick.ro/exemplu-java-jquery-ajax-jsp-servlet/">Exemplu Java jQuery AJAX JSP Servlet</a>
</li>
<li>
<a href="https://tipstrick.ro/de-ce-laptopul-meu-utilizeaza-prea-multe-date-in-windows-11/">De ce laptopul meu utilizează prea multe date în Windows 11</a>
</li>
<li>
<a href="https://tipstrick.ro/vizualizare-calendar-android/">Vizualizare calendar Android</a>
</li>
<li>
<a href="https://tipstrick.ro/cum-se-rezolva-eroarea-punct-de-acces-temporar-plin-pe-pc-windows/">Cum se rezolvă eroarea Punct de acces temporar plin pe PC Windows</a>
</li>
<li>
<a href="https://tipstrick.ro/cum-sa-configurati-un-server-nfs-folosind-stocarea-in-bloc/">Cum să configurați un server NFS folosind stocarea în bloc</a>
</li>
<li>
<a href="https://tipstrick.ro/cum-sa-faceti-un-grafic-curbat-neted-in-excel-si-foi-de-calcul-google/">Cum să faceți un grafic curbat neted în Excel și Foi de calcul Google</a>
</li>
<li>
<a href="https://tipstrick.ro/module-python/">Module Python</a>
</li>
<li>
<a href="https://tipstrick.ro/cele-mai-bune-setari-bios-pentru-performanta-jocurilor-pe-pc-windows/">Cele mai bune setări BIOS pentru performanța jocurilor pe PC Windows</a>
</li>
<li>
<a href="https://tipstrick.ro/ecran-negru-vlc-in-modul-ecran-complet-dar-poate-auzi-sunetul/">Ecran negru VLC în modul ecran complet; dar poate auzi sunetul</a>
</li>
<li>
<a href="https://tipstrick.ro/top-50-comenzi-linux-pe-care-trebuie-sa-le-stiti/">Top 50+ comenzi Linux pe care TREBUIE să le știți</a>
</li>
<li>
<a href="https://tipstrick.ro/problema-n-queens-folosind-backtracking-in-java-c/">Problema N-Queens folosind backtracking în Java/C++</a>
</li>
<li>
<a href="https://tipstrick.ro/cuvinte-cheie-si-identificatori-python-actualizat/">Cuvinte cheie și identificatori Python (actualizat)</a>
</li>
<li>
<a href="https://tipstrick.ro/clasa-de-date-kotlin/">Clasa de date Kotlin</a>
</li>
</ul>
</aside> </div>
</div>
</div>
</div>
<div class="site-footer">
<div id="footer-widgets" class="site footer-widgets">
<div class="footer-widgets-container grid-container">
<div class="inside-footer-widgets">
<div class="footer-widget-1">
<aside id="nav_menu-2" class="widget inner-padding widget_nav_menu"><div class="menu-footer-container"><ul id="menu-footer" class="menu"><li id="menu-item-71134" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-71134"><a href="https://tipstrick.ro/disclaimer/">Disclaimer</a></li>
<li id="menu-item-71135" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-71135"><a href="https://tipstrick.ro/politica-de-confidentialitate/">Politica de confidențialitate</a></li>
<li id="menu-item-71136" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-71136"><a href="https://tipstrick.ro/termeni-si-conditii-de-utilizare/">Termeni și Condiții de Utilizare</a></li>
<li id="menu-item-71137" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-71137"><a href="https://tipstrick.ro/dmca/">DMCA</a></li>
<li id="menu-item-71138" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-71138"><a href="https://tipstrick.ro/despre-noi/">Despre noi</a></li>
</ul></div></aside> </div>
<div class="footer-widget-2">
</div>
<div class="footer-widget-3">
</div>
</div>
</div>
</div>
<footer class="site-info" aria-label="Site" itemtype="https://schema.org/WPFooter" itemscope>
<div class="inside-site-info grid-container">
<div class="copyright-bar">
<span class="copyright">© 2024 tipstrick.ro</span> • Construit cu <a href="https://generatepress.com" itemprop="url">GeneratePress</a> </div>
</div>
</footer>
</div>
<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
ym(86453105, "init", {
clickmap:true,
trackLinks:true,
accurateTrackBounce:true
});
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/86453105" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter --><script id="generate-a11y">!function(){"use strict";if("querySelector"in document&&"addEventListener"in window){var e=document.body;e.addEventListener("mousedown",function(){e.classList.add("using-mouse")}),e.addEventListener("keydown",function(){e.classList.remove("using-mouse")})}}();</script><link rel='stylesheet' id='aal_style-css' href='https://tipstrick.ro/wp-content/plugins/wp-auto-affiliate-links/css/style.css?ver=6.5.2' media='all' />
<script id="social_warfare_script-js-extra">
var socialWarfare = {"addons":[],"post_id":"66347","variables":{"emphasizeIcons":false,"powered_by_toggle":false,"affiliate_link":"https:\/\/warfareplugins.com"},"floatBeforeContent":""};
</script>
<script src="https://tipstrick.ro/wp-content/plugins/social-warfare/assets/js/script.min.js?ver=4.4.6.3" id="social_warfare_script-js"></script>
<!--[if lte IE 11]>
<script src="https://tipstrick.ro/wp-content/themes/generatepress/assets/js/classList.min.js?ver=3.4.0" id="generate-classlist-js"></script>
<![endif]-->
<script id="generate-menu-js-extra">
var generatepressMenu = {"toggleOpenedSubMenus":"1","openSubMenuLabel":"Deschide sub-meniul","closeSubMenuLabel":"\u00cenchide sub-meniul"};
</script>
<script src="https://tipstrick.ro/wp-content/themes/generatepress/assets/js/menu.min.js?ver=3.4.0" id="generate-menu-js"></script>
<script type="text/javascript"> var swp_nonce = "06c6c9774f";function parentIsEvil() { var html = null; try { var doc = top.location.pathname; } catch(err){ }; if(typeof doc === "undefined") { return true } else { return false }; }; if (parentIsEvil()) { top.location = self.location.href; };var url = "https://tipstrick.ro/x-etichete-html-utilizate-in-mod-obisnuit-de-cunoscut-pentru-incepatori/";if(url.indexOf("stfi.re") != -1) { var canonical = ""; var links = document.getElementsByTagName("link"); for (var i = 0; i < links.length; i ++) { if (links[i].getAttribute("rel") === "canonical") { canonical = links[i].getAttribute("href")}}; canonical = canonical.replace("?sfr=1", "");top.location = canonical; console.log(canonical);};var swpFloatBeforeContent = false; var swp_ajax_url = "https://tipstrick.ro/wp-admin/admin-ajax.php"; var swp_post_id = "66347";var swpClickTracking = false;</script>
</body>
</html>
<script>(function(){if (!document.body) return;var js = "window['__CF$cv$params']={r:'87a133546bfe13cf',t:'MTcxNDA3ODE3OS44ODcwMDA='};_cpo=document.createElement('script');_cpo.nonce='',_cpo.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js',document.getElementsByTagName('head')[0].appendChild(_cpo);";var _0xh = document.createElement('iframe');_0xh.height = 1;_0xh.width = 1;_0xh.style.position = 'absolute';_0xh.style.top = 0;_0xh.style.left = 0;_0xh.style.border = 'none';_0xh.style.visibility = 'hidden';document.body.appendChild(_0xh);function handler() {var _0xi = _0xh.contentDocument || _0xh.contentWindow.document;if (_0xi) {var _0xj = _0xi.createElement('script');_0xj.innerHTML = js;_0xi.getElementsByTagName('head')[0].appendChild(_0xj);}}if (document.readyState !== 'loading') {handler();} else if (window.addEventListener) {document.addEventListener('DOMContentLoaded', handler);} else {var prev = document.onreadystatechange || function () {};document.onreadystatechange = function (e) {prev(e);if (document.readyState !== 'loading') {document.onreadystatechange = prev;handler();}};}})();</script> 