Mi az a html és mire használják. Mi az oldal HTML kódja? Gyakorold, hogy megértsd, mi az a HTML...

Minden oldalnak más a megjelenése és a funkcionalitása, de mi ennek az oka, és milyen nyelven írják az oldalt? Mindehhez a Cascading Style Sheets és a HTML nyelv használatos. Ennek a nyelvnek a kódját megtekintheti saját maga, ha megvizsgálja az objektumokat a böngészőben. Pontosabban, mi a HTML nyelv, ebben a cikkben fogunk beszélni.

Cikkünk elsősorban kezdőknek szól, ezért a blog rendszeres olvasóinak megértését reméljük!

A bejegyzés a következő részekre oszlik:

Mi az a HTML oldal

A HTML nevű jelölőnyelv az oldal összes elemének stílusát határozza meg, beleértve a táblázatokat, képeket és szöveget. Megnézheti a kódot, és megpróbálhatja megérteni, ha használ ilyet modern böngésző, kattintson a jobb gombbal az oldalra, és a menüben kattintson az "oldal forráskódja" vagy a "HTML kód" sorra. Ezek után látni fogsz valami szerkesztő szerűséget, amiben rengeteg érthetetlen felirat és szimbólum van, ez a HTML nyelvi kód.

Minden WWW dokumentum gazdagon formázott és gyönyörűen megtervezett szöveget, valamint az oldal tulajdonosa által választott hiperhivatkozásokat és képeket tartalmaz. Az ezekkel az elemekkel való munkavégzés érdekében a programozók létrehoztak egy HTML (Hyper Text Markup Language) nevű nyelvet, ami hipertext jelölőnyelvet jelent. Minden böngésző másként működik és másképp jeleníti meg a HTML-kódot, így a különböző böngészőkben eltérően jelenik meg, különösen a régebbi verziókban. internet böngésző.

Minden HTML dokumentum hasonló – ez a szabvány szöveges fájl, amely jelölőcímkéket tartalmaz az adott nyelvhez, valamint a webhely látogatói által olvasott szövegeket. A címkék egy oldal létrehozására szolgálnak, és a böngésző ezeket olvassa be, amikor betölti azt. A címkék meghatározásának és kialakításának köszönhetően az oldalon egy adott helyen elhelyezhet egy cikket vagy más anyagot, grafikus fájlokat és fényképeket, valamint az oldal más oldalaira mutató hiperhivatkozásokat adhat hozzá. Alapvetően HTML fájl nem webdokumentum, csak a böngésző általi olvasás után válik azzá.

Természetesen a szabványos HTML kódnak megvannak a maga hátrányai és hátrányai. Erősen meg kell próbálnia elrendezni a bekezdéseket a szöveggel az oldalon, mert a jelöléshez és minden máshoz bizonyos tulajdonságokat kell előírnia a teljes szöveghez és minden egyes bekezdéshez. Ha webhelye 50 oldalas, és mindegyik 10-20 bekezdésből áll, nagyon sokáig tart a szöveg formázása, és minden alkalommal ugyanazokat a címkéket szúrja be. Ez nemcsak a webhely tulajdonosát fárasztja, hanem negatívan befolyásolja a webhely oldalainak súlyát is. Emiatt jöttek létre később a lépcsőzetes stíluslapok, röviden CSS-nek hívják őket, ami azt jelenti, hogy Cascading Style Sheets, aminek köszönhetően gyorsan el lehet rendezni a szöveget. Hozzárendelhet egy címkét, és megadhat neki bizonyos jellemzőket, például a szöveg színét, méretét, betűtípusát és így tovább, majd alkalmazhatja a bekezdésekre. Ebben az esetben a stíluslap fájl külön kerül tárolásra, feltölthető egy vagy több oldalra egyszerre. Ezután az oldal fő elemei HTML-ben íródnak, majd beillesztik a szöveget, majd csatlakoztatják a CSS-t, és az összes szöveg megkapja a kívánt dizájnt. Csökkenti az oldalak súlyát is, ami nagyon fontos.

