Noțiuni de bază htmllog de programare extremă, blog de programare extremă

Elementele de bază ale html

HTML este un fișier text simplu cu extensia. Htm (html). Pentru a crea o pagină simplă la început, când antrenezi doar ai nevoie doar de un notebook. Deschideți notepad-ul și scrieți textul.







Fiecare element HTML este o etichetă încadrată <> între paranteze. Orice fișier, pagina HTML începe cu o etichetă și se termină cu o etichetă .

Această etichetă pur și simplu spune browser-ului (un program în care vizualizați pagina web) că documentul este HTML-document de marcare.

etichetă - înseamnă începutul html-documentului și - eticheta de închidere înseamnă sfârșitul documentului html.

În interiorul acestor etichete există câteva etichete mai importante. Doar în spatele etichetei există etichete care indică titlul paginii și corpul paginii.

Prima mea pagină HTML


etichetă înseamnă titlul titlului ferestrei atunci când această pagină este afișată.<br><br> <br> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8686842323494376" data-ad-slot="9763162049" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <br> <br> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8686842323494376" data-ad-slot="2447347631" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <br> <br> Acum puteți crea un nou document text în Notepad, copiați textul de mai sus și salvați-l ca Stranitsa1.html și a alerga în browser-ul, veți vedea în titlul paginii de titlu a browserului dvs. a ferestrei <title>, și o pagină goală, pentru că suntem în corpul paginii în etichete <body> </body> noi nu derivăm nimic.</p> <p>Deci, textul de mai sus va fi pentru noi cadrul de bază al oricărei pagini web.</p> <h4>Pereche și etichete nereparate!</h4> <p><html></html>, <head></head>,<body></body> Acestea sunt doar etichetele pereche - acele etichete care sunt etichetate și închise prin închiderea etichetei cu caracterul /. Pentru etichete pereche - valoarea cuprinsă între începutul etichetei și sfârșitul acesteia - aceasta este acțiunea etichetei. Acțiunea se va propaga până când se va găsi o etichetă cu simbolul /.</p> <p>Taguri necorespunzătoare - nu au o etichetă de închidere. Mai jos vom da exemple de astfel de etichete.</p> <p><head></head> - Titlul paginii html, care include cuvinte cheie pentru motoarele de căutare, diverse scripturi etc.</p> <p><body></body> - Imediat corpul html-documentului.</p> <p><br /> Eticheta necorespunzătoare.</p> <p>Notă: În majoritatea cazurilor, acum când șantierele de construcție utilizează subrutine gata făcute, plug-inuri etc. - pentru a crea site-uri mai rapid, dar, în scopul de a aplica și de a folosi aceste rutine și template-uri - încă mai au nevoie de o cunoaștere minimă a sesiunilor de date.</p> <h3>Navigare după înregistrări</h3> <br> <br> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8686842323494376" data-ad-slot="8576168847" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <br> <br> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-8686842323494376" data-ad-slot="9162386769"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <br> <br><h4>Articole similare</h4> <ul> <li> <p><a href="/utilizator-155/site-ul-corporativ-ca-baza-pentru-afaceri-de.html">Site-ul corporativ ca bază pentru afaceri de succes pe Internet, blog personal al webmasterilor</a></p> </li> <li> <p><a href="/utilizator-155/invatarea-bazata-pe-dominanta.html">Învățarea bazată pe dominantă</a></p> </li> <li> <p><a href="/utilizator-155/unele-intrebari-privind-fundamentele-statutului.html">Unele întrebări privind fundamentele statutului juridic și fiscalitatea farmaciei veterinare -</a></p> </li> </ul> <div class="vnizine"><p style="text-align: left;"><a href="/utilizator-155/versul-dvs-preferat.html">Pagina anterioară</a></p><p style="text-align: right;"><a href="/utilizator-155/asa-cum-aceste-povesti-sunt-chemati-la-pagina-71.html">Pagina următoare</a></p> </div> <h3>Trimiteți-le prietenilor:</h3> <p> <script type="text/javascript">(function(w,doc) { if (!w.__utlWdgt ) { w.__utlWdgt = true; var d = doc, s = d.createElement('script'), g = 'getElementsByTagName'; s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true; s.src = ('https:' == w.location.protocol ? 'https' : 'http') + '://w.uptolike.com/widgets/v1/uptolike.js'; var h=d[g]('body')[0]; h.appendChild(s); }})(window,document); </script> <div data-mobile-view="true" data-share-size="40" data-like-text-enable="false" data-background-alpha="0.0" data-pid="1771468" data-mode="share" data-background-color="#ffffff" data-share-shape="round-rectangle" data-share-counter-size="12" data-icon-color="#ffffff" data-mobile-sn-ids="fb.tw.wh.vb.ps.gp." data-text-color="#000000" data-buttons-color="#FFFFFF" data-counter-background-color="#ffffff" data-share-counter-type="disable" data-orientation="horizontal" data-following-enable="false" data-sn-ids="fb.tw.ps.gp.ms.bl.gt." data-preview-mobile="false" data-selection-enable="false" data-exclude-show-more="true" data-share-style="1" data-counter-background-alpha="1.0" data-top-button="true" class="uptolike-buttons" ></div> </p> </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-122/cum-sa-curatati-bratarile-de-argint.html">Cum sa curatati bratarile de argint</a></li> <li><a href="/utilizator-116/intrucat-statul-din-rusia-apara-competitia-asa-cum.html">Întrucât statul din Rusia apără competiția așa cum este cunoscută, în țara noastră de la începutul anilor 1930</a></li> <li><a href="/utilizator-212/10-motive-pentru-care-am-fost-luati-de-hipsteri.html">10 Motive pentru care am fost luați de hipsteri</a></li> <li><a href="/utilizator-172/vacante-pe-costa-del-sol-recenzii-si-povestiri-ale.html">Vacanțe pe Costa del Sol, recenzii și povestiri ale turiștilor, atracții și fotografii</a></li> <li><a href="/utilizator-121/cum-sunt-create-basmele.html">Cum sunt create basmele</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/sitemap146.html">sitemap</a></li> <li><a href="/sitemap/sitemap154.html">sitemap</a></li> <li><a href="/sitemap/sitemap247.html">sitemap</a></li> <li><a href="/sitemap/sitemap613.html">sitemap</a></li> <li><a href="/sitemap/sitemap716.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;"> <!--LiveInternet counter--><script type="text/javascript"> document.write("<a href='//www.liveinternet.ru/click' "+ "target=_blank><img src='//counter.yadro.ru/hit?t40.6;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()+ "' alt='' title='LiveInternet' "+ "border='0' width='31' height='31'><\/a>") </script><!--/LiveInternet--> </p> </div> </div> </div> </footer> </div> </div></body> </html>