Ebből a cikkből megtudhatja, hogyan használhatja a HTML-t az első webhely megírásához! A cikk szemléltető példákat kínál a jobb megértés érdekében. Foglalkozzunk rögtön azzal, hogy a cikk eredetileg azoknak készült, akik most kezdik el tanulni a HTML-t. Ezenkívül megígérjük, hogy a cikk elolvasásának végére garantáltan elkészíti első webhelyét.
A HTML a HyperText Markup Language rövidítése, vagyis a szöveg rendezésére szolgáló nyelv.
Eltérően a programozási nyelvektől (JavaScript, PHP stb.), amelyek szkripteket használnak a webhelyeken műveletek végrehajtására, a szekvenáló nyelv (HTML) címkéket használ a webhely tartalmának megjelölésére.
Kezdjük elölről tanulni a HTML-t
Ahogy az angol A, B, C stb. betűkből áll, úgy a HTML is sajátos "betűkből" áll:,,
stb. A HTML nyelvnek ezeket a sajátos "betűit" a webmesterek címkéknek nevezik.
A következő egy példa egy HTML-címkére.
Címkék Hozzon létre egy aláhúzást a szöveg széle körül.
A CSS nyelvi stílusokkal párosított HTML-címkék lehetővé teszik webhelyek gyors és hatékony létrehozását.
A HTML helye más nyelvek között
Mint tudod, egy jó weboldallegalább 5 nyelven beépítve.
A modern webhely a következő nyelveken épül fel:
- HTML (struktúra és rendezés).
- CSS (stílustartalom).
- JavaScript (böngészőműveletek).
- PHP (szerverművelet).
- SQL (adattárolás).
A HTML a fő alapvető nyelv, amelyen mások alapulnak. Ezért a HTML elsajátítása legyen az első lépés mindenki számára, aki megtanul webhelyeket készíteni az interneten.
Címke
A HTML nyelv a kezdete óta eltelt évek során megváltozott. Jelenleg a legtöbb internetes oldal áttér a nyelv legújabb verziójára, a HTML5-re. De még a HTML5-ben is változatlanok maradnak a nyelv alapjai.
Egy HTML-oldal szerkezete olyan, mint egy szendvics. Csakúgy, mint egy szendvicsben két szelet kenyér, a HTML-dokumentumban van egy nyitó és záró HTML-címke.
Ezek a címkék, mint a kenyér a szendvicsben, mindent körülvesznek belül.
Címke
A HTML tanulásának folytatása során mindenképpen meg kell ismerkednie a címkével. Közvetlenül a szülőcímkén belül található a webhely teljes tartalma, beleértve a címkét is. Ez a címke kötelező, és tartalmazza annak a webhelynek az összes beállítását, amelyhez írták. Ezek a beállítások nem láthatók a webhely látogatói számára, csak a böngészők (Google Chrome, Mozilla Firefox stb.) látják őket.
A weblapbeállítások blokkja tartalmazza az összes „nem renderelt” elemet, amelyek segítségével a böngésző helyesen jeleníti meg webhelyét az interneten.
Minden lehetőségkonfigurálható a címkén belül, megnézzük, de kicsit később - ha eljön az ideje.
Címke
A címke, akárcsak a címke, a címkén belül van.
Erre a címkére azért van szükség, hogy a webhelyén megjelenjen az összes megjeleníteni kívánt információ.
A címsorok, bekezdések, táblázatok, képek és hivatkozások csak egy kis részét képezik a címkén belüli elemeknek.
A HTML-dokumentum alapvető szerkezete:
… …
Az első webhelyed
Most már tudja, hogy HTML használatával is létrehozhat webhelyeket, és ehhez alapvető címkéket használnak:
- . Körvonalazza a weboldal határait.
- . Beállításokat tartalmaz egy weboldal böngészőben való megjelenítéséhez.
- . Tartalmazza az összes weboldalelemet (képeket, videókat, szöveget stb.), amelyet meg szeretne jeleníteni a webhely látogatóinak.
Más címkék, például,,, hamarosan beszélünk.
Jó lenne, ha az olvasó nemcsak elolvasná ezt a cikket, hanem azonnal futna is, hogy csiszolja tudását. HTML-készségeinek csiszolásához létre kell hoznia első webhelyét, amely új készségeinek tesztelési terepeként fog szolgálni.
Ismert, hogy a mobilszolgáltatók ("MTS", "MegaFon" és így tovább) nyújtanak nekünk mobilszolgáltatásokat. Ugyanígy az oldalak létrehozásához és kezeléséhez szükséges szolgáltatásokat a tárhelyszolgáltatók biztosítják számunkra. Webhelyének létrehozásához lépjen bármelyik ingyenes tárhelyszolgáltató webhelyére.
Az ellenőrzött tárhelyszolgáltatók közé tartozik a BEGET illreg, például. Bárkit választhatsz.
Rövid regisztráció után, 24 óra elteltével automatikusan létrejön az első internetes honlapod, amely az egész világ számára látható lesz, és már kezdheted is a gyakorlást!
Modern webhelystruktúra
Most, hogy megvan a webhelye, nézze meg, milyen címkéket tartalmaz a címke, és hogyan rendezik az információkat a webhelyeken.
A fenti kép a HTML nyelv legújabb verziójával – a HTML5-tel – kapott szerkezet sematikus ábrázolása. A HTML5 mellett nemcsak az új címkék jelentek meg, hanem a webhelyek létrehozásának értelme is. A képen látható összes címke a fő címkén belül található. Ezek a címkék segítenek "vázolni" webhelye szerkezetét, és értelmet adnak neki.
Például a címkéken belül … kényelmes elhelyezni a webhely címét (címkéket) és a webhely leírását (címkéket).
A webhely menüjét (hivatkozásait) kényelmes elhelyezni a címkéken belül.
Kényelmes, ha a címkék belsejében bármilyen jelentéssel kapcsolatos információtömböt elhelyezhet. Több cikk is lehet, amelyek mindegyike címkékbe vagy fényképekbe (címke) vagy táblázatba (tags) van "csomagolva"
) és így tovább.
Kényelmes minden olyan információt elhelyezni a címkékben, amelyek nem felelnek meg a.
A címkéken belül szokás további információkat elhelyezni, például elérhetőségeket, a webhely további részeit és így tovább.
Tehát most egy kicsit ügyesebben látja, miből készülnek a modern webhelyek. Vegyünk egy példáta zűrzavart a fejemben a belátástól való félelem váltotta fel.
Tehát, amikor megnyitja a fájlkezelőt a tárhelyszolgáltató webhelyén, és talál egy index.php nevű dokumentumot, nyugodtan írja bele webhelye szerkezetét, mintha a semmiből.
Az első webhelyem
Oldalcím
Oldal leírása
1. link | Link 2 | Link 3
Valamilyen cikk címe
Ez egy olyan blokk, amely bármilyen információt tartalmaz, és a CSS segítségével színezheti ezt a blokkot, és az egész old alt annak teljes tartalmával, ahogy szeretné. © Minden jog fenntartva
Emlékszel, hogy azt mondtuk, hogy különböző beállítások vannak a webhelyen? Nos, itt van:
- A böngészőknek megmutatjuk, hogy a webhely orosz és angol karaktereket is tartalmazhat (ellenkező esetben, amikor megnyitja az old alt, szörnyű krakozyabry fog megjelenni).
- Aaz oldal nevének jelzésére szolgál, amely megjelenik a böngésző lapon és a keresőben ("Yandex", Google és hasonlók).
Természetesen CSS-stílus nélkül a webhelye fukarnak tűnik (fekete betűk fehér alapon), de először próbálja meg megírni az első old alt HTML-ben.
Gratulálunk! Most hozta létre első weboldalát saját webhelyén! Érdekesebb lesz!
