HTML alapjai kezdőknek

HTML - a nyelv jelölő dokumentumokat. A helyes kiejtés - HSBC Chi Um El.

HTML - ez egy jelölőnyelv dokumentum a böngésző. Word'om itt a böngésző és a dokumentum - HTML oldalt. Ez a HTML-alapú megértését, amely szükséges ahhoz, hogy ne keverjék össze a Web jelölőnyelv dokumentumok egy programozási nyelv. A név magáért beszél - mi használ HTML árrést. ami látható lesz az oldalelemek, kép, vagy szöveg és milyen sorrendben fogják követni egymást.

Igen, van egy egyszerű, a szöveg formázását, és az irodai alkalmazások már semmi közös programozással. De figyelmes olvasó észre fogja venni egy fontos részlet - egy szövegszerkesztő beírjuk, szerkesztés és formátum szöveget és képeket révén vizuális és menü gombok, de miért HTML kód van írva kézzel? Miért tanulni annyira technikai részleteket az írás a jelölést a dokumentum?

Tehát, HTML, írunk csak tollak. Megfelelő eszközök vizuális szerkesztési HTML nem jön ki, és nem valószínű, hogy megjelenik. HTML jelölőnyelv könnyű megtanulni és megérteni, és írni a HTML kódot az automatizálás sokat jelent, de ez más tanulságokat.

A szerkezet egy HTML dokumentum

Úgy döntöttünk, hogy a HTML-dokumentum lesz kézzel írt, vagyis hogy elő. HTML kódolás - létrehozásának folyamatát egy HTML dokumentum. A köznép és tájékozott körök - csak smink. Minden dokumentum szerkezete és egyes építési szabályokat. Mik az elemei a kód, mely struktúra HTML?

Felhívjuk figyelmét, hogy a HTML dokumentumok kiterjesztése .html.

Tehát, ebben a sorrendben egy példát.

- dokumentum típusa (doctype)

Ez a konstrukció mindig meghatározott elején a dokumentumot a helyes „megértés” a böngésző melyik verziója HTML használják az építőiparban a dokumentumot.

Mivel a HTML folyamatosan fejlődik, van több változata, valamint bármely szoftver terméket. A jelenlegi verzió HTML - az ötödik és példaként doctype releváns.

Elvileg a mélyebben a tanulmány fajta dokumentum nincs semmi értelme, mert a megjelenése HTML5, ez a kialakítás vált a szabvány. Csak helyezze be a dokumentum elejére minden alkalommal, amikor elkezdi, hogy döntsön a webhely elrendezését.

- a dokumentum elejére

Az első tag, hogy találkozunk, miután a doctype, akkor .

HTML tag - szerkezeti egységet HTML-kód dokumentumot. HTML kód alkotja építőelemek, amelyek úgynevezett címkéket. Minden tag saját funkciója és HTML nyelvtanulás, a végén, abban rejlik, hogy a tanulmány a címkék és azok tulajdonságait a dokumentumban.

Meg kell jegyezni, hogy a tanulás HTML nem olyan bonyolult feladat, mint amilyennek látszik első pillantásra. Tanuld meg használni a jelölő dokumentum címkék - nem olyan nagy terhelést az agyban.

Így a dokumentum kezdődik jelölő címke és végül a záró tag . Minden tag, amely egyéb tag vagy elem kell zárni zárás. Például, , ,

, és t. d.

címke Ez azért szükséges, mert tartalmazza az összes dokumentum szerkezetét és a wrapper a többi elem.

címke

Ezután látjuk a címkét . amely más elemek nem világos számunkra. Ez tartalmaz más elemeket - ami azt jelenti, hogy az elemek vagy címkék között helyezkedik el a nyitó és záró tag szerkezete:

címke tárolására tervezett metainformációnak egy HTML dokumentum, amely információkat, amelyek nem jelennek meg a dokumentumban, de ez egy fontos és nagyban meghatározza a dokumentum hogyan fog kinézni, és hogyan kell viselkedni.
Ez a tag köteles a dokumentumban.

