09.05.2015 Views

Webszerkesztés és HTML programozás - inter-studium.hu

Webszerkesztés és HTML programozás - inter-studium.hu

Webszerkesztés és HTML programozás - inter-studium.hu

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

Vinnai Zoltán: <strong>HTML</strong><br />

4. <strong>HTML</strong> alapelemei<br />

4.1. A <strong>HTML</strong> nyelv alapelemei<br />

Ezek az állományok tartalmazzák azokat a szimbólumokat, amelyek a megjelenítő<br />

programnak (böngésző) leírják, hogyan is kell megjeleníteni illetve feldolgozni az adott<br />

állomány tartalmát.<br />

Négyfajta szimbólum (leíró elem) található meg a <strong>HTML</strong>-ben:<br />

• strukturális elemek, amelyek leírják az adott szöveg "célját" például<br />

Téma 1 mint első szintű címsor (alcím).<br />

• prezentációs szimbólumok, melyek leírják, az adott szöveg hogy nézzen ki.<br />

például vastag vastag kinézetet eredményez. (Ez a forma azonban<br />

ma már elavultnak számít, helyette a CSS használata javasolt, ugyanis a<br />

legújabb irányelv szerint szét kell választani a tartalmat (amit a <strong>HTML</strong> kódol)<br />

és a formát (amit pedig a CSS).<br />

• hiperszöveg (hypertext) elemek, melyek segítségével kapcsolat létesíthető a<br />

dokumentum egyes elemei és más dokumentumok között (például a<br />

Wikipedia a<br />

Wikipedia szót mint egy kapcsolatot (angol szóval: link) a megadott URL -hez<br />

jeleníti meg)<br />

• eszköz elemek, melyek segítségével gombok, listák, beviteli mezők hozhatók<br />

létre<br />

4.2. A TAG<br />

A <strong>HTML</strong> elemek a nyelv építőelemei (P=paragrafus; TABLE=táblázat; stb.). Az<br />

elemeket úgynevezett TAG-ekké (olvasd: teg) alakítjuk a következő jelek segítségével: , /.<br />

A TAG építése roppant egyszerű. Közvetlenül a < (TAG kezdő) jel után írjuk az elem<br />

nevét, majd a > (TAG fejező) jellel lezárjuk. Például: és . Az első a nyitó, a<br />

második a záró TAG.<br />

A <strong>HTML</strong> szabvány keretén belül léteznek olyan TAG-ek, amelyeknek nincs, vagy<br />

nem kötelező megadni a záró párját. Az X<strong>HTML</strong> szabvány viszont már ezt is szabályozza.<br />

A TAG-eknek lehetnek jellemzői is, amit a nyitó TAG-en belül lehet megadni,<br />

egyszerre akár többet is, szóközzel elválasztva egymástól. Az egyes jellemzők értékeit a<br />

jellemző nevét követő = jel után idézőjelek között kell megadni. Például:<br />

A bekezdés szövege<br />

Ebben a példában a TAG neve p, a beállított jellemző neve align, és az align jellemző<br />

értéke justify.<br />

4.3. <strong>HTML</strong> fájl szabványos felépítése<br />

Egy <strong>HTML</strong> állomány három fő részre bontható:<br />

1. A Dokumentum Típus Definíció az állomány legelején, ami a használni kívánt<br />

dokumentum típust (DTD) adja meg, pl:<br />

<br />

10

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!