Buna ziua tuturor! Astăzi a petrecut dimineața în explicațiile "pe degete", cum să se ocupe de legăturile text și link-urile de imagine. Cred că cunoștințele inițiale ale HTML nu vor interfera cu nimeni, așa că voi sublinia pe scurt esența principală a HTML-ului. Pentru a vorbi, optimizatorii de SEO și bloggeri au avut o idee despre această limbă și despre modul în care sunt construite paginile.
Ce este HTML?
Există două tipuri de etichete: container și goale.
- Eticheta containerului împachetează textul sau imaginea și ar trebui să conțină o etichetă de deschidere și de închidere, cum ar fi ... . Eticheta de închidere are o slash / spune browser-ului că eticheta sa terminat.
- O etichetă goală este singură, cum ar fi
pentru a rupe o linie sau
pentru o linie orizontală. Etichetele goale nu necesită o etichetă de închidere, deoarece nu "înfășoară" nimic.
Cum se creează o pagină HTML
Pentru a începe cu ceva, vă sugerăm să vă uitați la un șablon HTML foarte simplu.
Vă recomandăm să citiți: Elementele de bază ale HTML (partea 3)
Numele site-ului sau al paginii </ title> <br> </ head> <br> <body> <br> Conținutul paginii principale <br> </ body> <br> </ html></p>
<p>Rețineți că atunci când deschidem eticheta, trebuie să o închidem în mod necesar. Documentele HTML sunt împărțite în două părți principale - capul și corpul. <html> Eticheta îi spune browserului că este un document HTML. <head> Eticheta conține informații despre document, cum ar fi:</p>
<p>Există aici fișiere de stiluri (CSS) conectate aici? dar acest lucru este pentru tovarăși mai avansați. În cele din urmă, eticheta <body>, care conține tot conținutul paginii site-ului: text, imagini, grafică etc.</p><h2>Crearea primei pagini HTML</h2>
<p><html> <br> <head> <br> <title> Prima mea pagină web </ title> <br> </ head> <br> <body> <br> Predarea HTML<br> Bine ai venit!<br> Aceasta este prima mea pagină web.<br> Învăț elementele de bază ale etichetelor HTML și ale titlurilor<br> HTML BASICS<br><br> </ body> <br> </ html></p>
<p>Ar trebui să arate astfel:</p>
<p><div style="text-align:center;"><img src="https://images-on-off.com/images/150/osnovihtmldlyanachinayushixvebmasterovis-30c3c85d.png" title="Elementele de bază ale html pentru webmasteri începători și profesioniști SEO (elementele de bază)" alt="Elementele de bază ale html pentru începători webmasteri și profesioniști SEO" /></div></p>
<p>Salvați fișierul ca exemplu.html pe desktop. Deschideți fișierul într-un browser web pentru a vedea cum transformă etichetele. Va fi destul de plictisitor în această etapă, dar acesta este doar începutul.</p>
<p>Puteți împodobi un pic :).</p>
<h2>Formatarea textului</h2>
<p>Putem adăuga etichete în text pentru a adăuga mai multă structură la acesta. În prima etapă, vom selecta anteturi, paragrafe, pauze de linie și o linie orizontală, dar să aruncăm o privire la totul în ordine.</p>
<p>Există 6 nivele de anteturi în HTML, ele determină nivelul de importanță. De exemplu, pe un blog, titlul articolului poate fi o etichetă h1, în timp ce numele paragrafelor postării dvs. pot fi etichete h2 sau h3. De exemplu:</p>
<p>Vă recomandăm să citiți: Cum să adăugați linkuri NoFollow în meniul WordPress</p>
<p> <br> <h2> H2 antet </h2> <br> <h3> Header h3 </h3></p>
<p>Pentru secțiunile individuale ale textului, puteți utiliza <p> pentru a adăuga un spațiu între paragrafe.</p>
<p><p> secțiune </p></p>
<h3>Ștergerea liniei</h3>
<p>Pentru a adăuga o pauză de linie, utilizați o etichetă goală <br>, adică nu trebuie să fie închisă. Aceasta creează un șir gol și trimite următorul cod la linia următoare.</p>
<h3>Linie orizontală</h3>
<p>Pentru a crea o linie orizontală în pagina dvs., folosim eticheta <hr>.</p>
<h2>Cum se adaugă formatarea textului la o pagină?</h2>
<p><div style="text-align:center;"><img src="https://images-on-off.com/images/150/osnovihtmldlyanachinayushixvebmasterovis-b17bb33b.png" title="Elementele de bază ale html-ului pentru începătorii webmasteri și profesioniștii în seo (html basics)" alt="Elementele de bază ale html pentru începători webmasteri și profesioniști SEO" /></div></p>
<p>Ca urmare a acestor mișcări, obținem următoarele:</p>
<p>Sună mai bine decât ochiul.</p>
<p>Iată absolut elementele de bază ale HTML și, probabil, partea cea mai plictisitoare! Am de gând să dezvolte acest subiect în posturile viitoare, deoarece orice specialist SEO în cele din urmă trebuie să se ocupe de elementele de bază ale HTML. <br></p>
<h4>Articole similare</h4>
<ul>
<li>
<p><a href="/utilizator-150/prezentare-pe-tema-elementelor-de-baza-ale-html.html">Prezentare pe tema elementelor de bază ale html-ului sau din ceea ce am început să creez o pagină web</a></p>
</li>
<li>
<p><a href="/utilizator-150/pensula-pentru-aplicarea-pensulei-de-fundatie.html">Pensulă pentru aplicarea pensulei de fundație retractabilă pentru tonuri de vârf - «clepsidră</a></p>
</li>
<li>
<p><a href="/utilizator-150/elementele-de-baza-ale-modulului-de-fixare.html">Elementele de bază ale modulului de fixare, îmbrăcăminte de cravată, costume pentru bărbați</a></p>
</li>
</ul>
<div class="vnizine"><p style="text-align: left;"><a href="/utilizator-150/olimp.html">Pagina anterioară</a></p><p style="text-align: right;"><a href="/utilizator-150/instrumente-snap-in-totul-despre-capturarea.html">Pagina următoare</a></p>
</div>
</article>
</div>
</div>
</div>
</div><footer class="akatita-footer clearfix">
<div class="akatita-content-layout layout-item-0">
<div class="akatita-content-layout-row">
<div class="akatita-layout-cell layout-item-1" style="width: 20%">
<p style="font-size: 18px; font-family: 'Times New Roman';">Articole aleatoare</p>
<br>
<ul>
<li><a href="/utilizator-198/ce-sunt-papusile.html">Ce sunt păpușile?</a></li>
<li><a href="/utilizator-197/frecventa-rotatie-generator-enciclopedie-mare-de.html">Frecvență - rotație - generator - enciclopedie mare de petrol și gaze, articol, pagina 2</a></li>
<li><a href="/utilizator-149/ce-este-polymedel.html">Ce este Polymedel</a></li>
<li><a href="/utilizator-190/consultarea-lumii-inconjuratoare-cu-privire-la.html">Consultarea lumii înconjurătoare cu privire la organizarea de excursii de mers pe jos pentru teritoriul copiilor</a></li>
<li><a href="/utilizator-135/pe-metale-pretioase-proteze-de-la-un-medic-dentist.html">Pe metale prețioase - proteze de la un medic dentist</a></li>
</ul>
</div><div class="akatita-layout-cell layout-item-1" style="width: 20%">
<p style="font-size: 18px; font-family: 'Times New Roman';">locație</p>
<br>
<ul>
<li><a href="/locul-pe-harta.html">Suntem pe hartă</a></li>
<li><a href="/adresa.html">Adresa</a></li>
</ul>
<ol>
<li><a href="/sitemap/sitemap162.html">sitemap</a></li>
<li><a href="/sitemap/sitemap533.html">sitemap</a></li>
<li><a href="/sitemap/sitemap570.html">sitemap</a></li>
<li><a href="/sitemap/sitemap836.html">sitemap</a></li>
<li><a href="/sitemap/sitemap849.html">sitemap</a></li>
</ol>
</div><div class="akatita-layout-cell layout-item-1" style="width: 20%">
<p style="font-size: 18px; font-family: 'Times New Roman';">Mai multe despre noi</p>
<br>
<ul>
<li><a href="/contactati-ne.html">Contactați-ne</a></li>
<li><a href="/despre-site.html">Despre site</a></li></ul>
</ul>
</div><div class="akatita-layout-cell layout-item-1" style="width: 40%">
<p style="text-align:right;"><a href="#"></a>Drepturi de autor © 2024. Toate drepturile rezervate.</p><br>
<p style="text-align: right;">
<script>
new Image().src = "https://counter.yadro.ru/hit;adolfru?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();</script>
</p>
</div>
</div>
</div>
</footer>
</div>
</div></body>
</html>