CSS használata célszerű, ha az oldalon sok olyan oldal van, amelyek ugyanolyan kialakításúak lesznek. Minden bekezdéshez beállíthat bizonyos szövegformázást, ha egy dokumentumba több sort ír CSS kóddal. Az oldal létrehozása során a tördelőtervezők elkészítik a fő elrendezést HTML-ben, a Photoshopban létrehozott elrendezésre összpontosítva. De ezek után a webhely befejezetlennek tűnik, vonzó megjelenést kell létrehoznia, és ezt lépcsőzetes stíluslapokkal érik el. Ezt könnyű megtanulni, ha sok szabadidőd van, mivel az összes oldal általános megjelenése nagyjából egyforma, lehet egy elrendezést több blokkkal, és ehhez "igazíthatod" a többi oldalt. A lépcsőzetes stíluslapok általában sokkal bonyolultabbak, mint a CSS, és még nehezebb egy webhelyet blokkon, és nem táblázatokon elhelyezni. Ezenkívül a kezdeti szakaszban olyan problémával találkozhat, mint a webhely eltérő megjelenítése a böngészőkben. Azért hozták létre a CMS-t, hogy ne vesztegessünk időt és ne keressünk pénzt a webhelyeken - kész elrendezések oldalak, amelyek lehetnek ingyenesek vagy fizetősek, és rendelkeznek bizonyos felügyeleti rendszerrel.

Mi az a HTML5. Különbségek és előnyök

új szabvány A HTML5 segíti a webhelytulajdonosokat, és mentesíti őket a formátum használatának kötelezettsége alól Adobe Flash, valamint egyéb programok. Köszönet ezt a szabványt módosíthatja a szövegek megjelenítését az oldalakon, és megkönnyítheti az információbevitelt az elektronikus űrlapok kitöltésekor. Ha felosztjuk ennek a nyelvnek az összes újítását, a következő pontokat különböztethetjük meg:

  1. Az oldalra való belépés után a böngészőn keresztül nézhetnek videókat és hallgathatnak hangot, ehhez külön gomb jön létre a lejátszáshoz.
  2. Az új fotók feltöltése ezen a nyelven sokkal egyszerűbb, akár képgalériákat is létrehozhat. Nem is kell továbbiakat letöltenie szoftver.
  3. Megkeresheti a szöveget és megjelölheti a szövegblokkokat. A szöveget finomhangolhatja is, hogy könnyebben olvasható legyen.
  4. Ha korábban a HTML4-ben az adatbevitel után csak az űrlap elküldésekor vett észre valaki hibát, akkor most a böngésző azonnal hibát jelez, ha rosszul tölti ki az űrlapot. Ez nagyon kényelmes a felhasználók számára, mert nem kell ugyanazokat a részeket többször kitölteni az adatokkal.
  5. Nem kell használni szoftver modulok, mert a HTML5 segítségével bármilyen ötletet megvalósíthat az oldallal kapcsolatban. Csak akkor, ha az oldal egyedi, és valami különlegeset kell kitalálnia, telepítsen további szoftvermodulokat.
  6. Korábban az emberek nem tudták normálisan megnézni az oldalt táblagépen vagy okostelefonon, mivel a HTML4 szabvány nem rendelkezik böngészőkompatibilis mobil eszközökés mások operációs rendszer. A HTML5 nyelv használatával olyan oldalak jönnek létre, amelyek ideális esetben minden eszközről nagy sebességgel olvashatók.

Ha kérdése van - írja meg a megjegyzésekben, szívesen válaszolunk rájuk!

Mi az a HTML és mire való? - 3 szavazat alapján 3,7 az 5-ből

Mielőtt folytatná a tanulmányt, azt javaslom, hogy fontolja meg, mi az a html, és mire szolgál.

A HTML a Hyper Text Markup Language (Hyperszöveg-jelölőnyelv) rövidítése, amely Hyper Text Markup Language-nek fordítható. Ennek a nyelvnek a segítségével weboldalak jönnek létre.

