Bevezető
TITLE
CSS
Címsorok
Link
Kép
Középre igazítás
Táblázat
Új sor kezdése
Új cella kezdése
Példa táblázatra
Szöveg formázás
Felsorolás
HTML sablon
A HTML Programozásban úgynevezett TAG(ejtsd:teg)-ek vannak amik megadják, hogy az utána írt szövegnek a TAG lezárásáig mi legyen a funkciója. A TAGeket <Ide kell beírni>. A lezárásuk általában ugyanaz mint maga a TAG, csak egy ilyen: / jel van előttük pl.: </HTML>. Minden TAGet le kell zárni, de vannak kivételek. Ha valami hiba van az a legvalószínűbb, hogy nem zártatok le egy TAG-et. Na akkor jöjjenek a TAG-ek és a paramétereik. A TAG-eket vagy a HEAD vagy a BODY részben teszem, értelemszerűen oda ahol azt használni lehet. A TAG-eknek 2 fajtája van, az Inline (Magyarul: Belső elem vagy szöveg elem) és a Block. Az Inline TAG-ek nem törik meg a sort előttük és utánuk, de a Block elemek igen, ezért a Block elemeket fölösleges egymásba tenni. Inline Elemek: Link, Kép és a szövegformázó TAG-ek. Block Elemek: Bekezdés, Címsorok, Táblázat, Felsorolás.
Vissza a lap tetejére
<HTML>
<HEAD>
<TITLE>Amit ide írsz az lesz a böngésző fejlécében, itt például: HTML Programozás - Várgedő Lajos Honlapja</TITLE>
<STYLE> Ezzel a TAG-gel, illetve azzal amit közé írsz, tudod megadni, hogy hogyan nézzen ki az oldalad. Ide egy másik programozási nyelvben, a css-ben kell írni. Paraméterei: TYPE="text/css" Ezt a paramétert mindig be kell írni, így ahogy itt van, hogy tudja a böngésző, hogy ide most css-ben írtál. Akkor a 2 STYLE TAG közé css-ben kell írnod. Írok egy példét. Amit sima zárójelbe() teszek, azt nem kell beírni, az csak magyarázat.
A { (Ezzel a link stílusát adod meg.)
background-color: #1FA591; (Ez a háttérszíne lesz a linknek, de csak a linknek)
background-image: url('név.kiterjesztés'); (Itt úgymond relatív elérést kell használni, ami annyit tesz, hogy abból a fileból ahol az oldal van lementve onnan hogy jut el abba a fileba amit meg akarod, hogy nyisson.)
color: #1FA591; (Betűszín. Be lehet még írni mindenhova ahol színt kér olyanokat, hogy: blue, green, grey... és akkor nem kell elé a #)
}
Ha szeretnél még többet (paraméterek,...) tudni a CSS-ről, akkor menj el erre az oldalra, vagy nézd meg az én CSS file-jaimat! tok.css style.css
Néha szüksé lehet arra, hogy egy TAG-ben lévő szöveg máskogy nézzen ki mint az összes többi olyan TAG-ben lévő. Ezt úgy kell megadni, hogy Osztályt adunk a TAG-nek. CLASS="kulombozo" A kulombozo helyére csak sima betűt írjál! Ezt annak a TAG-nek a paramétereként kell megadni amit máshogy akarunk, hogy kinézzen.
Pl:
A.kulombozo {
backgroung-color: blue;
color: white;
}
</STYLE>
</HEAD>
Vissza a lap tetejére
<BODY>
| Első sor első cella | Ide kell írni azt a szöveget amit szeretnél, ha megjelenítene a táblázatnak ebben a cellájában. Ez a cella 3 oszlopot és 2 sort foglal el. | Cella1 | Cella2 | ||
| Cella3 | Cella4 | Cella5 | |||
| Cella6 | Cella7 | Cella8 | Cella9 | Cella10 | |