Egy példa a HTML oldal és alapelveinek

Fantázia több nyelven, de a nyelv a HTML az egyik legkülönlegesebb és vosstrebovan. Mivel jár egy csomó más kulcsfontosságú kezdeményezés a programozás során. Sokat bocsátani, amikor a fejében a fejlesztő jelenlegi ismeretei szerint jelölőnyelv - Hypertext Markup Language (HTML).

Tény, hogy a HTML-ben, nincs semmi bonyolult, és néhány perc múlva a legtávolabb a programozás és az internet az emberek teljesítik a létesítmény HTML-oldalak a notebook. Figyelemre méltó példát, egyszerűséget, amely valóban mindenki számára elérhető.

általános leírása

HTML-fájl - egy oldal oldalon, bár ez vitatható, de mi van egy fájl oldalanként, egy indítsa egyértelmű.

HTML fájlt kezdődik a DOCTYPE fejléc, amely meghatározza, hogy a fájl típusát - HTML. Minden oldalelemek (címkéket) csúcsos zárójelben tüntetjük fel. Minden pár ( "<" és ">") egy tag a HTML. Általában HTML párosítva van, vagyis minden «tag» van «/ tag». Mindkettő hegyes zárójelek közé. Van egy tag, amelynek a legnépszerűbb «br /» - átmenetet a következő sorban.

A legnagyobb tag a fájl - a magam HTML, amely csak két tag: fej és a test. Az első esetben, különböző előírások jelzik linkek más kapcsolódó lap fájlok lehetnek jelen PHP és JavaScript scriptek. A második oldal szöveges tartalom. Formájában is a címkék és szkripteket.

Egyszerű HTML-oldal

Példa létrehozásának ilyen oldal jelzett az alábbi cikket. Fontolja meg alaposan.

HEAD rész

A fő cél HEAD tag - egy általános leírást az oldalon, és az általános scriptek, bár az utóbbi - csak egy relatív fogalom. Általában nagy jelentőséget tulajdonít csak két dolgot:

• kulcsszavak és leírás az oldal;
• linkek más fájlok (* .css és * .js).

Jelenítse meg a tartalmát az oldal tartalmát ez a rész csak közvetett jelentőséggel, mert azt jelzi, ha valamilyen más fájlok CSS szabályok címkék és más scriptek nyelven.

HTML-oldalon van egy (title), ami megjelenik, amikor egy látogató hozza az egeret a fület, ahol a lap megnyitásakor. Ez azért fontos, mert ez teszi az oldal sokkal szalonképes, könnyebb mondani, aláírt olvasható szöveget.

META-tag fontosak web programozás általában, de ha szükség van rá létrehozása HTML-oldalak egy notebook, egy példa a nemkívánatos rendetlenséget redundáns struktúrák.

A linkre, és SCRIPT kapcsolatok különös figyelmet kell fordítania. Az első rész egy olyan helyre, ahol van egy CSS stíluslap fájlt, a második - a helyét a JavaScript-kód fájlt. Ezek a kapcsolatok lehet beállítani.

Ha szkripteket kell kezelni, mint egy HTML tudás lesz erősebb, akkor kell figyelni, azonnal Cascading Style Sheets. A CSS fájlok, különösen a szabályokat regisztrációs HTML.

profiitestre

Tény, hogy egy minta oldal HTML - ez a TEST oldalunkon. Itt van, hogy minden olyan információt tartalmaz, mind a tartalmi oldalon. Minden információ formájában mutatják be a címkék és szkriptek, mint például beilleszt egy JavaScript-kódot vagy darabjai a PHP-programot.

Fontos felismerni, hogy a példa a HTML-oldalakat a böngésző és ugyanazon például egy szövegszerkesztővel, például a jegyzettömb, ez nem ugyanaz a dolog. Az első esetben készek vagyunk HTML-szöveg, amelyben az összes szkriptet kivégezték. Például PHP teljesítette rész és kialakítva helyett a kódot a megfelelő helyen a címkéket. JavaScript is teljesítette küldetését, de róla még egy külön beszélgetést.

HTML - ez címkéket helyett szkripteket. Végső soron csak az az oldal tartalmának jelenik meg a böngésző, de a tag. Nem PHP-kód nem létezik.

A JavaScript egy különleges helyzetben, gondjára - szolgálja az oldalt, nem csak a bootoláskor (túlterhelés), de azokban a pillanatokban, amikor a lap a látogató böngészőjének, és a vizsgálatok azt.

Egy egyszerű példa kód HTML-oldal (csak a test rész) az alábbiakban mutatjuk be.

A látogató böngészője úgy néz ki, az alábbiak szerint.

nem volt megadva a kódot kell kinéznie az elemeket, amelyek nyomán a böngésző. Minden design látható a CSS szabályokat. Ebben az esetben a MCSS / scPhpWordRW.css fájl, amely a hivatkozott (lásd. Az első példa egy HTML-oldal).

Ellentétben a HTML, CSS téma egyszerűbb, van egy nagyon kérhető szabályok és számuk csekély, a példa a létrehozása HTML-oldalak nem igényel mást, mint jegyzettömb. Minden nagyon elérhető legyen fejlesztés:

