Cu ce să începem?
Dacă doriți să învățați cum să lucrați cu codul HTML napryamyu, iar discursul din acest tutorial va merge mai departe despre acest lucru, utilizați - Notepad. Personal, am ales HotDog Professional, care a înlocuit Windows Notepad standard. HotDog Professional, spre deosebire de Notepad-ul standard, are multe instrumente diferite, subrutine și capabilități de serviciu.
Prima noastră pagină
Titlul secțiunii dvs.
Iată textul tău.
Dacă nu știți ce este și unde este pe computerul dvs., mergeți la panoul "START", apoi pe "PROGRAME", apoi pe fila "STANDARD", găsiți și deschideți "BLOCK". Copiați și inserați codul superior în notepad. Acum salvați acest fișier în extensia "html" sau "htm". Pentru a face acest lucru, în "Notepad" din meniul "File", faceți clic pe "Salvează ca ..."
Pentru a vedea cum va arăta exemplul rezultat, puteți afla aici.
Acum, să examinăm acest cod. Majoritatea etichetelor au un element de deschidere <> și închiderea . Între ele există coduri pe care browserul le recunoaște.
O etichetă de deschidere care anunță începutul documentului.
O etichetă de titlul de deschidere sau capul documentului (pentru care este convenabil). În viitor, dacă vorbim despre titlul documentului, vom spune eticheta , numele se referă la "titlul" documentului. Între deschidere și închiderea tag este numele informațiilor despre document și serviciu pentru browserele și motoarele de căutare. În cazul nostru, aceasta este o informație despre codificarea paginii
<br>Eticheta titlului documentului de deschidere indică browserului să înțeleagă că tot ce este scris imediat după această etichetă și înainte de eticheta de închidere este numele documentului. Acest nume este afișat de browser în bara de browser de sus.
Prima noastră pagină este numele documentului în sine.
Eticheta titlului de închidere a documentului, permițând browserului să știe că aceasta este acțiunea etichetei
Acesta sa încheiat.<br></p>
<p></Head> <br>Titlul de închidere sau eticheta de cap a documentului care explică browserului că aceasta este acțiunea etichetei <Head> Acesta sa încheiat.<br></p>
<p><Body> <br>Numai acum între eticheta de deschidere <Body> și închiderea </Body> există tot ce afișează browserul pe ecran. Acestea sunt tabele, text, imagini. Într-un cuvânt, toate elementele HTML responsabile pentru afișarea unui document, gestionarea lui și legăturile hipertext.</p>
<p></Body> <br>Închideți corpul documentului. Îi informăm pe browser că, pe acest corp sau conținut (pentru care vă place, vom spune mai departe "corpul") al documentului sa încheiat. Cu alte cuvinte, în acest loc, acțiunea etichetei este finalizată <Body>.<br></p>
<p></Html> <br>Închideți documentul HTML. Văzând această etichetă, browserul înțelege că acțiunea etichetei <Html> acest lucru sa încheiat.</p>
<h4>Articole similare</h4>
<ul>
<li>
<p><a href="/utilizator-169/celebrul-laika-un-monument-al-primului-cosmonaut.html">Celebrul Laika - un monument al primului cosmonaut de la Moscova, fotografie, site oficial - un portal de resort</a></p>
</li>
<li>
<p><a href="/utilizator-169/maraton-ziua-21-site-ul-psihologului-svetlany.html">Maraton, ziua 21, site-ul psihologului Svetlany pilyuginoj</a></p>
</li>
<li>
<p><a href="/utilizator-169/aluat-de-trandafiri-cu-umplutura-de-carne.html">Aluat de trandafiri cu umplutură de carne - restaurant acasă - site-ul culinar</a></p>
</li>
</ul>
<div class="vnizine"><p style="text-align: left;"><a href="/utilizator-169/rolul-regimului-de-oxigen-al-corpurilor-de-apa.html">Pagina anterioară</a></p><p style="text-align: right;"><a href="/utilizator-169/elemente-de-protectie-pentru-acoperiri.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-124/peeling-caracteristici-jessner-recomandari.html">Peeling caracteristici jessner, recomandări</a></li>
<li><a href="/utilizator-117/un-nou-remediu-pentru-tratamentul-infectiei-cu.html">Un nou remediu pentru tratamentul infecției cu drojdie Manual de instrucțiuni pentru difluzole</a></li>
<li><a href="/utilizator-186/test-de-somon-usor-sarate-cerere-o-revista.html">Test de somon ușor sărate, cerere - o revistă electronică pentru consumatori</a></li>
<li><a href="/utilizator-165/polenizarea-trandafirilor-trandafiri-forum-pentru.html">Polenizarea trandafirilor - trandafiri - forum pentru agricultura naturala</a></li>
<li><a href="/utilizator-181/ceea-ce-distinge-pisicile-scotiene-de-cele.html">Ceea ce distinge pisicile scoțiene de cele britanice</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/sitemap460.html">sitemap</a></li>
<li><a href="/sitemap/sitemap796.html">sitemap</a></li>
<li><a href="/sitemap/sitemap995.html">sitemap</a></li>
<li><a href="/sitemap/sitemap1007.html">sitemap</a></li>
<li><a href="/sitemap/sitemap1033.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 © 2025. 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>