címke - dokumentum címe</h4> <p>header <title> címke kötelező. tartalmazó szöveges meta-információt, amely megjelenik a böngésző cím vagy fülek. címke <title> Meg kell lennie a tag <head>. Továbbá, a tartalmát a tag által használt keresőmotorok hogy megjelenjen a dokumentum a keresési eredmények között.</p> <h4>meta címke <meta charset="UTF-8"></h4> <p>Meta tag, amely információkat tartalmaz a karakterkódolást a dokumentumot. Nagyon kívánatos, hogy adja meg a címke minden új dokumentum megjelenítéséhez megfelelő. Ennek hiányában a tag vezethet az a tény, hogy ahelyett, hogy a szó az oldalon jelenik meg az ismeretlen karaktert, és a szöveg nem lesz olvasható és chelovekoponyatnym.</p> <p>Meta - speciális címke, célja, hogy a strukturált adatok az oldalon. Meta Tags leggyakrabban használt kulcsszó <head>. Meta tagek nem szükséges a szerkezet egy HTML dokumentum.</p> <p>Azt javasoljuk, hogy minden HTML dokumentumban eredetileg UTF-8 kódolást. mint a fenti példában.</p> <h4>Favicon (favicon)</h4> <p>Csatlakozzunk a dokumentum képfájlt a favicon. Favicon (favicon) - egy miniatűr ikon mellett megjelenő dokumentum nevét a böngésző fülön. Favicon - egy grafikus fájl mérete 16 x 16 (vagy 32 x 32) pixel, ami lehet, hogy a különböző formátumokat, mint a png, jpg, ico, gif. Hagyományosan használt ico formátumban. Animált favicons - ez gif fájlokat tartalmazó animáció. Nézze meg a animált favicon lehetséges például, VKontakte, ha új üzenet érkezik.</p> <h4>CSS stílusok dokumentum</h4> <p>Csatlakozás a dokumentumot CSS fájlt a stílus a HTML.</p> <p>CSS - Cascading stílusok HTML dokumentum. Minden tag, amely a címke <body>, van egy sor tulajdonságot, mint például - a szín, szélesség, magasság, viszonyított helyzete más elemeket. Mindezek a tulajdonságok és a CSS stílusokat, hogy lehet venni egy külső fájlt. tervezés <link> köti össze a külső fájlokat a dokumentum HTML, beleértve a CSS stílusokat.</p> <p>Megjegyzés: href ingatlan építési <link> meghatározza a helyét egy külső fájlt. Példánkban a fájlt style.css és favicon.ico. Ezek ugyanabban a könyvtárban, mint az index.html fájlt. <link> Nem kell egy záró tag.</p> <h4>címke <script></h4> <p>Példánkban egy külsõ script.js fájlt. amely ugyanabban a mappában, mint a fő index.html fájlt.</p> <p>Tehát, barátok, megbeszéltük az alapvető elemek, amelyek a tag <head> gyakrabban. Amellett, hogy ezeket az elemeket, a <head> Számos más, konkrétabb és nem kötelező.</p> <p>A záró tag <head> és a lépéssel tovább.</p> <h4>Body aka test</h4> <p>Itt kezdődik a legérdekesebb és vizuálisan érzékelhető a HTML dokumentum.</p> </div> <div class="extra"> <div class="info"><a href="/articles/8-tipp-hogyan-kell-kivalasztani-hust-grillezo.html">előző</a> ◈ <a href="/articles/mely-kez-viselt-jegygyuru-a-nok-es-ferfiak-2.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="heading"><h4 class="title">Menu</h4></div> <div class="content"> <a href="/tags/vkontakte.html" class="tag-links" title="48" style="font-size: 12pt;">VKontakte</a> <a href="/tags/a.html" class="tag-links" title="170" style="font-size: 21pt;">a</a> <a href="/tags/a-kezeles.html" class="tag-links" title="55" style="font-size: 12pt;">a kezelés</a> <a href="/tags/a-kornyezet.html" class="tag-links" title="67" style="font-size: 13pt;">a környezet</a> <a href="/tags/a-tunetek.html" class="tag-links" title="60" style="font-size: 13pt;">a tünetek</a> <a href="/tags/absztrakt.html" class="tag-links" title="64" style="font-size: 13pt;">absztrakt</a> <a href="/tags/ami-azt-jelenti.html" class="tag-links" title="48" style="font-size: 12pt;">ami azt jelenti</a> <a href="/tags/arc.html" class="tag-links" title="65" style="font-size: 13pt;">arc</a> <a href="/tags/dieta.html" class="tag-links" title="55" style="font-size: 12pt;">diéta</a> <a href="/tags/eskuvo.html" class="tag-links" title="62" style="font-size: 13pt;">esküvő</a> <a href="/tags/festek.html" class="tag-links" title="58" style="font-size: 12pt;">festék</a> <a href="/tags/foto.html" class="tag-links" title="95" style="font-size: 15pt;">fotó</a> <a href="/tags/fotok.html" class="tag-links" title="65" style="font-size: 13pt;">fotók</a> <a href="/tags/ferfi.html" class="tag-links" title="82" style="font-size: 14pt;">férfi</a> <a href="/tags/gyermek.html" class="tag-links" title="68" style="font-size: 13pt;">gyermek</a> <a href="/tags/haj.html" class="tag-links" title="82" style="font-size: 14pt;">haj</a> <a href="/tags/hogy.html" class="tag-links" title="110" style="font-size: 16pt;">hogy</a> <a href="/tags/ingyen.html" class="tag-links" title="52" style="font-size: 12pt;">ingyen</a> <a href="/tags/jobb.html" class="tag-links" title="57" style="font-size: 12pt;">jobb</a> <a href="/tags/kezek.html" class="tag-links" title="84" style="font-size: 14pt;">kezek</a> <a href="/tags/kezeles.html" class="tag-links" title="113" style="font-size: 17pt;">kezelés</a> <a href="/tags/kutya.html" class="tag-links" title="63" style="font-size: 13pt;">kutya</a> <a href="/tags/kutyak.html" class="tag-links" title="53" style="font-size: 12pt;">kutyák</a> <a href="/tags/kez.html" class="tag-links" title="161" style="font-size: 20pt;">kéz</a> <a href="/tags/kezikonyvek.html" class="tag-links" title="48" style="font-size: 12pt;">kézikönyvek</a> <a href="/tags/kornyezet.html" class="tag-links" title="81" style="font-size: 14pt;">környezet</a> <a href="/tags/macska.html" class="tag-links" title="63" style="font-size: 13pt;">macska</a> <a href="/tags/macskak.html" class="tag-links" title="52" style="font-size: 12pt;">macskák</a> <a href="/tags/mit.html" class="tag-links" title="51" style="font-size: 12pt;">mit</a> <a href="/tags/miert.html" class="tag-links" title="70" style="font-size: 13pt;">miért</a> <a href="/tags/munka.html" class="tag-links" title="48" style="font-size: 12pt;">munka</a> <a href="/tags/nem.html" class="tag-links" title="50" style="font-size: 12pt;">nem</a> <a href="/tags/okai.html" class="tag-links" title="47" style="font-size: 12pt;">okai</a> <a href="/tags/otthon.html" class="tag-links" title="212" style="font-size: 24pt;">otthon</a> <a href="/tags/receptek.html" class="tag-links" title="74" style="font-size: 14pt;">receptek</a> <a href="/tags/shkolopediya-eloadas.html" class="tag-links" title="60" style="font-size: 13pt;">shkolopediya előadás</a> <a href="/tags/studopediya.html" class="tag-links" title="66" style="font-size: 13pt;">studopediya</a> <a href="/tags/szerelem.html" class="tag-links" title="55" style="font-size: 12pt;">szerelem</a> <a href="/tags/tanulni.html" class="tag-links" title="66" style="font-size: 13pt;">tanulni</a> <a href="/tags/terhesseg.html" class="tag-links" title="54" style="font-size: 12pt;">terhesség</a> <a href="/tags/tunetek.html" class="tag-links" title="58" style="font-size: 12pt;">tünetek</a> <a href="/tags/otletek.html" class="tag-links" title="59" style="font-size: 12pt;">ötletek</a> <a href="/tags/utmutato.html" class="tag-links" title="67" style="font-size: 13pt;">útmutató</a> <a href="/tags/o.html" class="tag-links" title="69" style="font-size: 13pt;">ő</a> </div> </div> <div class="box"> <div class="content"> <div class="box"> <div class="content"> </div> </div> </div> </div> <div class="box"> <div class="heading"><h4 class="title">Cikk címkék</h4></div> <div class="content"> <a href="/tags/kezdeni-html.html">kezdeni html</a>, <a href="/tags/html.html">html</a>, <a href="/tags/jelolonyelv-dokumentumok-html-jelolonyelv.html">jelölőnyelv dokumentumok HTML jelölőnyelv</a>, <a href="/tags/html-jelolonyelv-dokumentumok.html">HTML jelölőnyelv dokumentumok</a> </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"> <p>Copyright © 2024</p> <script> new Image().src = "https://counter.yadro.ru/hit;blogotirni?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> </div> </footer></div> </body> </html>