A HTML nem programnyelv. Szöveges dokumentumok jelölésére szolgál. Vagyis nagyjából ennek segítségével hajtjuk végre a szövegformázást.

Tehát hogyan szerkeszthetünk szöveget HTML használatával? A helyzet az, hogy a HTML nyelv címkékből (címkékből) áll. Minden címke meghatározza, hogyan fog kinézni a szöveg az oldalon.

Másképp fogalmazva, minden címke egy adott parancsot ad a böngészőnek (a programnak, amellyel weboldalakat nézeget), a böngésző megérti ezt a parancsot, és kész szöveget jelenít meg bizonyos módon formázva a képernyőn.

Ezért magát a kódot nem látja, a böngésző megjeleníti a már formázott szöveget és grafikát a monitor képernyőjén. Ha magad akarod látni html kódotés az éppen olvasott szöveget formázó címkéket, majd lépjen a saját oldalára internet böngésző Indítsa el a menüelemet > nézetet, és a legördülő listából válassza ki az elemet > forrás. Nézd meg a rajzot.

Ezzel megnyílik a kódot tartalmazó ablak. Hasonló a második képen láthatóhoz. Ezt a kódot görgetheti és nézheti, főleg címkékből áll, amelyeken belül a legtöbb esetben szöveg található. Így anélkül, hogy belemennénk a részletekbe, azt mondhatjuk, hogy minden tag meghatározza, hogy hol, hogyan, milyen betűtípussal, milyen színű lesz a szöveged.

Valójában azonban a HTML-címkék nem csak szöveget tudnak formázni, hanem képeket is beszúrhatnak az oldalra, táblázatokat hozhatnak létre, hivatkozásokat hozhatnak létre és még sok mást is használhatnak.

Mindegyik címke ellátja a saját specifikus funkcióit, és ahhoz, hogy megtanuljon weboldalakat készíteni, tudnia kell, hogy ez vagy az a címke mire való. Azt hiszem, most egy kicsit érted, mi az a html.

Először is nézzük meg, mi az a címke. Egyszerűen fogalmazva, a címkék közönséges angol karakterekből vagy szavakból állnak, csak ezek a betűk és szavak meghatározott módon vannak kialakítva.

Minden címke szögletes zárójelekből áll,< >amelyen belül bizonyos karakterek elhelyezkednek. Legtöbbjük nyitásból és zárásból áll.

Például címke - nyitás, és- zárás. Mint látható, ezek különböznek a záró perjel jelenlétében / a záró karakterben. Ha bármilyen szó kerül közéjük, pl. akkor megjelenik kiemelten. Minden, ami szögletes zárójelben van, ebben az esetben nem jelenik meg a képernyőn, hanem egyfajta parancs a böngésző számára, hogy a címkék közé zárt szót félkövéren kell feltüntetni.

Természetesen sok címke létezik, és mindegyik ellátja a saját specifikus funkcióit. Körülbelül ennek az elvnek megfelelően az összes többi címke és a teljes HTML egésze működik. Ha bármilyen dokumentumot lekér az internetről, böngészője letölti a html kódot, megfelelően értelmezi, és készen formázott szöveget, grafikát, táblázatot stb. jelenít meg a képernyőn.

Ennek a leckének az volt a célja, hogy képet adjon arról, mi az a HTML, a következő leckékben ennek a jelölőnyelvnek a tanulmányozását kezdjük. Az anyag elsajátításának megkönnyítése érdekében azt javaslom, hogy kezdje el a leckék tanulmányozását a legegyszerűbbektől, simán haladjon át a bonyolultabbakra, például a következő sorrendben: az elején tanulja meg dokumentumként , amellyel beállítják és előállítják, megtanulják beállítani stb.

HTML oldalak létrehozásához használhatja speciális programok, például , vagy létrehozhat oldalakat egy egyszerű szövegszerkesztővel, amely a Windows bármely verziójában elérhető.