Ez azt mutatja, hogy mennyire könnyű ismertetik tag scLogo_vDoc, és ez a leírás, hogy a normál állapotban a címke képet jelenít vDoc-logo.png, és amikor az egér felette - megjelenik vDoc-logo-h.png.

A szerkezet a HTML leírások

Nyelv nem jár végzendő szerkezetének és szintaktikai fogalmának itt nagyon relatív. Nincsenek változók, de rengeteg lehetőséget. Alapjait hipertext, hogy van egy elem (tag), hogy biztos, hogy van egy nevet.

A név a helyzet, a tag pár, tagjai tulajdonnevek (tagName) és a szögletes zárójel ( «<» + tagName + «>»), ha beszélünk az elején a tag, és a «», ha rögzített végén.

Példa HTML oldalak leíró attribútumokat található az alábbi szöveget.

A címke attribútumokat, akkor kerülnek át egy hely után a címke nevét a zárás előtt hegyes zárójel „>”. Attribútumok, ha van a címke van rögzítve csak a kezdet. A tartalom a kulcsszó az, amely között fekszik a kezdő tag és a végét.

Összesen HTML leírásokat

HTML lehetővé teszi, hogy írja le a blokk és a belső elemek. Először elfoglalni egy bizonyos területen a böngészőablakban lehet elhelyezni abszolút, azaz a megfelelő helyen és a területén kijelző HTML-oldalak, és egy adott méret.

Inline elemek általában megjelennek egy szál, vagyis, mint ahogy azt az oldalt fájlt, és megjelenik a képernyőn. A kijelző a teljes áramlás lehet befolyásolni, ha az oldal betöltését bekövetkezik. Elhelyezés, láthatóságát és más tulajdonságait a blokk elemek is befolyásolható segítségével bármikor JavaScript-kódot.

Amellett, hogy az egyszerű elemek, HTML kínál leírni a táblázatok és formák. Ezek az elemek nagyon kapós a „hétköznapi hely épület.”

Leírása a táblázat: címkék TABLE, TR, TD

Amikor TABLE tag lehet használni, hogy hozzon létre egy táblázatot, adja meg a sorok számát és a TR egy sorban több TD-sejtek. Ezzel szemben a szokásos táblázata szervezet jellege miatt HTML-jelölés táblázatos szervezet kizárólagosan ezt a nyilatkozatot, mert ha a fejlesztő azt akarja, hogy egy téglalap alakú táblázat, amelyben az oszlopok számát az összes sorok az azonos, akkor azt kell követni, hogy magad.

Az elvi álláspontja HTML: bármit is, de semmi, ami nem tisztázott. Bizonyos esetekben ez nem olyan fontos, hogy az oszlopok száma minden sorban az asztal, de ha azt szeretnénk, hogy végre egy egyesítési sejtek vízszintesen vagy függőlegesen, meg kell számolni minden nagyon óvatosan.

Minta HTML-oldal egy leírást egy egyszerű táblázatot grafikusan látható a cikket.

Itt van egy táblázat, amely bemutatja a méret három sor három oszlop, az első sorban tag TH helyett TD tag - az oszlop fejlécében. Különösen különböztetni a két tag nem rendelkezik, de lehetőség van, hogy az első megkülönböztetni az első sorban az asztalra, és a CSS-ben a TH, akkor csatolja a saját stílusát, amely megkülönbözteti a többi TD.

Leírás forma: FORM tag, INPUT

Form - ez a legkeresettebb része a HTML-címkéket. Formanyomtatványokon lehet információt továbbítani. Tulajdonképpen az oldalon - ez a kijelző információkat, de a forma - bemenet.

Példa HTML oldal egy leírást egy egyszerű űrlapot:

Felhasználási formák sokkal, de a fő jellemzői a következők. Megadhatja a beviteli mező, meg kell rendelni, hogy tervezzen és eseménykezelőkkel elemzésére felhasználótól. Megadhat egy rejtett mező, és továbbítja az információt az oldalról háttérben. Akkor kijelölik információ átviteli gomb megnyomásával, hogy kezdeményezi az adatátvitel folyamatát.

A HTML

Tudni, hogy a hipertext nyelvet - elengedhetetlen feltétele bármilyen munka szakirányú területén az internet programozás, de ha azt szeretnénk, hogy írjon egy programot a PHP vagy JavaScript, akkor tudja, HTML + CSS szüksége tökéletesen.

PHP nyelv már azonosították az előző példában. PHP fut a szerver, mert egy oldal ebben a formában repült a szerver a böngészőnek a mezőket kitöltve. Különösen TestOnBlur említett funkciók a címke INPUT (onblur eseménykezelő), megkapta az összes paraméter formájában szöveges mezők.

A böngésző fut JavaScript, és hogy megfelelően működött adatokat küld gomb vissza a szerver, azaz tervezés :. onclick = jQuery ( „# az”) val ( „helyezése”), meg kell tudni, hogy nem csak arról, hogy mi a jQuery, de mi #to, val, kosár. Pontosabban azt kell tudni, hogy az alap HTML tag-ek és az általános szabályok rájuk a CSS stílusokat.

Ez elég ahhoz, hogy gyorsan fel a minősítés minden szakosodás területén Internet programozás.