Leírás meta tag - elemzés példákkal. HTML dokumentum szerkezete: fő címkék, példa Hogyan állítsunk be egy oldal rövid leírását html-ben

A HTML egy hiperszöveges jelölőnyelv. Az úgynevezett címkéken alapul. A címkék néhány burkolóelem, amelyek meghatározzák a weboldalelemek formátumát és tulajdonságait. Egy oldalon összeállítottuk Önnek a HTML címkék naprakész referenciáját.

Összesen több mint száz jelölőelem található. Mindegyiknek számos attribútuma és saját szintaxisa van. A HTML Tags Reference segítségével gyorsan megtalálhatja a kívánt elemet.

HTML címkék listája

Az alábbi táblázat a HTML5-címkék listáját mutatja be rövid orosz nyelvű leírással.

Címke Rövid leírás
Egy komment.
Meghatározza a dokumentum típusát.
Link, hiperhivatkozás, horgony.
A szöveget rövidítésként határozza meg.
A dokumentum szerzőjének vagy tulajdonosának elérhetőségei.
Egy területet határoz meg a képtérképen
Cikk
Tartalomtól eltekintve (a tartalom nem a fő tartalom az oldalon)
Lehetővé teszi egy éppen lejátszott hangfájl beszúrását.
Félkövér szöveg.
Megadja az alap URL-t vagy a célattribútumot a dokumentumban lévő relatív hivatkozásokhoz.
Olyan terület, ahol a szövegírás más irányt vehet.
Beállítja a szövegírás irányát. Az iránnyal ellentétben a fizikai irányt jelzik
Idézet.
Meghatározza a dokumentum törzsterületét.