HTML- a HyperText Markup Language rövidítése, amely a legszélesebb körben használt nyelv a weboldalak írására.

  • Hipertext a weboldalak (HTML dokumentumok) összekapcsolásának módjára utal. Így a weboldalon elérhető hivatkozást hipertextnek nevezzük.
  • Ahogy a neve is sugallja, a HTML egy jelölőnyelv, ami azt jelenti, hogy a HTML használatával egyszerűen "megjelöl" egy szöveges dokumentumot olyan címkékkel, amelyek megmondják a webböngészőnek, hogyan strukturálja azt a megjelenítéshez.

A HTML-t eredetileg arra tervezték, hogy meghatározza a dokumentumok szerkezetét, például címsorokat, listákat, bekezdéseket és így tovább, a csere megkönnyítése érdekében. tudományos információk kutatók között.

A HTML-t ma már széles körben használják weboldalak formázására a HTML nyelven elérhető különféle címkékkel.

HTML dokumentum

A következő példa egy HTML dokumentumot mutat be a legegyszerűbb forma:

Dokumentum címe

fejléc

Íme a dokumentum tartalma...

Mentsük el a kódot a document.html HTML-fájlba kedvenc szövegszerkesztőnk segítségével. És nyissa meg a fájlt egy webböngészővel, például az Internet Explorerrel, Google Chrome vagy Firefox stb. A következő kimenetet kell mutatnia:

Címkék HTML-dokumentum létrehozásához

Amint azt korábban tárgyaltuk, a HTML egy jelölőnyelv, és különféle címkéket használ a tartalom formázására. Ezek a címkék szögletes zárójelben vannak. A legtöbb címkének van megfelelő zárócímkéje, kivéve néhány címkét. Például címke zárócímkével rendelkezik és tag közeli címkével rendelkezik Egyéb.

A fenti példa a következő címkéket használja HTML-dokumentum létrehozásához:

CímkeLeírás
Ez a címke határozza meg a dokumentum típusát és a HTML verzióját.
Ez a címke a teljes HTML dokumentumot lefedi, és főként a dokumentum címéből áll, amelyet a címkék képviselnek ... és a dokumentum törzsét, amelyet címkék képviselnek ... .
Ez a címke a dokumentum címét jelöli, amely más html címkéket is tartalmazhat, mint pl , <link>stb.</td> </tr><tr><td><title> </td><td>Címke <b><title> </b> címkén belül használják <head>a dokumentum címének megadásához.</td> </tr><tr><td><body> </td><td>Ez a címke a dokumentum törzsét jelenti, amely más html címkéket tartalmaz, mint pl <h1>, <div>, <p>Egyéb.</td> </tr><tr><td><h1> </td><td>Ez a címke a címet jelöli.</td> </tr><tr><td><p> </td><td>Ez a címke egy bekezdést jelöl.</td> </tr></table><p>E címkék ismerete elég egy html dokumentum (html oldal) létrehozásához.</p> <p>A HTML megtanulásához ismernie kell a különféle címkéket, és meg kell értenie, hogyan viselkednek formázva. <a href="https://obanracer.ru/hu/kak-vstavit-skrinshot-v-tekstovyi-dokument-kak-sdelat-printskrin-s.html">szöveges dokumentum</a>. A HTML elsajátítása egyszerű, mivel a felhasználóknak csak azt kell megtanulniuk, hogyan kell különböző címkéket használni szöveg vagy képek formázásához, hogy gyönyörű weboldalt készítsenek.</p> <h2>HTML dokumentum szerkezet</h2> <p>Egy tipikus HTML-dokumentum szerkezete így néz ki:</p><p>Dokumentum deklarációs címke <html> <head> <title>A dokumentum címéhez társított címkék A dokumentumtörzshez társított címkék

Az összes fej és test címkét a későbbi oktatóanyagokban megtanuljuk, most nézzük meg, mi is az a dokumentum deklarációs címke.

Nyilatkozat

Címke deklarációa webböngésző használja a dokumentumban használt HTML verzió megértéséhez. Jelenlegi verzió A HTML 5, és a következő deklarációt használja:

