HTML alapok

Mi az a HTML dokumentum?

Egy standard szövegfájl .html vagy .htm kiterjesztéssel, mely speciális formázó utasításokat tartalmaz.

Szerkesztése:

• Notepad (Jegyzettömb)

• Web szerkesztő programok

Megjelenítése:

• Böngésző programmal

Mi az a „TAG”?

A HTML dokumentumok formázó utasítása.

Felépítése:

Szöveg

HTML oldalak alapszerkezete

…

…

tag

• HTML szabvány szerint készült

• Nincs paramétere

• Mindig le kell zárni!

tag

• HTML oldal fej-része

• Információk elhelyezése

•

– A HTML oldal címe (fejléce) – a böngésző címsorában jelenik meg

– Paramétere nincs

– Mindig le kell zárni!

tag

• A HTML oldal törzse

• A nyitó és a záró tag közé írt szöveget értelmezi és megjeleníti a böngésző.

• Mindig le kell zárni!

• Paraméterei: – bgcolor=”red” (oldal háttérszíne)

– background=”hatterkep.jpg” (háttérkép)

Bekezdés, sortörés, szóköz

•

(új bekezdés nyitása)

– Mindig le kell zárni!

– align=”center” (”left”; ”right”; ”justify”)

•
(sortörés)

– Nem kell lezárni

•   (szóköz)

Betűtípus, -jelleg

• – size=”5” (méret)

– color=”yellow” (szín)

– face=”arial” (betűtípus)

vagy

– style=”font-size:36; color:yellow; font-family:arial”

– (vastag) (dőlt) aláhúzott

– Lezárás!

Képek, linkek

• Kép beszúrása (méret megadással, kerettel):

–

– Nincs lezárás

• Link beszúrása:

– Link szövege

Elválasztó vonal

• Vízszintes vonal beszúrása:

–

– Nincs lezárás!

Szabvány méretű fejlécek

• Címsor x

– x=1…6

– align=”…”

Listák

• Rendezett lista

listaelem

listaelem

Listák

• Rendezetlen lista (unordered list)

listaelem

listaelem

Táblázatok

• (táblázat beillesztése)

– align=”…” (táblázat igazítása)

– border=”1” (keretvonal)

– height=”80%” (magasság)

– width=”60%” (szélesség)

– cellspacing=”0” (cellatávolság)

– cellpadding=”0” (cellamargó)

– LEZÁRÁS

Táblázatok

• (új sor)

– height=”25%” (magasság)

– bgcolor=”lightyellow” (háttérszín)

– LEZÁRÁS

Táblázatok

• (új oszlop – cella – beillesztése)

– align=”…” (tartalom vízszintes igazítása)

– valign=”…” (tartalom függőleges igazítása: top, center, bottom)

– width=”20%” (cellaszélesség)

– bgcolor=”blue” (cella háttérszíne)

– colspan=”4” (cellaegyesítés vízszintesen)

– rowspan=”2” (cellaegyesítés függőlegesen)

– LEZÁRÁS

Keretes szerkezetű oldalak

• Táblázattal

• Hagyományos keretek alkalmazásával

Keretes szerkezetű oldalak

Könyvjelzők használata

1. könyvjelző

…

…

Új oldal betöltése megadott idő múlva

Karakterkészlet beállítása

Vízszintesen mozgó feliratok

• … – width (szélesség)

– height (magasság)

– direction (mozgás iránya – left, right)

– scrolldelay (mozgás sebessége)

– scrollamount (mozgás léptéke)

– loop (mozgás ismétlődés száma)

– bgcolor (háttérszín)

– hspace, vspace (vízszintes, függőleges margó)

– Behavior: ALTERNATE (ide-oda mozgás)

Definiciós lista

meghatározás

leírás