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).
GO TO FULL VERSION