Sok más típusú deklaráció is használható egy HTML-dokumentumban, attól függően, hogy a HTML melyik verzióját használják. Erről további részleteket fogunk látni, amikor a címkéről beszélünkmás HTML címkékkel együtt.

Helló!. A második leckét annak a kérdésnek szenteljük, hogy mi a HTML és hogyan kell vele dolgozni. Ebben megismerheti a legnépszerűbb webes programozási nyelv jellemzőit, és világosan megértheti annak fő lényegét.

Attól, hogy megtanulod, könnyebben haladsz előre, és akkor könnyedén (bár nem, még mindig keményen kell dolgoznod) meghódíthatod az összetettebb weboldalkészítési nyelveket, mint például a PHP. Tehát térjünk az üzlethez.

Mi az a HTML

A HTML (hiperszöveg jelölőnyelv) egy hipertext jelölőnyelv. A szabványos jelölőnyelv az internetes dokumentumokhoz a világhálón. Ez az egyik legnépszerűbb webhelyfejlesztési nyelv. A böngészőkbe való betöltés szempontjából is a legegyszerűbbnek számít.

Nincsenek benne olyan bonyolult „mutációk”, mint a PHP, amely az oldal böngészőben való megjelenítése előtt először kéri a MySql adatbázist, majd csak a tartalmat jeleníti meg a felhasználónak. Nem fogok hosszú verbális előjátékokat mesélni arról, hogyan készült, mert hosszú és nem érdekes.

Mindezen pontokért - a nagyszerű Wikipédia segít. Szeretnénk megtanulni, hogyan készítsünk gyorsan weboldalakat, igaz? Bírság! Akkor lépjünk tovább, és értsük meg ennek a webtudománynak az összes finomságát.

A HTML nyelv alapjai. Címke fogalma

A szilárd alap ismerete nélkül nem lehet eljutni sehova, még senki nem mondta le a „mat.chast” (egyik tantárgy „alapja”). És nem fogunk eltérni a hagyományoktól és szabályoktól.

A HTML nyelv alapjai a címkék, pontosabban címkék halmaza. Így vannak felcímkézve<тег>. A címkék mindig párosítva és így jelennek meg

<тег>.

< тег> < / тег> .

Mindegyikük szigorúan teljesít bizonyos funkciót megjeleníteni a böngészőkben.

Egyesek képet jelenítenek meg a képernyőn, mások hivatkozást, mások a bekezdésekért felelősek, mások táblázatot készítenek stb. Bármilyen szöveget írhatunk beléjük. Szeretem őket konténereknek nevezni, hogy úgy mondjam, az egyértelműség kedvéért. De vannak egyedülállók is, ezeket a következő leckéken fogjuk tanulmányozni.

És még egy dolgot meg kell érteni fontos pont. NÁL NÉL adott nyelvérvényesül a Pareto-elv, vagyis mint az élet, tevékenység minden területén, és bárhol máshol, itt is érvényes a 80/20 szabály.

Mit mond? Ez azt mutatja, hogy a nyelv 20%-a (esetünkben a html) végzi el a munka 80%-át. A logika az, hogy nem szükséges az összes címkét megtanulni, mivel ezek közül sokat egyszerűen nem, vagy nagyon ritkán használnak. Így óráinkon a leggyakoribb és legfontosabbakra koncentrálunk. És remekül jártál vele!

HTML dokumentum szerkezet

Minden html dokumentum szerkezete így néz ki

Cím nélküli dokumentum

< ! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">

< html >

< head >

< meta http - equiv = "Content-Type" content = "text/html; charset=utf-8" >

< title >Névtelen dokumentum< / title >

< / head >

< body >

< / body >

< / html >

Most írjuk le részletesebben az egyes pontokat:

Mi a Doctype és jelentése

A doctype elem a weboldalunk típusának jelzésére szolgál. Ez az úgynevezett "dokumentumtípus-nyilatkozat" vagy dokumentumtípus-nyilatkozat.

