1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
|
---
title: Bevezetés a HTML-be
slug: Learn/HTML/Bevezetes_a_HTML-be
translation_of: Learn/HTML/Introduction_to_HTML
---
<div>{{LearnSidebar}}</div>
<div>A {{glossary("HTML")}} alapvetően egy egyszerű nyelv. Olyan <a href="/hu/docs/Glossary/Element">elemekből</a> áll, amelyekkel különböző jelentést társíthatunk szövegrészleteknek (például egy bekezdés, egy számozott lista, egy táblázat sora), struktúrálhatjuk a dokumentumot logikai részekre (például fejléc, navigációs sáv, három oszlopos tartalom), vagy beilleszthetünk más tartalmakat az oldalunkba (például képeket vagy videót).</div>
<div>Ez a modul bemutatja ezek közül az első kettőt, és megismertet az alapvető fogalmakkal és a szintaxissal, amiket tudnod kell a HTML megértéséhez.</div>
<h2 id="Előfeltételek">Előfeltételek</h2>
<p>Mielőtt elkezded ezt a modult, tudnod kell pár dolgot.<br>
A kezdéshez nincs szükséged előzetes HTML ismeretekre, ugyanakkor legalább alapszinten ismerned kell a számítógép és az internet használatát. Létre kell hoznod egy alapvető munkakörnyezetet (amit az <a href="/hu/docs/Learn/Getting_started_with_the_web/Installing_basic_software">Alapvető szoftverek telepítése</a> útmutatónk részletesen ismertet), és tudnod kell, hogyan hozhatsz létre és kezelhetsz fájlokat (amit a <a href="/hu/docs/Learn/Getting_started_with_the_web/Dealing_with_files">Fájlok kezelése</a> útmutatónk részletesen ismertet). Mindkettő része a <a href="/hu/docs/Learn/Getting_started_with_the_web">Kezdő lépések</a> modulnak.</p>
<div class="note">
<p><strong>Megjegyzés</strong>: Ha olyan számítógépen / táblagépen / vagy egyéb eszközön dolgozol, amelyen nem tudsz fájlokat létrehozni, próbáld ki (a legtöbb) példa kódot valamelyik online programban, mint amilyen a <a href="http://jsbin.com/">JSBin</a> vagy a <a href="https://thimble.mozilla.org/">Thimble</a>.</p>
</div>
<h2 id="Útmutatók">Útmutatók</h2>
<p>Ez a modul olyan útmutatókat tartalmaz, amelyek végigvezetnek a HTML nyújtotta összes lehetőségen, és bőséges lehetőséget nyújtanak a képességeid tesztelésére.</p>
<dl>
<dt><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started">HTML Alapok</a></dt>
<dd>Magában foglalja a HTML abszolút alapjait — definiáljuk az elemeket, attribútumokat, és más fontos paramétereket, valamint megmutatjuk hol illeszkednek a nyelvhez. Azt is megmutatjuk, hogy egy tipikus HTML oldal hogyan van struktúrálva illetve egy HTML elem hogyan van struktúrálva, valamint elmagyarázzuk milyen egyéb fontos nyelvi funkciók vannak. Útközben játszunk is egy kicsit a HTML-el, hogy felkeltsük az érdeklődésedet.</dd>
<dt><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML">Mi van a head-ben? Metaadatok HTML-ben</a></dt>
<dd>A HTML-dokumentum feje (<a href="/en-US/docs/Glossary/Head">head</a>) az a rész, amely nem jelenik meg a webböngészőben az oldal betöltésekor. Olyan információkat tartalmaz, mint például az oldal címe ({{htmlelement("title")}}), linkek a {{glossary("CSS")}} fájlokra, az egyedi ikonok elérési útvonalai, illetve a metaadatok (adatok a HTML-ről, például arról, hogy ki írta, vagy a dokumentumot leíró fontos kulcsszavakat).</dd>
<dt><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals">HTML szöveg alapjai</a></dt>
<dd>A HTML egyik fő feladata, hogy jelentést adjon a szövegnek (más néven <a href="/en-US/docs/Glossary/Semantics">szematika</a>), hogy a böngésző tudja, hogyan kell helyesen megjeleníteni. Ez a cikk megmutatja hogyan tördelheted fel a szöveget fejlécekre és bekezdésekre, hogyan hangsúlyozhatsz szavakat, vagy készíthesz listákat és egyebeket HTML segítségével..</dd>
<dt><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks">Hivatkozások létrehozása</a></dt>
<dd>A hivatkozások (hyperlinks) nagyon fontosak — ők teszik az internetet internetté. Ez a cikk egy link elkészítéséhez szükséges szintaxist mutat be, illetve bemutat néhány praktikát.</dd>
<dt><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Advanced_text_formatting">Speciális szövegformázás</a></dt>
<dd>Rengeteg elem van a HTML-ben a szövegek formázására, amelyeket a <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals">HTML szöveg alapjai</a> cikkben nem találsz meg. Ezek az elemek kevésbé ismertek, pedig ismeretük még mindig hasznos lehet. Ebben a cikkben megtanulhatod az idézetek, a leírási listák, a számítógépes kódok és egyéb kapcsolódó szövegek, úgy mint indexek, felső indexek vagy kapcsolati adatok megjelölését.</dd>
<dt><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Document_and_website_structure">Dokumentum- és weboldalszerkezet</a></dt>
<dd>Az oldal egyes részeinek (például bekezdés vagy kép) meghatározása mellett a HTML-t arra is használják, hogy meghatározza webhely területeit (például fejléc, lábléc, navigációs sáv, tartalom). Ez a cikk megvizsgálja, hogyan kell megtervezni egy alapvető webhelystruktúrát, illetve hogyan kell megírni HTML-ben.</dd>
<dt><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Debugging_HTML">Hibakeresés HTML-ben</a></dt>
<dd>HTML-t írni szuper, de mi van akkor, ha valamit elromlik és nem találod a hibát? Ez a cikk bemutat néhány eszközt, amely segíthet.</dd>
</dl>
<h2 id="Tesztek">Tesztek</h2>
<p>Ezekkel a tesztekkel ellenőrizheted, hogy mennyire sikerült megértened a fenti útmutatókban leírtakat.</p>
<dl>
<dt><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Marking_up_a_letter">Egy levél írása </a></dt>
<dd>Mindannyian megtanulunk egy levelet írni előbb vagy utóbb; ez egy hasznos példa a szövegformázási készségek tesztelésére. Ebben a tesztben egy levelet kell megformázni.</dd>
<dt><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Structuring_a_page_of_content">Egy tartalom oldalának strukturálása</a></dt>
<dd>Ez a tesz ellenőrzi hogyan tudsz struktúrálni HTML-el egy oldalt, amely tartalmaz fejlécet, láblécet, navigációs sávot, egy fő tartalmat és egy oldalsávot.</dd>
</dl>
<h2 id="Kapcsolódó_témakörök">Kapcsolódó témakörök</h2>
<dl>
<dt><a href="https://teach.mozilla.org/activities/web-lit-basics/">A webes műveltség alapjai 1</a></dt>
<dd>Egy kiváló Mozilla alapítványi tanfolyam, amely a <a href="https://developer.mozilla.org/hu/docs/Learn/HTML/Bevezetes_a_HTML-be">Bevezetés a HTML-be</a> c. útmutatóban bemutatott sok készség vizsgálatára és tesztelésére szolgál. A tanulók megismerkedhetnek az olvasással, az írással és a weben való részvételellel ebben a hat részből álló modulban. Fedezze fel a web alapjait a alkotás és az együttműködés révén.</dd>
</dl>
|
