Ugrás a tartalomhoz

Hypertext Markup Language

A Wikiszótárból, a nyitott szótárból
(HTML szócikkből átirányítva)
\n\n

  • '''HTML elemek''': A HTML különféle típusú elemeket tartalmaz, amelyek a dokumentum különböző részeinek megjelenítéséért és elrendezéséért felelnek:

    \n
      \n

    • '''Címsorok''': Címsorok készítésére használják, mint például <h1>, <h2>, <h3>, amelyek hierarchikus szerkezetet adnak az oldal tartalmának.

      • \n

    • '''Bekezdések''': A bekezdések megjelenítésére szolgál a <p> tag.

      • \n

    • '''Linkek''': A hivatkozások (linkek) létrehozásához az <a> (anchor) tag használatos:

      \nLátogasson el az oldalunkra
      • \n

    • '''Képek''': Képek beillesztéséhez az <img> tag szükséges, ahol a src attribútum határozza meg a kép elérési útját:

      \n\"Egy
      • \n

    • '''Listák''': Különböző típusú listák készíthetők, például számozott lista <ol> vagy számozatlan lista <ul> taggel.

    \n
    • \n

  • '''Attribútumok''': A HTML tagekhez különféle attribútumok társíthatók, amelyek további információkat adnak az elemről. Például az <a> (hivatkozás) esetében a href attribútum adja meg a link célját, míg az <img> esetében a src attribútum határozza meg a kép forrását.

    • \n

  • '''Hypertext''': A HTML lehetőséget nyújt a weboldalak közötti navigálásra '''hyperlinkek''' (hivatkozások) segítségével. Ez az alapja annak, hogy a web egy “hipertext rendszer”, amely összekapcsolja az oldalak tartalmát.

    • \n\n\n=== HTML története és fejlődése: ===\n\n* A HTML első verzióját Tim Berners-Lee fejlesztette ki az 1990-es évek elején, hogy egy egységes formátumban tegyen közzé információkat az interneten.\n* Az idők során több változata is megjelent a HTML-nek, amelyek folyamatosan fejlődtek, hogy új funkciókat és lehetőségeket kínáljanak. A legújabb, és jelenleg legelterjedtebb verzió a '''HTML5''', amely többek között natív támogatást biztosít a videókhoz és hangokhoz, jobb grafikai eszközöket (pl. canvas), valamint jobb mobil és multimédiás támogatást nyújt.\n\n\n=== HTML5 újdonságai: ===\n\n
      \n

    1. '''Multimédia támogatás''': A HTML5 natív elemeket vezetett be a multimédiás tartalmakhoz, mint például a '''

      \n
      2. \n

    2. '''Canvas''': A **

      \n\n

      ** elem lehetővé teszi a dinamikus, rajzolható grafikai tartalmak létrehozását JavaScript segítségével, ami interaktív grafikák, játékok és vizualizációk készítésére alkalmas.

      3. \n

    3. '''Formázási elemek''': Az űrlapok és bemeneti mezők is sok fejlesztést kaptak a HTML5-ben, például új típusú bemeneti mezők (e-mail, dátum, számos bemenet) támogatásával.

      4. \n

    4. '''Offline támogatás és tárhely''': A HTML5 bevezette az offline alkalmazásokhoz szükséges technológiákat, mint például a '''localStorage''' és '''sessionStorage''', amelyek lehetővé teszik az adatok helyi tárolását a böngészőben.

      5. \n

    5. '''SEO és semantikus elemek''': A HTML5 új, jelentéssel bíró tageket vezetett be, mint például **

      \n
      \n

      ''', '''

      \n
      \n

      ''', '''

      \n
    \n\n\n=== HTML és webfejlesztés: ===\n\nA HTML az alapja minden weboldalnak, de önmagában nem elég ahhoz, hogy teljes funkcionalitású weboldalt hozzon létre. A '''CSS'''-t használják a stílusok és dizájn kezelésére, míg a '''JavaScript''' biztosítja az interaktív elemeket és a dinamikus tartalomkezelést. Ezek a technológiák együtt alkotják a webes felületek három alapelemét:\n\n* '''HTML''': Szerkezet és tartalom.\n* '''CSS''': Megjelenés és dizájn.\n* '''JavaScript''': Interaktivitás és funkciók.\n\n\n=== Összegzés: ===\n\nA '''HTML''' a web alapvető nyelve, amely meghatározza, hogyan épül fel és jelenik meg egy weboldal. Bár maga a HTML nem biztosít dinamikus funkciókat, mint a programozási nyelvek, a CSS és JavaScript segítségével teljes értékű és interaktív weboldalakat lehet készíteni.\n{{engl}}"]}" id="mwAQ">

    Angol


    Főnév

    Hypertext Markup Language (tsz. Hypertext Markup Languages)

    1. (informatika) A Hypertext Markup Language (HTML) a weboldalak szerkezetének meghatározására szolgáló leíró nyelv, amely a webes dokumentumok tartalmának kijelölésére és elrendezésére használatos. Az internetes oldalak alapját képezi, mivel a HTML írja le a különböző elemeket, mint például a szövegeket, képeket, linkeket, listákat és egyéb multimédiás tartalmakat. A HTML lehetővé teszi, hogy a böngészők megértsék és megjelenítsék az oldalak tartalmát.

    HTML főbb jellemzői:

    1. Jelölőnyelv: A HTML nem programozási nyelv, hanem egy jelölőnyelv, ami azt jelenti, hogy nem tartalmaz logikai vagy interaktív elemeket. A HTML csak arra szolgál, hogy meghatározza a dokumentum szerkezetét és a tartalom típusát a megfelelő jelölők (tagek) segítségével.

    2. Tagek (elemek): A HTML kód elemekből áll, amelyeket a böngésző értelmez és megjelenít. Ezek az elemek különféle címkékkel (tagekkel) jelölik meg a dokumentum különböző részeit. Minden HTML tag egy nyitó tagból és általában egy záró tagból áll. Példa:

      <p>Egy bekezdés szövege</p>

      Ebben a példában az <p> jelzi a bekezdést (paragrafus), míg a </p> lezárja azt.

    3. HTML dokumentum struktúrája: Egy HTML oldal alapvető szerkezeti elemeket tartalmaz, amelyeket a következőképpen építenek fel:

      • <!DOCTYPE html>: Ez a nyilatkozat határozza meg, hogy az oldal HTML5 szabvány szerint készült.
      • ** <html>
          • Ez a gyökér elem, amely tartalmazza az összes többi HTML elemet.
      • ** <head>
          • Az oldal fejrésze, amely metainformációkat tartalmaz, mint például a dokumentum címe (<title>), karakterkészlet, CSS hivatkozások vagy JavaScript fájlok.
      • ** <body>
          • Ez tartalmazza a dokumentum fő tartalmát, például szövegeket, képeket, linkeket és egyéb multimédiás elemeket.

      Például egy egyszerű HTML-dokumentum szerkezete így néz ki:

      <!DOCTYPE html>
<html lang="hu">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Példa oldal</title>
</head>
<body>
    <h1>Üdvözöljük a weboldalon!</h1>
    <p>Ez egy példa bekezdés.</p>
</body>
</html>

    4. HTML elemek: A HTML különféle típusú elemeket tartalmaz, amelyek a dokumentum különböző részeinek megjelenítéséért és elrendezéséért felelnek:

      • Címsorok: Címsorok készítésére használják, mint például <h1>, <h2>, <h3>, amelyek hierarchikus szerkezetet adnak az oldal tartalmának.

      • Bekezdések: A bekezdések megjelenítésére szolgál a <p> tag.

      • Linkek: A hivatkozások (linkek) létrehozásához az <a> (anchor) tag használatos:

        <a href="https://www.example.com">Látogasson el az oldalunkra</a>

      • Képek: Képek beillesztéséhez az <img> tag szükséges, ahol a src attribútum határozza meg a kép elérési útját:

        <img src="kep.jpg" alt="Egy példa kép">

      • Listák: Különböző típusú listák készíthetők, például számozott lista <ol> vagy számozatlan lista <ul> taggel.

    5. Attribútumok: A HTML tagekhez különféle attribútumok társíthatók, amelyek további információkat adnak az elemről. Például az <a> (hivatkozás) esetében a href attribútum adja meg a link célját, míg az <img> esetében a src attribútum határozza meg a kép forrását.

    6. Hypertext: A HTML lehetőséget nyújt a weboldalak közötti navigálásra hyperlinkek (hivatkozások) segítségével. Ez az alapja annak, hogy a web egy “hipertext rendszer”, amely összekapcsolja az oldalak tartalmát.

    HTML története és fejlődése:

    • A HTML első verzióját Tim Berners-Lee fejlesztette ki az 1990-es évek elején, hogy egy egységes formátumban tegyen közzé információkat az interneten.
    • Az idők során több változata is megjelent a HTML-nek, amelyek folyamatosan fejlődtek, hogy új funkciókat és lehetőségeket kínáljanak. A legújabb, és jelenleg legelterjedtebb verzió a HTML5, amely többek között natív támogatást biztosít a videókhoz és hangokhoz, jobb grafikai eszközöket (pl. canvas), valamint jobb mobil és multimédiás támogatást nyújt.

    HTML5 újdonságai:

    1. Multimédia támogatás: A HTML5 natív elemeket vezetett be a multimédiás tartalmakhoz, mint például a <video> és <audio> tagek, amelyek segítségével könnyen integrálhatók videók és hangfájlok közvetlenül a böngészőben, külső bővítmények nélkül:

      <video controls>
    <source src="video.mp4" type="video/mp4">
    Az Ön böngészője nem támogatja a videó lejátszást.
</video>

    2. Canvas: A **

      <canvas>

      ** elem lehetővé teszi a dinamikus, rajzolható grafikai tartalmak létrehozását JavaScript segítségével, ami interaktív grafikák, játékok és vizualizációk készítésére alkalmas.

    3. Formázási elemek: Az űrlapok és bemeneti mezők is sok fejlesztést kaptak a HTML5-ben, például új típusú bemeneti mezők (e-mail, dátum, számos bemenet) támogatásával.

    4. Offline támogatás és tárhely: A HTML5 bevezette az offline alkalmazásokhoz szükséges technológiákat, mint például a localStorage és sessionStorage, amelyek lehetővé teszik az adatok helyi tárolását a böngészőben.

    5. SEO és semantikus elemek: A HTML5 új, jelentéssel bíró tageket vezetett be, mint például **

      <article>

      ,

      <section>

      ,

      <nav>

      ** és **

      <footer>

      **, amelyek javítják a weboldalak szerkezetének átláthatóságát és keresőoptimalizálását.

    HTML és webfejlesztés:

    A HTML az alapja minden weboldalnak, de önmagában nem elég ahhoz, hogy teljes funkcionalitású weboldalt hozzon létre. A CSS-t használják a stílusok és dizájn kezelésére, míg a JavaScript biztosítja az interaktív elemeket és a dinamikus tartalomkezelést. Ezek a technológiák együtt alkotják a webes felületek három alapelemét:

    • HTML: Szerkezet és tartalom.
    • CSS: Megjelenés és dizájn.
    • JavaScript: Interaktivitás és funkciók.

    Összegzés:

    A HTML a web alapvető nyelve, amely meghatározza, hogyan épül fel és jelenik meg egy weboldal. Bár maga a HTML nem biztosít dinamikus funkciókat, mint a programozási nyelvek, a CSS és JavaScript segítségével teljes értékű és interaktív weboldalakat lehet készíteni.

    További információk

    A lap eredeti címe: „https://hu.wiktionary.org/w/index.php?title=Hypertext_Markup_Language&oldid=3453115”