3.1 html tag

Ha ezt a szöveget olvassa, feltételezhető, hogy a jövőben Java fejlesztőként fog dolgozni, vagy Full Stack Java Developerként. Aligha fog HTML dokumentumokat írni, de gyakran el kell olvasnia őket . Így működik a világ, tehát ki kell találni, hogyan vannak elrendezve a HTML dokumentumok.

Mi minden HTML dokumentum kezdete? Minden HTML dokumentum három egymásba ágyazott címkéből áll: html, headés body. Ez a standard példa:

<!DOCTYPE html>
<html>
    <head>
        Service tags
    </head>
    <body>
        Main document
    </body>
</html>

Minden, amit a böngésző megjelenít, egy pár címkén body(dokumentumtörzs) belül van. A címke belsejében heada böngésző szerviz-/kiegészítő információit tartalmazó címkék találhatók.

Szokásos (nem kötelező) a dokumentumtípust is a dokumentum elejére írni – DOCTYPEígy az elemző jobban megérti a hibák értelmezését. Sok böngésző képes helyesen megjeleníteni a törött dokumentumokat.

Vagy éppen ellenkezőleg XHTML = XML+HTML, van egy szabvány, amelyben szigorúbb szabályok vannak, mint a szokásosnál HTML. De ezek az információk hasznosak lesznek az Ön számára, amikor úgy dönt, hogy saját böngészőt ír, vagy legalábbis a saját böngészőjét HTML-parser.

3.2 A fejcímke

A címkén belül headáltalában a következő címkék találhatók: title, meta, style, ...

A címke <title> a böngésző lapon megjelenő dokumentum nevét adja meg.

A címke <meta>különféle szolgáltatási információk beállítására szolgál. Például segíthet a böngészőnek megérteni egy HTML-dokumentum kódolását (ha emlékszik, egyszerű szöveget tartalmaz).


<html>
    <head>
        <title> Escape character</title>
           <meta charset="utf-8" />
   </head>
    <body>
 
    </body>
</html>

3,3 body, p, b címkék

A címke <body>tartalmazza az összes html szöveget, amelyet a böngésző megjelenít. A dokumentum megjelenítésének legegyszerűbb címkéi: <h1>, <p>, <b>,<br>

<h1>- ez egy pár címke, amely lehetővé teszi az oldal / cikk címének beállítását. Ha a cikk hosszú, és alcímekre van szüksége, akkor ebben az esetben használhatja a címkét <h2>, <h3>és így tovább, amíg<h6>

Példa:


<body>
     <h1>Cats</h1>
          <h2> Description of cats</h2>
            detailed description of cats
          <h2> Origin of cats</h2>
              Information about the origin of cats.
          <h2> Cat paws</h2>
              Huge article about the paws of cats
</body>

Ha a cikked nagy, és bekezdésekre bontással szeretné könnyebben olvashatóvá tenni, akkor <p>ehhez (a bekezdés szóból) páros címkére lesz szükséged. Csak csomagolja be a szöveget címkékbe <p>, </p>és a böngésző külön bekezdésként jeleníti meg.

Figyelem! A böngésző figyelmen kívül hagyja a sortöréseket és/vagy a szóközöket a szövegben. Ha sortörést szeretne bevinni, akkor illesszen be egyetlen címkét <br>( a br eak sorból) a szövegbe.

Nos, a legjobb az, hogy félkövérrel kiemeli a szöveget. Ha félkövérre szeretné írni a szöveget, csomagolja be címkékbe <b> </b>( b régitől).