HTML programozás - segédanyag

A HTML programok felépítése

<HTML>
   <HEAD>
      <TITLE>Böngésző keretének címe</TITLE>
      Fejléc
   </HEAD>
   <BODY>
      Törzsrész
   </BODY>
</HTML>

Tag-ek általános formája:

<PARANCS opció1="érték" opció2="érték">
   az opciók parancsonként különböznek

Főbb parancsok és opcióik

<BODY> opciói:
   BGCOLOR, BACKGROUND - háttérszín ill. háttérkép
   TEXT, LINK, VLINK, ALINK - betűszín, linkek színe
   értékei: szín agol neve, vagy hexa kódja
<H1>...<H6> - Címszintek
   ALIGN - vízszintes igazítás
                értéke lehet: left/center/right/justify (bal/közép/
                jobb/sorkizárt)
<FONT> - betűformátum
   FACE, SIZE, COLOR - betűtípus, méret és szín
<B> - Félkövér betű
<I> - Dőlt betű
<U> - Aláhúzott betű
<S> - Áthúzott betű
<SUB> - Alsó index
<SUP> - Felső index
<MARQUEE> - Scrollozott (görgetett) szöveg
<P> - bekezdés
   ALIGN - vízszintes igazítás
<A> - hivatkozás, link
   HREF - hivatkozás fájlra vagy weboldalra
      weboldalra hivatkozás http:// -rel kezdődik
   NAME - adott pont elnevezése ugráshoz
      az ugrás hivatkozása # jellel kezdődik
<IMG> - kép beszúrása
   SRC - kép forrásának megadása (név.kit)
   ALIGN - vízszintes igazítás
   WIDTH, HEIGHT - méretezés (szélesség, magasság)
   ALT - a kép leírása (Firefox)
   TITLE - a kép leírása (Chrome)
<TABLE> - táblázat
   BGCOLOR, BACKGROUND - háttérszín ill. háttérkép
   BORDER - keret (mérete)
   WIDTH, HEIGHT - méretezés (szélesség, magasság)
   ALIGN - vízszintes igazítás
   CELLSPACING - cellák közötti távolság
   CELLPADDING - szöveg távolsága cellától (cellamargó)
<TR> - táblázat sora
   ALIGN - vízszintes igazítás
   BGCOLOR - háttérszín
   HEIGHT - sor magassága (pixel vagy százalék)
<TD> - táblázat oszlopa
   BGCOLOR - háttérszín
   WIDTH - oszlop szélessége (pixel vagy százalék)
   ALIGN - vízszintes igazítás
   VALIGN - függőleges igazítás (értékei: top/middle/bottom)
   COLSPAN - oszlopok összevonása
   ROWSPAN - sorok összevonása
<OL> - számozás
<UL> - felsorolás
   TYPE - felsorolás jele
<LH> - felsorolás/számozás listafejléce
<LI> - felsorolás/számozás listaelemei
<BR> - sortörés
<HR> - sortörés választóvonallal
   WIDTH - szélesség
   SIZE - vastagság
   ALIGN - vízszintes igazítás
&nbsp; - szóköz beszúrása
 

Űrlap és űrlapelemek készítése

<FORM> </FORM> - űrlap készítése, opciói:
   ACTION - milyen módon dolgozzuk fel az űrlapot
       MAILTO:emailcím - adatok email címre küldése
       FÁJLNÉV.KIT - adatok feldolgozását végző fájl
   METHOD - adatok továbbításának módja
       POST - biztonságos, adatok rejtettek
       GET - URL-en keresztül továbbítja az adatot
   ENCTYPE - kódolás típusa
       TEXT/PLAIN - egyzserű, szöveges adatok
       MULTIPART/FORM-DATA - fájlküldéshez
<INPUT TYPE="TEXT"> - egysoros beviteli mező
   NAME - beviteli mező neve (feldolgozáshoz)
   VALUE - kezdőérték megadása
   SIZE - beviteli mező látható mérete (karakterben)
   MAXLENGTH - maximális beírható karakterszám
<INPUT TYPE="PASSWORD"> - jelszó beviteli mező
   opciói megegyeznek az egysoros beviteli mezőével
<INPUT TYPE="HIDDEN"> - rejtett beviteli mező
   NAME - rejtett beviteli mező neve
<INPUT TYPE="RADIO"> - választókapcsoló
   csak a pöttyöt készíti el ez a parancs
   NAME - választókapcsoló neve
       egy témához tartozók neve azonos
   VALUE - feldoglozásra elküldött érték
   CHECKED - alapértelmezetten bejelölt
<INPUT TYPE="CHECKBOX"> - jelölőnégyzet
   csak a négyzetet készíti el ez a parancs
   opciói megegyeznek a választókapcsolóéval
<SELECT> </SELECT> - listák
   listbox vagy legördülő lista is lehet
   NAME - lista neve
   SIZE - lista mérete
   MULTIPLE - több elemet jelölhető ki egyszerre
       a SIZE és a MULTIPLE csak listboxnál
<OPTION> </OPTION> - listaelem
   ahány elem van a listában, annyi OPTION-re
   van szükség a <SELECT> </SELECT> között
   VALUE - feldolgozásra elküldött érték
<TEXTAREA> </TEXTAREA> - szövegterület
   NAME - többsoros beviteli mező neve
   ROWS - sorok száma
   COLS - oszlopok (karakterek) száma
<INPUT TYPE="FILE"> - fájlküldés
   NAME - fájl feldolgozásához név
<INPUT TYPE="SUBMIT"> - űrlapadatok elküldése
   VALUE - elküldő gomb felirata
   NAME - elküldő gomb neve
<INPUT TYPE="RESET"> - űrlapelemek alapállapotba
   VALUE - reset gomb felirata

További HTML programozást oktató anyagok, linkek

www.000webhost.com