HTML szerkesztés gyakorlati óra vázlata

Általános tudnivalók
A HTML dokumentum felépítése
    A dokumentum váza
    Fejléc elemek
    Szövegtörzs elemei
        Nyitóelem opciói
        Karakterformázás
        Különleges karakterek
        Bekezdésformázás
        Táblázatok
        Kereszthivatkozások
Irodalom

1. Általános tudnivalók

HTML = HyperText Markup Language (szöveg+formázó utasítások /tag/ - nyitó és záróelem) - aktuális a 4.0 specifikáció alapja az SGML (Standard Generalized Markup Language), mely az ISO 8879-es szabvány. Szabványosítási ajánlások: World Wide Web Consortium (w3c.org).

2. A HTML dokumentum felépítése

2.1. A dokumentum váza:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    Dokumentum specifikáció
    <HTML>
        <HEAD>
           ... Fejléc elemek ...
        </HEAD>
        <BODY>
           ... Szövegtörzs ...
        </BODY>
    </HTML>

2.2. Fejléc elemek:

    <TITLE>Dokumentumcím</TITLE>
        browser címsorában és a keresõk találati listájának elsõ sorában jelenik meg
    <META NAME="mezõnév" CONTENT="érték">
        keresõgépek találati listájában jelenik meg, mezõnév=pl. author, keywords, stb.
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
        ékezetes karakterek kódolási eljárásának definiálása

2.3. Szövegtörzs elemei

2.3.1. Nyitóelem opciói

ahol,	BACKROUND="file.name"	háttérfájl
	BGCOLOR="színkód"	háttérszín
	TEXT="színkód"	szövegszín
	LINK="színkód"	kereszthivatkozások szövegének színe
	ALINK="színkód"	letöltés alatt lévõ kereszthivatkozások szövegének színe
	VLINK="színkód"	letöltött kereszthivatkozások szövegének színe
	"színkód"	szín angol elnevezése ("black"), vagy RGB értékének hexadecimális értéke ("#000000") fontosabb színkódok: fekete - 000000, fehér - FFFFFF, sárga - FFFF00, piros - FF0000, zöld - 00FF00, kék - 0000FF

2.3.2. Karakterformázás

<B>Félkövér</B>
<I>Dõlt</I>
<U>Aláhúzott</U>
<SUP>^Felsõindex</SUP>
<SUB>_Alsóindex</SUB>
<FONT FACE="betütípus elnevezése" COLOR="színkód" SIZE="szám"> , ahol a betûméret (SIZE) után írt szám a betûméretet határozza meg pontban (abszolút méretezés), illetve ha a szám elõtt elõjel szerepel a betûméret a szöveg alapértelmezett betûméretéhez viszonyítva nõ, illetve csökken (relatív méretezés). Zárótag: </FONT>

2.3.3. Különleges karakterek

Hosszú egyszeres ékezet: acute, pl. á - á Á - Á ó - ó Ó - Ó
Rövid kettõs ékezet: uml, pl. ö - ö Ö - Ö ü - ü Ü - Ü
Kettõs hosszú ékezet: tilde és circ, a következõ használatban õ - õ Õ - Õ û - û Û - Û
< - <
> - >
& - &
" - &quote;
nem tördelhetõ szóköz -  

2.3.4. Bekezdésformázás

<P ALIGN="hely" NOWRAP>
csak a nyitó tagot használjuk, a hely lehet left - balra, right - jobbra, center - középre és justify - sorkizárt szerkesztés,
a NOWRAP utasítás a sorok tördelését tiltja.

<BR>
kényszersortörés egy bekezdésen belül.

<H1 ALIGN="hely">Címsor 1</H1>
<H2 ALIGN="hely">Címsor 2</H2>
<H3 ALIGN="hely">Címsor 3</H3>
<H4 ALIGN="hely">Címsor 4</H4>
<H5 ALIGN="hely">Címsor 5</H5>
<H6 ALIGN="hely">Címsor 6</H6> különbözõ címsorszintek definiálása, a címsor kiemelt (félkövér, növelt betûméret) formátumot kap

<OL SEQNUM="szám" CONTINUE>számozott lista</OL>
SEQNUM="szám" - ban megadott számmal kezdõdik a felsorolás, vagy CONTINUE az elõzõ lista folytatása
<UL>felsorolásjelzõvel jelzett lista</UL>
<LH>listafejléc</LH>
<LI>lista sor nyitóeleme, a záróelemet nem használjuk.

2.3.5. Táblázatok

<TABLE BORDER="szám" ALIGN="hely" NOWRAP WIDTH="% vagy pixel">
    a BORDER után megadott szám a táblázat keretének szélességét jelenti képpontban (pixel)
<CAPTION ALIGN="hely">Táblázat címe</CAPTION>
    a táblázat felett jelenik meg
<TR> táblázati sor nyitóeleme, a zároelemet nem használjuk
<TH> oszlop-/sorfejléc nyitóeleme, a zároelemet nem használjuk
<TD> cella nyitó nyitóeleme, a zároelemet nem használjuk
    e két utóbbi opciói:
<TD COLSPAN="szám" ROWSPAN="szám" ALIGN="hely" VALIGN="hely" WIDTH="% vagy pixel" HEIGHT="% vagy pixel">
    a COLSPAN után megadott számú cellát egyesíti vízszintesen,
    a ROWSPAN után megadott számú cellát egyesíti függõlegesen,
    ALIGN a cella tartalának vízszintes igazítása, a hely lehet:
        left, right, center, justify, decimal - tizedesvesszõk kerülnek egymás alá
    VALIGN a cella tartalának függõleges igazítása, a hely lehet:
        top - cella tetejéhez, middle - cella közepére, bottom - cella aljához, baseline - cella alapvonalához

2.3.6. Kereszthivatkozások

<A HREF="protokoll://domain/konyvtarak/file.name#jelzo">
    a dokumentum jelzett helyén - ha megadott helyre akarjuk a hivatkozást irányítani- a
    <A NAME="jelzo"> tagnak kell szerepelnie
    elhagyható a domain, ha ugyanazon a szerveren van a hivatkozott file
    elhagyható a könyvtár, ha azonos könyvtárban van a hivatkozott file
    elhagyható a fájlnév, ha fájlon belül van a hivatkozás