De unde să încep?
Crearea unei pagini Web poate fi împărțită în mai multe etape.
Plasarea informațiilor pe o pagină Web este specificată folosind comenzi speciale pentru etichete. O etichetă este o comandă înțeleasă de browser. Etichetele sunt închise în paranteze unghiulare <и>. Puteți scrie etichete atât în litere mici cât și în litere mari (și chiar alternativ).
Etichetele sunt asociate și nerepartizate. Eticheta necorespunzătoare spune că în acest loc trebuie să introduceți un element, de exemplu, un desen sau o linie de divizare. De exemplu, o etichetă
înseamnă trecerea la o nouă linie în text (fără o indentare a paragrafelor).
Eticheta asociată este formată din două părți - etichetele de deschidere și de închidere. Eticheta de închidere are același nume ca eticheta de deschidere, dar numele este precedat de / (slash). Acțiunea etichetei pereche se extinde la tot ceea ce se află între ele. De exemplu, eticheta asociată
aliniază centrul paginii cu toate informațiile aflate pe punctul de elipsă.
Cea mai simplă pagină
Aici este textul celei mai simple pagini Web din HTML:
Prima mea pagină web
Salutări!
Iată cum arată fereastra browserului dacă deschideți această pagină:
Să încercăm să înțelegem. Pagina începe cu o etichetă și se termină cu o etichetă de închidere . Conținutul paginii se află între ele și este împărțit în două părți, care constau în etichete asociate
și .
etichetă
(de la capul englez) conține titlul paginii înregistrat în etichetă . și, eventual, alte informații despre servicii, de exemplu, cuvinte cheie pentru motoarele de căutare.</p>
<p>Zona de lucru a browserului afișează tot ceea ce se află în interiorul etichetei <BODY> (din corpul englez - corpul). În acest bloc trebuie să plasați text, imagini, tabele etc.</p>
<p>În secțiunea următoare, veți învăța cum să codificați culorile în HTML.</p>
<p>Preprocesorul HTT. permițându-vă să utilizați șabloane pe paginile Web.</p>
<p>Site-ul lui Jakob Nielsen - un expert binecunoscut în "utilizare" (ușurința de utilizare a site-urilor Web).</p>
<p>Site-ul studioului de design Artemy Lebedev. Una dintre cele mai bune secțiuni este "Mandership" (design pentru smart).</p>
<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-204/prima-etapa-incalzitorul-de-aer-o-enciclopedie.html">Prima etapă - încălzitorul de aer - o enciclopedie mare de petrol și gaze, articol, pagina 1</a></p>
</li>
</ul>
<div class="vnizine"><p style="text-align: left;"><a href="/utilizator-204/top-5-caini-cunoscuti-de-yakutia-yasia-stiri.html">Pagina anterioară</a></p><p style="text-align: right;"><a href="/utilizator-204/saracia-voluntara.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-189/influenta-internetului-asupra-dezvoltarii.html">Influența internetului asupra dezvoltării societății moderne "</a></li>
<li><a href="/utilizator-209/eliminati-parola-din-testele-mytestx-si-easyquizzy.html">Eliminați parola din testele mytestx și easyquizzy</a></li>
<li><a href="/utilizator-157/sala-pentru.html">Sala pentru</a></li>
<li><a href="/utilizator-155/sarbatori-tasmania-atractii-si-hoteluri.html">Sarbatori Tasmania, atractii si hoteluri</a></li>
<li><a href="/utilizator-198/cum-sa-eliminati-grasimea-din-maini-pierdeti-pur.html">Cum să eliminați grăsimea din mâini, pierdeți pur și simplu greutatea</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/sitemap287.html">sitemap</a></li>
<li><a href="/sitemap/sitemap314.html">sitemap</a></li>
<li><a href="/sitemap/sitemap799.html">sitemap</a></li>
<li><a href="/sitemap/sitemap848.html">sitemap</a></li>
<li><a href="/sitemap/sitemap891.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>