Ennek a címkének mindig minden oldalon az első helyen kell lennie. Ez a szabványoknak megfelelő weboldalak kulcsfontosságú összetevője: enélkül a kód nem megy át az érvényesítőn.

A webes dokumentum érvényesítője az számítógépes program, amely bármely dokumentum, adatfolyam, kódrészlet adott formátumnak való megfelelőségét ellenőrzi, egy dokumentum vagy fájl szintaktikai helyességét (a Wikipédia szerint).

Számos Doctype érték létezik:

  1. Szigorú (szigorú)
  2. Átmeneti (átmeneti)
  3. Keretkészlet (keretekkel)

Én a második lehetőséget használom. A legkényelmesebb vele dolgozni, mivel nem korlátozza a fejlesztőt. Zavar az olvasó számára, tehát mi a különbség köztük, és melyiket érdemes használni?

Hadd magyarázzam el, mi a különbség köztük. Az átmeneti verzió nem felel meg szigorúan a W3C érvényesítési szabványainak (vagy oroszul csekkeknek), azaz a böngésző ugyanúgy megjeleníti a webdokumentum tartalmát, még akkor is, ha az elavult, nem ajánlott és egyéb nem szabványos tartalmat tartalmaz. kódváltozatok. De a Strict verzió pontosan betartja az összes szabványt, vagyis a gyakorlatban, ha elfelejtette elhelyezni a megfelelő szimbólumot valahol a kódban (például perjel /), akkor az ellenőrzés során figyelmeztetést kap.

Így néz ki egy webes dokumentum a szigorú verziót használva:

A nyelvi előírások szigorú betartása

< ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

< html xmlns = "http://www.w3.org/1999/xhtml">

< head >

< title >A nyelvi előírások szigorú betartása< / title >

< meta http - equiv = "Content-Type" content = "text/html; charset=utf-8" / >

< / head >

< body >

< p > . . . < / p >

< / body >

< / html >

Azt tanácsolom, hogy használja a második lehetőséget, és ne fürödjön, mivel ez a legkényelmesebb. Most megnézzük oldalunk egyéb összetevőit.

- vagy a "head" tag, ez tartalmazza a legfontosabb címkéket, amelyek elmagyarázzák a böngészőnek, hogy mit kell tenni az oldalon, és milyen mechanizmusokat kell futtatni. Meghatározza a webdokumentumot és annak tartalmát. Gyakran tartalmaz különféle szkripteket, amelyek különféle funkciókat futtatnak az oldalon, és van egy fontos "tároló" is a SEO promóciójához - a címke

Nem megyünk bele a HTML részleteibe és történetébe, hanem azonnal rátérünk a főbb pontokra. A HTML minden weboldal elkészítésének alapja! Az oldalépítés témakörének tanulmányozásakor azzal kell kezdeni. Nincs itt semmi nehéz. MINDENKI elsajátíthatja ezt a technológiát!

Azonnal szeretném megjegyezni, hogy ez NEM programozási nyelv, hanem jelölőnyelv.

Miért könnyű megtanulni a HTML-t?

Folyékonyan beszélni angol nyelv Nem kell tudnia az összes szót, amely az angol nyelvben van. Tehát itt meg kell tanulnia néhány alapvető címkét, és megtanulnia, hogyan kell velük dolgozni. És akkor már csak gyakorolnod kell és fejlesztened kell a képességeidet.

Kezdjük el megtanulni ezt a lenyűgöző és egyben egyszerű technológiát.

Egy kis elmélet...

Minden oldal címkékből áll. Vagyis az oldal valójában nem úgy néz ki, mint ahogy megszoktuk, hanem sok címkéből áll, amelyek mindegyike sajátos szerepet tölt be.

Úgy néz ki, mint egy nagy téglafal. Ha minden rajta lévő tégla szépen van lerakva, akkor az egész fal gyönyörűen néz ki. Ezért az oldal szerkezetének megírásakor minden címkére oda kell figyelni, mert ez a "tégla" leendő oldalunknak.

