Az előadás letöltése folymat van. Kérjük, várjon

Az előadás letöltése folymat van. Kérjük, várjon

HTML alapok Készítette: Nagy-Szakál Zoltán 2007..

Hasonló előadás


Az előadások a következő témára: "HTML alapok Készítette: Nagy-Szakál Zoltán 2007.."— Előadás másolata:

1 HTML alapok Készítette: Nagy-Szakál Zoltán 2007.

2 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)Notepad (Jegyzettömb) Web szerkesztő programokWeb szerkesztő programokMegjelenítése: Böngésző programmalBöngésző programmal

3 Mi az a „TAG”? A HTML dokumentumok formázó utasítása. Felépítése: Szöveg

4 HTML oldalak alapszerkezete … … …

5 tag tag HTML szabvány szerint készültHTML szabvány szerint készült Nincs paramétereNincs paramétere Mindig le kell zárni!Mindig le kell zárni!

6 tag tag HTML oldal fej-részeHTML oldal fej-része Információk elhelyezéseInformá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!

7 tag tag A HTML oldal törzseA HTML oldal törzse A nyitó és a záró tag közé írt szöveget értelmezi és megjeleníti a böngésző.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!Mindig le kell zárni! Paraméterei:Paraméterei: –bgcolor=”red” (oldal háttérszíne) –background=”hatterkep.jpg” (háttérkép)

8 Bekezdés, sortörés, szóköz (új bekezdés nyitása) (új bekezdés nyitása) –Mindig le kell zárni! –align=”center” (”left”; ”right”; ”justify”) (sortörés) (sortörés) –Nem kell lezárni (szóköz) (szóköz)

9 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!

10 Képek, linkek Kép beszúrása (méret megadással, kerettel):Kép beszúrása (méret megadással, kerettel): – – –Nincs lezárás Link beszúrása:Link beszúrása: – Link szövege – Link szövege

11 Elválasztó vonal Vízszintes vonal beszúrása:Vízszintes vonal beszúrása: – – –Nincs lezárás!

12 Szabvány méretű fejlécek Címsor x Címsor x –x=1…6 –align=”…”

13 Listák Rendezett listaRendezett lista listaelem listaelem

14 Listák Rendezetlen lista (unordered list)Rendezetlen lista (unordered list)

    listaelem listaelem

15 Táblázatok (táblázat beillesztése) (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

16 Táblázatok (új sor) (új sor) –height=”25%” (magasság) –bgcolor=”lightyellow” (háttérszín) –LEZÁRÁS

17 Táblázatok (új oszlop – cella – beillesztése) (ú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

18 Keretes szerkezetű oldalak TáblázattalTáblázattal

19 Hagyományos keretek alkalmazásávalHagyományos keretek alkalmazásával Keretes szerkezetű oldalak

20 Könyvjelzők használata 1. könyvjelző 1. könyvjelző … …


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

22 Karakterkészlet beállítása

23 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)

24 Definiciós lista

meghatározás
leírás


Letölteni ppt "HTML alapok Készítette: Nagy-Szakál Zoltán 2007.."
Google Hirdetések