Az oktató html első oldala

Hol kezdjem?

Weblap létrehozása több szakaszra bontható.

A weblapon lévő információk elhelyezését speciális címkeparancsok adják meg. A címke olyan parancs, amelyet a böngésző megért. A címkék zárójelben vannak <и>. A címkéket kis- és nagybetűkre (és akár felváltva) is felírhatja.

A címkék párosulnak és páratlanok. A nem párosított címke azt mondja, hogy ezen a helyen be kell illeszteni néhány elemet, például egy rajzot vagy egy elválasztó vonalat. Például egy címke

: a szöveg új sorába történő átmenet (bekezdésbeillesztés nélkül).

A páros tag két részből áll - a nyitó és záró címkék. A zárócímke ugyanaz, mint a nyitócímke, de a név előtte a / (slash). A párcímke hatása mindenre kiterjed, ami köztük van. Például a párosított címke

igazítja az oldal középpontját az ellipszis helyén található összes információhoz.

A legegyszerűbb oldal

Itt található a legegyszerűbb weblap HTML-szövege:



Az első weblapom


Üdvözlet!

És ez az, ami a böngészőablaknak néz ki, ha megnyitja ezt az oldalt:

Próbáljuk megérteni. Az oldal egy címkével kezdődik és záró taggal végződik . Az oldal tartalma közöttük van, és két részre oszlik, amelyek párosított címkékből állnak és .

címke (az angol fejfejből) tartalmazza a címke belsejében rögzített oldalt . és esetleg egyéb szolgáltatási információkat, például a keresőmotorok kulcsszavait.</p> <p>A böngésző munkaterülete megmutatja mindazt, ami a címkén belül található <BODY> (az angol testből - a testből). Ebben a blokkban van szöveg, kép, táblázat stb. Elhelyezése.</p> <p>A következő részben megtudhatja, hogyan kódolja a színeket a HTML-ben.</p> <p>A HTT előfeldolgozó. lehetővé téve a sablonok használatát a weboldalakon.</p> <p>Jakob Nielsen - a "használhatóság" (a weboldalak egyszerű használata) ismert szakértője.</p> <p>A design stúdió Artemy Lebedev helyszíne. Az egyik legjobb szakasz a "Mandership" (intelligens tervezés).</p> <h4>Kapcsolódó cikkek</h4> <ul> <li> <p><a href="/szakerto-204/az-elso-szakasz-legfuto-nagy-olaj-es-gazcikk.html">Az első szakasz - légfűtő - nagy olaj- és gázcikk enciklopédia, cikk, 1. oldal</a></p> </li> </ul> </div> <div class="extra"> <div class="info"><a href="/szakerto-204/kenyszerltett-matrix.html">előző</a> ◈ <a href="/szakerto-204/egyeb-nyul-vadaszat-8-oldal.html">a következő</a></div> <div class="clear"></div> </div> </article> </div> </div> </div> </div> <div id="sidebar" class="col-1-3"> <div class="wrap-col"> <div class="box"> <div class="content"> </div> </div> </div> </div> </div> </div> </section> <footer> <div class="wrap-footer pominodiko"> <div class="row"> <div class="col-1-1"> <div class="wrap-col"> <div class="box"> <div class="content"> </div> </div> </div> </div> </div> </div> <div class="copyright"> <h4>Hasznos cikkek</h4> <p> <li><a href="/szakerto-121/mivel-van-egy-hiany-es-felesleg-termekek-piacon.html">Mivel van egy hiány és felesleg termékek piacon</a></li> <li><a href="/szakerto-197/ip-regisztracio-2019-ben.html">Ip regisztráció 2019-ben</a></li> <li><a href="/szakerto-194/it-blog-dionysia-hasznos-programok-linux-mint.html">It-blog Dionysia - hasznos programok linux mint - dewdrop</a></li> <li><a href="/szakerto-204/a-racionalis-taplalkozas-erteke.html">A racionális táplálkozás értéke</a></li> <li><a href="/articles/szajpenesz-kezelesere-mezzel-egyik-modszer-a.html">szájpenész kezelésére mézzel egyik módszer a hagyományos orvoslás</a></li> <li><a href="/szakerto-145/hogyan-juthat-el-a-furas-furatok-nem-meleg-sokat.html">Hogyan juthat el a fúrás furatok nem meleg sokat</a></li> <li><a href="/szakerto-171/regisztracio-lrja-rylsk-magad-lepesrol-lepesre.html">Regisztráció Írja Rylsk magad lépésről lépésre megnyitásával un Kurszk régióban</a></li> </p> <p>Copyright © 2024</p> </div> <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> </footer></div> </body> </html>