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
header
meta címke
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.
Meta - speciális címke, célja, hogy a strukturált adatok az oldalon. Meta Tags leggyakrabban használt kulcsszó
. Meta tagek nem szükséges a szerkezet egy HTML dokumentum.Azt javasoljuk, hogy minden HTML dokumentumban eredetileg UTF-8 kódolást. mint a fenti példában.
Favicon (favicon)
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.
CSS stílusok dokumentum
Csatlakozás a dokumentumot CSS fájlt a stílus a HTML.
CSS - Cascading stílusok HTML dokumentum. Minden tag, amely a címke
Megjegyzés: href ingatlan építési 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. Nem kell egy záró tag.
címke
Példánkban egy külsõ script.js fájlt. amely ugyanabban a mappában, mint a fő index.html fájlt.
Tehát, barátok, megbeszéltük az alapvető elemek, amelyek a tag
gyakrabban. Amellett, hogy ezeket az elemeket, a Számos más, konkrétabb és nem kötelező.A záró tag
és a lépéssel tovább.Body aka test
Itt kezdődik a legérdekesebb és vizuálisan érzékelhető a HTML dokumentum.