Bevezetés¶
A HTML (HyperText Markup Language) egy leíró nyelv, amelyet weboldalak készítéséhez használunk. Egy HTML kód egyértelműen meghatározza a weboldal felépítését, kinézetét. Azaz a HTML nyelven megírt kódot a webböngésző értelmezi, majd a kód alapján megjeleníti a már általunk megszokott oldalakat.
Fontosabb tudnivalók:
- A HTML fájlok kiterjesztése
.html. - A projekt fő fájlát
index.html-nek kell elnevezni. - Önmagában a HTML egy statikus nyelv, hiszen nem képes dinamikusan kezelni és megjeleníteni a tartalmat. Dinamikus tartalom alatt gondoljuk olyanra, hogy nem tudjuk a pontos időt megjeleníteni, hiszen nincs rá semmilyen mód.
HTML alapstruktúra¶
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
Magyarázat¶
- A
<!DOCTYPE html>deklaráció meghatározza, hogy ez a dokumentum HTML5-dokumentum - A
<html>elem egy HTML-oldal gyökéreleme - A
<head>elem metainformációkat tartalmaz a HTML oldalról - A
<title>elem a HTML-oldal címét adja meg (amely a böngésző címsorában vagy az oldal lapján jelenik meg) - A
<body>elem határozza meg a dokumentum törzsét, és egy tároló az összes látható tartalom számára, például címsorok, bekezdések, képek, hivatkozások, táblázatok, listák stb. - A
<h1>elem egy nagy címsort határoz meg - A
<p>elem egy bekezdést határoz meg
Kötelező elemek¶
A fenti struktúrában a <head> illetve a <body> tartalma tetszőlegesen szerkeszthető, a színessel jelölt sorok azonban kötelezőek minden projektben.
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
Mi az a HTML elem?¶
A HTML-elemeket egy kezdőcímke, egy tartalom és egy zárócímke határozza meg: <kezdőcímke>tartalom</zárócímke>