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 head
a 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