Ez az oldal segít neked, hogy elkerüld az efféle bukkanókat
|
|
HTML ÖSSZEFOGLALÓ
Segédlet a HTML (HyperText Markup Language) programozási nyelv alapjaihoz,
a honlapok készítéséhez.A html oldalak írásához tetszőleges szövegszerkesztőt
használhatunk, de ASCII formátumban (pl. Wordben szövegként) kell elmenteni a
dokumentumot. A fájl kiterjesztése .htm, vagy .html legyen! A forrásnyelvi
program írása során a szövegben kell elhelyeznünk a formázó utasításokat,
amelyek megmondják a böngésző programnak, hogy milyen formázást kell
végrehajtaniuk. Ezeket az információkat a < és a > jelek közé kell írni,
ezek lesznek a jelölő nyelv utasításai, melyeknek a neve angolul tag.
Vannak páros tag-ek, azaz van egy nyitó és egy záró tag, ez utóbbit a / jel jelzi.
A páratlan tag-ek önmagukban állnak. Egyes tag-ek paraméterezhetők, így módosíthatók,
vagy kiegészíthetők az alapértelmezett hatásuk.Egy dologban a böngészők közösek:
automatikusan eltávolítják az üres sorokat, a fölösleges szóközöket és bekezdéseket.
Kezdetnek nyisunk meg egy tetszőleges szövegszerkesztő programot és gépeljük be
a következő sorokat:
Fontos hogy html parancsal nyisuk és zárjuk a honlapot.
A head rész a fejléc.
A title rész közé kell be írni a címet.A főoldal címének mindig index.html kell lenni.
A body rész közé kell be írni a parancs szavakat,de a hátér és a szöveg szín beálításait is
itt kell megadnunk. pl.:
A bgcolor a háttérszín a text a szövegszín a link az a link szín a vlink a látogatott link
az alink az aktív link.
Főcím, ahol n értéke 1, 2,...,6 lehet. A legnagyobb méret n=1.
Paraméterei: align=left, right, center azaz balra, jobbra vagy középre igazítva.
pl.:
A Szöveg felirat az oldal közepén 1-es nagysággal fog megjelenni.
Vízszintes vonal. A legegyszerűbb grafikai elem.
Paraméterei: - size=n ahol n a vonal vastagsága pixelben.
- width=n ahol n a vonal szélessége (a képernyő szélességéhez viszonyítva)
vagy %-ban, vagy pixelben megadva. (Tulajdonképpen a vonal hossza.)
- align=left, right, center a képernyőn való elhelyezkedés (mint a főcímnél).
- noshade ezzel érhetjük el, hogy ne legyen árnyéka a vonalnak.
pl.:
Kövér betű
Dölt betű
Aláhuzott betű
Villogó betű
Betü jellemzők
Paraméterek:
- size=n
- betűméret, ahol n=1, 2,...,7.
- color="#000000" RGB színkóddal történő megadás.
- face="betűtípus"
Előre formált szöveg
Új sor
Új bekezdés
Kép beszúrása
Paraméterei: - align=top, left, right, middle elhelyezkedés (fent, balra, jobbra, középen).
- width= - a kép szélessége pixelben.
- height= - a kép magassága pixelben.
- border= - a kép keretének vastagsága.
- alt="szöveg" a szöveg jelenik meg, képek nélküli letöltés esetén.
- vspace= - a szövegek távolsága a képtől függőleges irányban.
- hspace= - a szövegek távolsága a képtől vízszintes irányban.
Link "szöveg" jelenikmeg aláhúzással kiemelve, és a BODY link-ében beállított színnel.
Ha erre kattintunk, akkor az url-ben megadott helyre ugorhatunk, vagy egy másik html oldalt hívhatunk be.
Táblázat létrehozása. Az egyik leghatékonyabb eszköz a html oldal megjelenésének
formázásához, hiszen nem csak szöveget, hanem linkeket, képeket, grafikákat is elhelyezhetünk benne, mint táblaelemeket.
Ezzel az oldal formázása leegyszerűsödhet. Táblázaton belül is létrehozhatók táblázatok.
Paraméterei: - border=n keret vastagsága pixelben. (Ha nincs border írva, nincs keret.)
- width=n% a képernyő szélességének n%-át foglalja le a táblázat.
- bgcolor=#000000 a táblázat háttérszíne.
Táblázat soraParaméterei a sorban lévő elemekre vonatkoznak.
A táblázat egy eleme a soron belül.
Paraméterei: - rowspan=n n számú sor összevonása.
- colspan=n n számú oszlop összevonása.
- width="n%" a TD szélessége az összes alatta lévő TD-re vonatkozik.
A következő táblázat megjelenítéséhez
ezt kell be gépelned:
Ha elkészült a html file nyisunk meg egy file kezelő szoftvert ami képes FTP-zni
(File Transfer Protokol)(pl.:Totalcomander).
Töltsük fel a fájlokat és kész is az egyedi honlap.