De mi az a címke a HMTL-ben?

Ez HTML elem oldal, amely így vagy úgy befolyásolja az oldal megjelenítését és elrendezését. Szavakkal ezt elég nehéz megérteni, ezért azonnal mindent meg kell nézni a gyakorlatban, és meg kell szokni a kódot. Nézd meg az alábbi képet:

Ez a legegyszerűbb oldal felépítése. De ezek a háromszög zárójelben ismétlődő szavak címkék. Ha kinyitod a szöveg szerkesztőés írd meg ezt a kódot, majd mentsd el HTML formátumban, akkor kapsz egy HTML oldalt. Egyelőre nem világos, mi az a HTML? 🙂

Ebből a szerkezetből láthatja azokat a címkéket, amelyeknek jelen kell lenniük. Ezek a címkék:

  • és zárás
  • és zárás
  • és zárás

Az érthetőség kedvéért az alábbi képen narancssárgával kiemeltem őket:

Minden, amit a címkék közé fogunk írni és oldalunkon nem fogjuk látni. Ezek a címkék megmondhatják a böngészőnek a kódolást, az oldalunk címét, különféle stílusokat, szkripteket stb. kapcsolhatunk ide. Mindezt látni fogja a következő leckékben.

És itt van az összes címke, amelyet a címkék közé fogunk írni és, céljától függően pontosan a szerkezetünkre lesz hatással HTML oldalak.

Nos, világosabbá vált, mi az a HTML? 😉 De nem állunk meg és megyünk tovább...

Néhány címkének van záró címkéje, másoknak pedig nem. Például címke van egy zárócímke. Ahogy azt sejteni lehetett, a címkéket perjel zárja le.

Nagyon fontos a nyitó és záró címkék tiszteletben tartása. A hibák elkerülése érdekében. Előfordulhat, hogy a böngésző nem mutat hibát, de az oldalak szerkezete hibás lesz még akkor is, ha stílusokkal dolgozik (ahol kinézet) nagy probléma lesz. Ezért, ha a címkének van záró címkéje, akkor annak a megfelelő helyen kell lennie.

Vegyünk egy példát arra, hogyan NE zárjuk be a címkéket, és milyen sorrendben tegyük ezt. Példa két címkére:

Helyes HTML-kód

Amit fent látsz... ez a záró címkék írásának helyes sorrendje. De előfordulhat ilyen helyzet

HIBA A HTML-KÓDBAN

Tehát zárja be a címkéket szigorúan tilos!

Gyakorold, hogy megértsd, mi az a HTML...

Ha többet szeretne megtudni arról, hogy mi az a HTML, csak gyakorolhatja. Ehhez bármilyen szövegszerkesztőt használhat. Még egy jegyzettömböt is. De javaslom a Notepad++ használatát, mert sokkal több funkció van a HTML-lel való munkához. Letöltheti a Notepad++ letöltése linkről. Ez a szerkesztő minden funkcióval rendelkezik a HTML-oldalak létrehozásához és szerkesztéséhez.

Kezdjük. A program megnyitása után a következő ablak jelenik meg:

HTML oldal létrehozásához meg kell adnia az oldal "törzsét" ebbe a mezőbe. Kimásolhatja az alábbi szöveget, és egyszerűen beillesztheti. De jobb mindent kézzel beírni. Így gyorsan emlékezhet és megszokhatja a címkéket.

Tehát a következőket kell beszerezned:

Ezután mentenie kell ez az oldal HTML formátumban. Ehhez kattintson a "Fájl" menüre, itt kattintson a "Mentés másként ..." gombra. Adja meg a HTML oldal nevét. Index.html-nek neveztem el. Aztán csak mentse ide kényelmes hely a számítógépeden. Ezt követően megjelenik a háttérvilágítás HTML címkék, mert a Notepad++ szerkesztő meg fogja érteni, mi az HTML dokumentum. És sokkal kellemesebb a háttérvilágítással dolgozni.