Sortörés.
Kattintható gomb
Grafikák rajzolására scriptek segítségével
Táblázat aláírása.
Lábjegyzet az anyag címéhez.
Számítógépes kód beszúrására szolgál szöveges formában.
Meghatározza a táblázat oszlopainak jellemzőit.
Egy vagy több táblázatoszlopból álló csoportot határoz meg formázni.
Előre definiált opciók meghatározására szolgál, amelyek közül választhat a szövegmezőkbe való beíráskor
Meghatározza egy kifejezés leírását a kifejezések listájában található címkéből
A dokumentum új verziójából eltávolított szöveg.
További információkat határoz meg, amelyeket a felhasználó megtekinthet vagy elrejthet
Azt jelzi, hogy a tartalom egy kifejezés.
Meghatároz egy párbeszédpanelt vagy interaktív elemet
A blokk elem az egyik fő elrendezési elem.
Meghatározza a definíciók listáját
A fogalom neve a definíciók listájában
jelentésért kiemelt szöveg (általában dőlt betűs szöveg).
Tartály külső használatra
Kapcsolódó elemek csoportja egy űrlapon
Az elem címe
Több elemből álló önálló csoportot határoz meg (például egy kép felirattal)
lábléc
Felhasználói beviteli űrlapot határoz meg
- Különböző szintű HTML-fejlécek: , , , , , .
Meghatározza a dokumentum fejrészét.
Fejléc blokk
A vízszintes vonal tematikus elválasztó.
Gyökér elem. Közli a böngészővel, hogy az adott dokumentum HTML dokumentum.
Dőlt betűs szöveg.
Egy soron belüli keretet határoz meg
Kép, kép.
Beviteli mező
A dokumentum új verziójához hozzáadott szöveg.
A billentyűzetről beírt szöveg vagy a billentyűzet gombjainak neve. Általában monospace betűtípussal.
A beviteli mező címkéje. Egy elem (általában szöveg) beviteli mezőhöz való kötését jelzi.
Elem fejléce
  • Listaelem
    Külső erőforrás-összerendelést határoz meg (leggyakrabban CSS-stíluslap-kötést)
    Központi téma
    Tároló ehhez: . Egyéni térképet határoz meg a képen
    Kijelölt szöveg (általában háttérkiemeléssel).
    Tároló a menüelemek listájához
    Meghatározza azokat az elemeket, amelyeket a felhasználó a helyi menüből hívhat
    Dokumentum metaadatainak meghatározására szolgál.
    Értékmérő egy adott tartományban
    Konténer navigációs elemekhez
    Alternatív tartalom azon felhasználók számára, akik letiltották a szkripteket
    Beépített objektumot határoz meg
    Számozott listát határoz meg
    Meghatározza a kapcsolódó opciók csoportját egy legördülő listában. Nevet ad a csoportnak
    Paraméter (választható opció) a legördülő listában
    Számítási eredmény

    Bekezdés.
    Beállítja a beépített objektumok beállításait
    Tároló több képhez
    Előre formázott szöveg.
    Fejlődésmutató
    Idézet a szövegben.
    Alternatív szöveg, ha a böngésző nem támogatja a .
    Megjegyzés a címke tartalmához.
    Tároló a szimbólumokhoz és azok dekódolásához (főleg kelet-ázsiai szimbólumokhoz, hieroglifákhoz).
    Áthúzott szöveg.
    Szöveg, amely egy számítógépes program kimenete (általában monospace betűtípussal).
    Meghatároz egy parancsfájlt vagy egy külső erőforrásból származó szkriptkapcsolatot.
    Fejezet
    Meghatároz egy legördülő listát
    Szöveg kisebb betűmérettel.
    Erőforrást határoz meg a , és a számára.
    Inline elem.
    Jelentéssel kiemelt szöveg. Általában félkövérrel van szedve.
    Egy tárolót határoz meg a dokumentumstílusok meghatározásához
    A szöveget alsó indexként jeleníti meg.
    Címke a címke belsejében
    A szöveget felső indexként jeleníti meg.
    Táblázatot határoz meg.
    Meghatároz egy tartalomterületet a táblázatban.
    Cella a táblázatban .
    Többsoros beviteli mező
    Sorok csoportját határozza meg a táblázat alján - lábléc. További részletek
    Olyan hely, ahol megengedett a sortörés.
    Örökös HTML címkék

    Hogyan lehet cserélni az elavult HTML címkét? A legtöbb esetben a CSS Cascading Style Sheets is megteszi. A HTML-ben az új specifikációban nem használt címkéknek is vannak alternatívái. Az alábbi táblázat az elavult HTML-címkéket mutatja be a csere lehetőségeivel.

    Címke Rövid leírás
    Betűszó. Használjon helyette címkét.
    Beépített kisalkalmazás. Használja vagy helyette.
    Meghatározza a dokumentumban található összes szöveg színét, méretét és betűtípus-családját. Használja helyette
    Nagyobb szöveg. Használja helyette
    Középre igazított szöveg. Használja helyette
    Könyvtárak listája. Használat
      helyette
    Meghatározza a betűtípus színét, méretét és családját. Használja helyette
    Keret belül. Használja helyette
    Egy keretkészletet határoz meg. Több soron belüli keret hozzáadásához használjon több elemet
    Helyettesítő szöveg, ha a keretek nem támogatottak
    Áthúzott szöveg. Használja vagy helyette
    Monospace szöveg. Használja helyette
    Aláhúzott szöveg. Használja helyette

    A világháló WEB-oldalakból áll, és ezek az oldalak a Hypertext Markup Language (HTML) használatával jönnek létre. Bár manapság sokan, különösen a kezdők, a "HTML programozásról" beszélnek, a HTML az jelölőnyelv. HTML-t használ a szöveges dokumentumok megjelölésére, akárcsak egy szerkesztő egy vastag piros ceruzát. Ezek a jelölések arra szolgálnak, hogy meghatározzák azt a formátumot (vagy stílust), amelyet a szöveg a monitor képernyőjén történő megjelenítésekor használ.

    HTML alapok

    Íme egy gyors útmutató a HTML íráshoz. Sokan még mindig a Jegyzettömbhöz vagy a SimpleTexthez hasonló eszközökkel írnak HTML-t. Ez az oktatóanyag segít a HTML alapvető megértésében. Még ha nem is közvetlenül a HTML szerkesztését tervezte, hanem egy HTML-szerkesztő, például a Netscape Composer vagy a FrontPage használatával, ez az útmutató segít ezeknek az eszközöknek a jobb használatában, és a legtöbb böngésző számára érthetővé teszi HTML-dokumentumait. Ha már látta a HTML-írás alapjainak ismeretében rejlő előnyöket, érdemes átnézni a Speciális HTML rész anyagát.

    A tanulás jó módja, ha megnézi, hogyan kódolják mások a HTML-oldalaikat. Ehhez válassza a "Nézet" lehetőséget a böngészőjében, majd a "Forrás" ("HTML-ként") lehetőséget.

    Ez az oldal megtanítja, hogyan kell:

    • adjon hozzá címeket és bekezdéseket
    • dőlt betűs szöveg
    • módosítsa a szöveg színét és méretét
    • beszúrni képeket
    • hozzon létre hivatkozásokat más oldalakra
    • különböző típusú listák használata

    Ha valami mást keres, próbálja ki az Advanced HTML-t

    Címek és bekezdések hozzáadása

    Ha Microsoft Word-öt használt, ismernie kell a stílusok használatát a címsorok fontossági sorrendben történő kiemelésére. A HTML-ben a címsorok hat fontossági szintre vannak felosztva. H1 a legfontosabb, H2 valamivel kevésbé fontos, végül H6 a legkevésbé fontos.

    Példa egy fontos cím hozzáadására:

    Fontos címsor

    Eredmény:

    Fontos címsor

    és kicsit kevésbé fontos:

    Kicsit kevésbé fontos

    Eredmény:

    Kicsit kevésbé fontos

    Minden írt bekezdésnek a címkével kell kezdődnie

    És fejezd be a címkével

    . Például:

    Ez az első bekezdés.

    És ez a második bekezdés.

    Dőlt betűs

    Egy vagy több szót kiemelhet a címke használatával, például:

    Ez egy igazán érdekes pont!

    Eredmény:

    Valóban érdekes bekezdés!

    A szöveg színének és méretének megváltoztatása

    A FONT címkével megadható, hogy milyen színben és betűméretben jelenjen meg a szöveg. Ez a példa beállítja a színt:

    Ez a mondat a sárgával kiemelt szót tartalmazza.

    Eredmény:

    Ez a mondat egy sárgával kiemelt szót tartalmaz.

    A size attribútum a betűméret jelzésére szolgál tetszőleges mértékegységben 1-től 7-ig. Általánosan elfogadott, hogy a „normál” betűtípus mérete a 3-as számnak felel meg. A méret abszolút értékként is megadható (SIZE= 5) vagy relatív értékként (SIZE=+2) :

    Állatorvosi tanácsok

    Eredmény:

    Állatorvosi tanácsok

    Képek beillesztése

    A képek használata érdekesebbé teszi oldalait. A címke lehetővé teszi kép beszúrását . Tegyük fel, hogy a "peter.jpeg" 200 pixel széles és 150 pixel magas képfájl ugyanabban a mappában van, mint a HTML fájl.


    A szélesség és a magasság megadása nem feltétlenül szükséges, de növeli a WEB oldal betöltési sebességét. Be kell állítania a kép leírását azoknak, akik letiltották a képbetöltést. Az alt attribútum használatával rövid leírást adhat hozzá:

    A WWW két grafikus fájlformátumot használ: GIF és JPEG. A GIF formátumot akkor használják, ha átlátszó képre vagy animációra van szükség, valamint a következőkhöz:

    • fekete-fehér rajzok és szövegek
    • képek korlátozott számú színnel
    • éles szélű grafika (menük, gombok, diagramok stb.)
    • képek szöveggel

    A JPEG formátum megfelelőbb a következő esetekben:

    • szkennelt képek
    • grafika a színek és árnyalatok összetett kombinációjával
    • minden olyan kép, amelynek palettája több mint 256 szín
    Más oldalakra mutató hivatkozások létrehozása

    Szöveg között És a hivatkozás leírásaként használják, általában kékkel jelölve, és vonallal aláhúzva.

    Listák

    A HTML háromféle listát kínál. Az első típust felsorolásjeles (nem rendezett) listának nevezzük. Megnyílik a felsorolásjeles lista a címkével

      , és minden elem egy szabványos címkével kezdődik
    • , példa:

      • első elem a listán
      • második elem a listán
      • harmadik elem a listán

      Eredmény:

      • első elem a listán
      • második elem a listán
      • harmadik elem a listán

      A második típus egy számozott (rendezett) lista. Használja a címkéket és

    • . Példa:

    • első elem a listán
    • második elem a listán
    • harmadik elem a listán
    • Eredmény:

    • első elem a listán
    • második elem a listán
    • harmadik elem a listán
    • Az utolsó pedig a definíciók listája (szószedet). A szöveget szótári bejegyzés formájában jeleníti meg, amely egy meghatározott kifejezésből és a jelentését feltáró bekezdésből áll, a címkével megnyitva. Minden kifejezés a címkével, a definíció pedig a címkével nyílik meg. Példa:

      első kifejezés annak meghatározása második kifejezés definíciója harmadik kifejezés meghatározása

      Eredmény:

      Az első kifejezés a definíciója a második kifejezés a meghatározás a harmadik kifejezés a meghatározása

      A listák egymásba ágyazhatók. Példa:

    • első elem a listán
    • második elem a listán
      • beágyazott lista első eleme
      • a beágyazott lista második eleme
    • harmadik elem a listán
    • Eredmény:

    • első elem a listán
    • második elem a listán
      • beágyazott lista első eleme
      • a beágyazott lista második eleme
    • harmadik elem a listán
    • Színek meghatározása HTML-ben

      A HTML-ben a színeket hexadecimális számok határozzák meg. A színrendszer három alapszínen alapul - piros, zöld és kék. Minden szín 00 és FF közötti értékre van beállítva. Ezeket az értékeket ezután egyetlen számmá egyesítik, amelyet egy # szimbólum előz meg. Ez a táblázat a különböző színeket és azok hexadecimális kódját mutatja be.

      FFF
      FFF
      CCC
      CCC
      999
      999
      666
      666
      333
      333
      000
      000
      FFC
      C00
      FF9
      900
      FF6
      600
      FF3
      300
      99C
      C00
      CC9
      900
      FFC
      C33
      FFC
      C66
      FF9
      966
      FF6
      633
      CC3
      300
      CC0
      033
      CCF
      F00
      CCF
      F33
      333
      300
      666
      600
      999
      900
      CCC
      C00
      FFF
      F00
      CC9
      933
      CC6
      633
      330
      000
      660
      000
      990
      000
      CC0
      000
      FF0
      000
      FF3
      366
      FF0
      033
      99F
      F00
      CCF
      F66
      99C
      C33
      666
      633
      999
      933
      CCC
      C33
      FFF
      F33
      996
      600
      993
      300
      663
      333
      993
      333
      CC3
      333
      FF3
      333
      CC3
      366
      FF6
      699
      FF0
      066
      66F
      F00
      99F
      F66
      66C
      C33
      669
      900
      999
      966
      CCC
      C66
      FFF
      F66
      996
      633
      663
      300
      996
      666
      CC6
      666
      FF6
      666
      990
      033
      CC3
      399
      FF6
      6CC
      FF0
      099
      33F
      F00
      66F
      F33
      339
      900
      66C
      C00
      99F
      F33
      CCC
      C99
      FFF
      F99
      CC9
      966
      CC6
      600
      CC9
      999
      FF9
      999
      FF3
      399
      CC0
      066
      990
      066
      FF3
      3CC
      FF0
      0CC
      00C
      C00
      33C
      C00
      336
      600
      669
      933
      99C
      C66
      CCF
      F99
      FFF
      FCC
      FFC
      C99
      FF9
      933
      FFC
      CCC
      FF9
      9CC
      CC6
      699
      993
      366
      660
      033
      CC0
      099
      330
      033
      33C
      C33
      66C
      C66
      00F
      F00
      33F
      F33
      66F
      F66
      99F
      F99
      CCF
      FCC
      CC9
      9CC
      996
      699
      993
      399
      990
      099
      663
      366
      660
      066
      006
      600
      336
      633
      009
      900
      339
      933
      669
      966
      99C
      C99
      FFC
      CFF
      FF9
      9FF
      FF6
      6FF
      FF3
      3FF
      FF0
      0FF
      CC6
      6CC
      CC3
      3CC
      003
      300
      00C
      C33
      006
      633
      339
      966
      66C
      C99
      99F
      FCC
      CCF
      FFF
      339
      9FF
      99C
      CFF
      CCC
      CFF
      CC9
      9FF
      996
      6CC
      663
      399
      330
      066
      990
      0CC
      CC0
      0CC
      00F
      F33
      33F
      F66
      009
      933
      00C
      C66
      33F
      F99
      99F
      FFF
      99C
      CCC
      006
      6CC
      669
      9CC
      999
      9FF
      999
      9CC
      993
      3FF
      660
      0CC
      660
      099
      CC3
      3FF
      CC0
      0FF
      00F
      F66
      66F
      F99
      33C
      C66
      009
      966
      66F
      FFF
      66C
      CCC
      669
      999
      003
      366
      336
      699
      666
      6FF
      666
      6CC
      666
      699
      330
      099
      993
      3CC
      CC6
      6FF
      990
      0FF
      00F
      F99
      66F
      FCC
      33C
      C99
      33F
      FFF
      33C
      CCC
      339
      999
      336
      666
      006
      699
      003
      399
      333
      3FF
      333
      3CC
      333
      399
      333
      366
      663
      3CC
      996
      6FF
      660
      0FF
      00F
      FCC
      33F
      FCC
      00F
      FFF
      00C
      CCC
      009
      999
      006
      666
      003
      333
      339
      9CC
      336
      6CC
      000
      0FF
      000
      0CC
      000
      099
      000
      066
      000
      033
      663
      3FF
      330
      0FF
      00C
      C99
      009
      9CC
      33C
      CFF
      66C
      CFF
      669
      9FF
      336
      6FF
      003
      3CC
      330
      0CC
      00C
      CFF
      009
      9FF
      006
      6FF
      003
      3FF

      Az egyszerűség kedvéért a HTML 16 szabványos színt határoz meg, amelyeket hexadecimális kódjaikkal együtt az alábbiakban adunk meg.

      fekete = "#000000" zöld = "#008000"
      ezüst = "#C0C0C0" lime = "#00FF00"
      szürke = "#808080" oliva = "#808000"
      fehér = "#FFFFFF" sárga = "#FFFF00"
      barna = "#800000" navy = "#000080"
      piros = "#FF0000" kék = "#0000FF"
      lila = "#800080" kékeszöld = "#008080"
      fukszia = "#FF00FF" aqua = "#00FFFF"

      A HTML egy webhely-jelölőnyelv. Sokan programozásnak gondolják, pedig nem az. A HTML nem tartalmazza a programozási nyelvekben található változókat, számításokat, tömböket és egyéb elemeket.

      A HTML használatával a fejlesztő csak a webhely megjelenését tudja létrehozni. Fontos megérteni, hogy egyetlen webhely sem létezik jelölés nélkül. A HTML a weboldalak létrehozásának alapja. Az összes többi funkciót különféle programozási nyelvek egészítik ki.

      HTML dokumentum létrehozása

      Bármely szerkesztőben létrehozhat egyszerű webhelyoldalt. Még a Jegyzettömb is megteszi. Kezdő fejlesztők számára ajánlott más szerkesztők használata, amelyek rendelkeznek automatikus helyettesítő funkciókkal és egyéb tippekkel. Ennek köszönhetően kész táblázatokat, hivatkozásokat, képeket és egyéb elemeket hozhat létre. De a Jegyzettömbben minden betűt kézzel kell megírnia.

      A Jegyzettömböt általában csak olyan esetekben használják, amikor nincs más eszköz kéznél. Először egy szöveges dokumentum jön létre, majd html formátumban menti. Minden oldalnak rendelkeznie kell html kiterjesztéssel.

      A HTML nyelv hierarchikus. Vagyis a HTML dokumentumnak van egy speciális szerkezete. Ami? Nézzük meg alább az egyértelműség kedvéért.

      HTML dokumentum szerkezet. Példa

      A szerkezet mindig ugyanaz. Ha módosítani szeretne valamit, azt a böngésző nem fogja tudni feldolgozni. Ennek eredményeként nem azt kapod, amit akartál.

      A fenti ábra bármely html fájl szerkezetét mutatja. Az első elem a fájl típusát jelzi. Ez a címke egyszer van megadva. Ha speciális szerkesztőket használ, a teljes struktúra automatikusan létrejön. Módosítania kell az alapértelmezett értékeket.

      HTML dokumentum szerkezet - fő címkék:

      A teljes webhely keretrendszere ebből a három címkéből áll. Ügyeljen a képre. Ezeknek a címkéknek van egy záró címkéje „/” jellel. Ha kézzel ír, szokja meg, hogy mindkét címkét egyszerre tegye fel - nyitást és zárást.

      Fentebb elhangzott, hogy a webhelyoldalak kiterjesztése .html. Vagyis ha szöveges dokumentumot hoz létre, de a megfelelő kódot írja be, a böngésző továbbra is csak szöveget jelenít meg. Nem lesz kódkonverzió.

      fejrész

      A 3. pont alatti ábra a fejrészt mutatja. Ez a rész szervizinformációkat tartalmaz. Például megadhatja a kódolást (4. tétel) és az oldal címét (5. tétel).

      Mindig legyen cím. Enélkül egyetlen keresőmotor sem lesz képes meghatározni a weboldalon található tartalom (szöveg) nevét. És ez rossz a webhely promóciója szempontjából. Ezenkívül a böngésző nem jeleníti meg az oldal címét a tetején. Ez kellemetlenséget okoz a felhasználónak.

      A html dokumentum felépítése olyan, hogy csak a fejrészben van feltüntetve. Ha a címke a törzsrészben vagy utána van megadva, a kezelő nem figyel rá.

      Ezen kívül a fejrész tartalmaz információkat a szkriptek összekapcsolásához, stílusfájlokat, utasításokat a keresőmotorokhoz, vagy bármilyen más olyan adatot, amelyet a felhasználó nem láthat, de fontos a böngésző vagy a programozók számára.

      Stílusok összekapcsolása

      A HTML-dokumentum szerkezete lehetővé teszi a stílusok különféle módon történő összekapcsolását. Sőt, minden elemben külön-külön is írhatók. De ez a módszer nem ajánlott, mert a kód túl nagy és kényelmetlenné válik.

      A fájl csatlakoztatása a következőképpen történik.

      A href attribútum adja meg a fájl elérési útját. Ha hiba van az elérési útban, a stílusok nem töltődnek be. A type attribútum is kötelező, ami azt jelzi, hogy ez egy css fájl.

      Egy másik lehetőség a stílusok közvetlenül a fejrészben történő meghatározása.

      De ez a lehetőség sem nagyon ajánlott. Ezek a módszerek nagyon különböznek abban, hogy a css fájl egy lehet az egész webhelyhez, és a rajta végzett módosítások azonnal alkalmazásra kerülnek az összes oldalra. És ha a fenti ábrán látható módszert használja, akkor a webhely összes meglévő oldalán módosítania kell.

      Ha a létrehozandó osztály csak egy oldalon lesz használva, akkor ez a lehetőség megfelelő az Ön számára.

      Szkriptek összekapcsolása

      A szkriptek a következőképpen kapcsolódnak össze.

      Itt két attribútum szükséges: type és src. Az elsőben azt jelezzük, hogy ez egy Javascript fájl, a másodikban pedig - ahol a fájl található. Ha elgépelsz, semmi sem fog működni.

      testrész

      A html dokumentum felépítése olyan, hogy a felhasználó számára látható tartalmat csak a törzsrészben kell elhelyezni. A címke neve önmagáért beszél.

      Itt van feltüntetve az oldal teljes főkódja, amely korlátlan számú elemet tartalmazhat. De minél hosszabb a kód, annál tovább tart a feldolgozás.

      Nézzük a legalapvetőbb címkéket, amelyek a test területén használhatók. Nincs sok fő. Minden mást megtanulsz, ahogy tudásod és gyakorlatod gyarapodik.

      Fő címkék

      A HTML dokumentum szerkezete megköveteli az íráselemek kötelező sorrendjét. A címkéket mindig zárójelekkel kell körülvenni a széleken. E nélkül a böngésző nem fogja megérteni, hogy ez egy címke. A nyitó zárójelet mindig az elem (tag) neve követi. Ha szóközt hagy közöttük< и именем, то браузер посчитает это текстом.

      Nézzük meg a képcímke példáját. Kérjük, vegye figyelembe, hogy ez a címke nem zárócímke, ellentétben a hivatkozásokkal, a bekezdésekkel és sok mással.

      Az attribútumok sorrendje nem számít. De az írásuk (tervezésük) nagyon fontos. Előbb mindig az attribútum neve, utána az egyenlőségjel, majd az attribútum értéke idézőjelbe kerül. Az érték eltérő lehet - digitális vagy szöveges.

      Az src attribútum minden címkében a betöltendő fájl elérési útját jelzi. Az alt attribútum minden elemen egy rövid leírást ad meg. Ebben az esetben a madár.jpg fotó egy leírással van betöltve - egy madár fotója.

      Ezenkívül megadhat méreteket, csak szélességet vagy magasságot, címet, igazítást, stílusosztályt vagy szegélyt.

      Nézzünk meg más fő címkéket, amelyek a törzsrészben vannak megadva.

      Célja

      Képek

      Szöveg tördelése új sorba

      Miniatűr

      Áthúzott szöveg

      Aláhúzott szöveg

      Hogyan képzelheti el mindezt a fejében?

      A kezdő fejlesztők mindezt nem mindig tudják azonnal spekulatívan elképzelni. Nézz meg néhány példát a weboldal szerkezetére, és akkor biztosan megérted.

      Egy marketingszakembernek ismernie kell a HyperText Markup Language-t, azaz a HTML-t? Ezt a nyelvet a kódolók beszélik egymás között, és a böngészőkön kívül más programozók és fejlesztők is megérthetik valamennyire. És bár a HTML ismerete valószínűleg nem befolyásolja közvetlenül az eladások szintjét, ennek a nyelvnek az alapjaiban való eligazodás képessége még egy marketingszakember számára sem lesz felesleges.

      És az első dolog, amit meg kell tennie, hogy eldobja azt a szkepticizmust, amely azzal a gondolattal kapcsolatos, hogy még a HTML alapjait sem tudja elsajátítani – ne aggódjon, ezek a kétségek sok ember fejében nyüzsögnek. És bár előfordulhat, hogy nem kell folyamatosan foglalkoznia ezekkel a problémákkal munkaköri kötelezettségei vagy az LPgeneratorban való munkavégzés során, mégis azt javasoljuk, hogy ismerkedjen meg ennek a nyelvnek az alapelveivel. Legalább nem csak megbarátkozhatsz a HTML-lel, hanem közelebb kerülhetsz azokhoz a cégedhez/csapatodhoz, akiknek ez a nyelv anyanyelvi :)

      Mi az a HTML?

      Mint már említettük, a HTML egy hiperszöveg jelölőnyelv, amellyel tördelőtársaink közvetlenül hozzák létre a weboldalak (amelyek egyik változata a céloldalak) és az e-mail levelek szerkezetét.

      Ha egyszerű és vizuális képekkel magyarázzuk el ennek a koncepciónak a lényegét, akkor azt mondhatjuk, hogy a HTML a test, a CSS (Cascading Style Sheets) pedig a ruházat. Míg a CSS egy weboldal megjelenését határozza meg, addig a HTML fejléceken, listákon és más hasonló elemeken keresztül alakítja ki szerkezetét (vázlatát), az oldal elejétől - a fejlécig - a végéig - a láblécig.

      Okkal mondják azt is, hogy a HTML egy nyelv jelölések: pontosan címkéket vagy ahogyan címkéknek is nevezik, szögletes zárójelbe zárva alkotják azokat elemeket, amelyek a HTML kódot alkotják. Ennek a nyelvnek az elemei többnyire nyitó és záró címkével rendelkeznek. Nemcsak a weboldal szerkezetének megfelelősége, hanem az internetes böngészők általi megjelenítésének helyessége is az utóbbi helyes (érvényes) használatától függ.

      Alapvető HTML funkcionális fogalmak

      Ahogy az alábbi példa HTML-kódban is látható, mindig a -val kezdődik. A böngésző számára ennek az elemnek a megjelenése azt jelzi, hogy a HTML-struktúrát kell megjelenítenie:

      A cím itt lesz elhelyezve

      És ezen a helyen lesz az első bekezdés

      Egy egyszerű HTML-kód bemutatott kis változata több elemet tartalmaz, amelyek viszont olyan címkékből állnak, mint például:

      • — nyitó és záró címke, amely az oldal tartalmát tartalmazó részének elejét és végét jelzi. Ezt a címkét oroszra fordítják „test” szónak;
      • - ismét egy nyitó és záró címke, amely a cím elejét és végét jelzi. Összesen 6 ilyen címke lehet, és ezek betűméretében különböznek - minél magasabb a cím számsorrendje, annál kisebb betűkkel jelenik meg. A címkével együtt

        , magának a tartalomnak a szerkezetét alakítja ki: különösen a címkék határozzák meg a szöveg bekezdéseinek elejét és végét.

      Így egymás után alakulnak ki a különböző elemek, amelyek később megjelennek a landing oldalon. Amint valószínűleg már megértette, egy bizonyos címke bezárásának jelzésére a HTML-ben szokás egy perjelet „/” tenni.

      Az imént tanult készség megszilárdításához hozzáadhat még néhány kódsort. Ezelőtt a tartalom „test” keretein belül működtünk, amiért a címke a felelős, de egyelőre ez a testünk van „fej” nélkül. Ezt a bosszantó félreértést a következő sorok hozzáadásával javíthatja ki:

      Ez lesz az egész oldal címe.

      A cím a legnagyobb betűtípussal lesz írva

      És ez egy javított, részben félkövér bekezdés.

      Itt is lesz egy címsor, de nem annyira feltűnő, mint az előző - kisebb betűtípussal

      Még egy bekezdés, hogy teljes legyen a kép.

      Valójában a fenti HTML-kód második része az első kiterjesztett változata:

      • megjelent címzetes az oldal neve, amelyet a címkék közé helyeznek, amelyek viszont a címet alkotják, és nem a tartalmat, az oldal részét, mivel a címkén belül vannak elhelyezve, és nem;
      • Van még egy alacsonyabb rendű címsor (kevésbé lesz észrevehető), amely a ;
      • Az első bekezdés szövegének egy része sorrendben átalakul: a címkében található kifejezés (az oroszra fordítva „erős”) félkövérrel lesz kiemelve.

      Így elég gyorsan felépül a kód, amit értelmezve az internetböngésző megérti, mit akar vele elérni a tervező és a marketinges.

      A HTML nem olyan ijesztő, mint amilyennek állítják, igaz?

      Nyilvánvaló, hogy nagyon sok más címke létezik, amelyeknek köszönhetően a weboldal szerkezetének további paraméterei vannak beállítva. Azonban még egy ilyen rövid áttekintés is elegendő lesz ahhoz, hogy ne tévedjen össze, ha elmélyülnie kell a kódban.

      Számos kiváló minőségű internetes forrás található a HTML és a CSS témakörében. A marketingszakemberek nyelvén szólva elmondhatjuk, hogy ez a rés meglehetősen fejlett, és ha szeretné, bővítheti tudását ezen a területen, ha megfelelő forrást talál, beleértve a web orosz nyelvű részét is.

      Az elcsépelt kifejezés, miszerint a tudás hatalom, nem veszíti el relevanciáját, hanem kifinomult változatát. Alkalmazás a tudás hatalom” több előnyt és pénzügyi hasznot hozhat. És ki tudja, talán a nyitóoldal felépítésének és HTML-szintű működésének alaposabb megértése segít a meglévők teljesebb kihasználásában, vagy akár új technikák bevezetésében is, amelyek növelhetik az eladásokat.

      Ha még mindig nincs kedved vagy időd - mindannyian elfoglaltak vagyunk -, hogy elmélyülj a HTML-ben, mindig van lehetőséged arra, hogy kiváló minőségű nyitóoldalt készíts.

      Szintén az Ön szolgálatában áll cégünk elrendezési osztálya (verstka@site), amely szívesen teljesíti a platformon belüli szeszélyeit: csúszkák, pop-upok, összetett lead űrlapok, galériák stb. Szerkesztőnkben minden lehetséges!

      Magas konverziók neked!

      Igor Kizin,

      Az elrendezési osztály vezetője, LPgenerátor

      Vlad Merzsevics

      A metacímkék a böngészőknek és keresőmotoroknak szánt információk tárolására szolgálnak. Például a keresőmotorok hozzáférnek a metacímkékhez, hogy webhelyleírásokat, kulcsszavakat és egyéb adatokat kapjanak.

      Metacímkék keresőmotorokhoz

      A weboldal-fejlesztők körében elterjedt az a vélemény, hogy a helyesen megírt metatagek segítségével a keresőmotorok élére kerülhet. Valójában ez nem igaz, a metacímkék önmagukban nem segítenek magasra emelkedni, de a rosszul végrehajtott metacímke tartalom ronthatja a webhely rangsorát.

      Két metatag kifejezetten a keresőmotorok számára készült: leírás és kulcsszavak. Egyes webmesterek olyan kulcsszavakat adtak a kulcsszavak részhez, amelyeknek semmi közük nem volt az oldal témájához, de ennek ellenére némi sikert arattak a keresőmotor látogatói körében. Egy idő után azonban a keresőmotorok megtanulták kezelni ezt a jelenséget, és ellenőrizni, hogy egy weboldal tartalma megfelel-e a megadott kulcsszavaknak.

      Néhány alapelv a metacímkékkel kapcsolatban:

      • ne adjon meg olyan kulcsszavakat, amelyek nem szerepelnek az Ön oldalain;
      • ne ismételje meg a kulcsszavakat;
      • használja a metacímkéket a rendeltetésüknek megfelelően;
      • a tartalom figyelembe vételével készítse el a leírást és a kulcsszavak listáját az oldal minden oldalára vonatkozóan.
      leírás

      A legtöbb keresőmotor a leírás mező tartalmát (1. példa) jeleníti meg a keresési eredmények megjelenítésekor. Ha ez a címke nincs az oldalon, akkor a kereső egyszerűen felsorolja az oldalon talált első szavakat, amelyek általában nem nagyon kapcsolódnak a témához.

      1. példa: A leírás használata

      leírás

      kulcsszavakat

      Ennek a metacímkének az volt a célja, hogy leírja az oldalon megjelenő kulcsszavakat (2. példa). Ennek eredményeként azonban mára hiteltelenné vált azoknak az embereknek a tettei, akik bármilyen szükséges eszközzel a keresőmotorok élére akarnak kerülni. Ezért sok keresőmotor kihagyja ezt a paramétert.

      2. példa: Kulcsszavak használata

      kulcsszavakat

      A kulcsszavakat szóközzel vagy vesszővel elválasztva lehet felsorolni. A keresőmotorok maguk alakítják át a bejegyzést az általuk használt űrlapra.

      Oldalak automatikus betöltése

      Ha egy bizonyos idő elteltével szeretne automatikusan letölteni egy új dokumentumot, használja a http-equiv="refresh" utasítást (3. példa).



       Top