blabla

elem  Betűk stílusai:  Félkövér  Dőlt  Aláhúzott  Egyéb stílusok  címsorok: o

1-es címsor

o … o

6-os címsor

 egyéb: o … Villogó szöveg o <pre>… - Előre formázott szöveg (preformatted). A szövegen belül a sortörések és a szóközök pontosan ott jelennek meg, ahol a html kódban szerepelnek Összetett formázás  Amelyik belül van, azt kell először lezárni, mint a matekban a zárójelek: [(4+3)*2]  Ezeket a formázásokat egyszerre is lehet alkalmazni Pl.:  o

Félkövér 7-es méretű szürke Verdana típusú

  Igazítás (bekezdések, hosszabb szövegek, képek, stb.) o

balra igazított

o

középre igazított

o

jobbra igazított

o

sorkizárt

Oktató: Temesi-Ferenczi Kinga

Színek használata:  Alapszínek (Erősségük állítása: 0-255-ig)  R: Red  G: Green  B: Blue  16-os (hexadecimális) számrendszerbeli kóddal: 00-FF-ig  Fehér: #FFFFFF  Fekete: #000000  Piros: #FF0000  Névvel  Piros szöveg  Kóddal  Zöld szöveg  Háttérszín, szövegszín  Háttérszín o o  Alapértelmezett szövegszín o  Háttérkép beállítása   A képet az index.html mellé (ugyanabba a mappába) kell menteni  Jogokra figyeljenek oda!!!

Színek keverésével kapcsolatos honlap: http://www.rapidtables.com/web/color/RGB_Color.htm

Oktató: Temesi-Ferenczi Kinga

Hivatkozások, linkek:  Szöveg átalakítása hivatkozássá:  Ugrás az ELTE TÓK honlapjára!  Kép legyen a hivatkozás   Hivatkozás színei:  text=”#000000” – a szöveg színe.  link=”#000000” – a még nem használt linkek színe.  vlink=”#000000” – a már használt linkek színe.  alink=”#000000” – az éppen használt (aktív) link.   Megnyitás:  alapértelmezetten az adott oldalon nyitja meg a hivatkozást  target=”_blank”: új lapra nyitja meg a hivatkozást  Hivatkozás helye (egy kép példáján):  A szerveren a mappán belüli helye: o a html és a kép fájl ugyanabban a mappában van:  o egy mappával kijebb lévő fájlra:  o egy mappával beljebb lévő fájlra:  o egy oldalon lévő képre:  Szöveg formázása  Betűméret  7-es

betűméret (A kódban a 7 a maximum méret)

 Betűtípus  Arial betűtípus  Betűszín  Kék betűk

Oktató: Temesi-Ferenczi Kinga

Beszúrás:  Kép beszúrásának paraméterei  Width, Height: szélesség, magasság  Border: a kép körül lévő szegély vastagsága  Title: akkor jelenik meg, ha a kép fölé visszük az egeret o  alt=”” : ha nem tölthető be a kép helyette a ” ”-ben lévő rész jelenik meg.  Zenék letöltése  Ez a kedvenc számom  E-mail cím  itt tudsz nekem írni e-mailt  Lista létrehozása 

…

- Rendezett lista (Ordered List). o type= A, a, I, i, 1 – (A) nagybetűvel, (a) kisbetűvel, (I) római és (1) arab (alapeset) számmal jelzett felsorolás. 

…

- Rendezetlen lista (Unordered List). Más néven franciabekezdés. o type=disc, round, square – (ᴑ)kör, (•) tömött kör, ill. (□) négyzet a listaelemek előtt. 

…

- Lista (LIst). o Ezekkel a tag-ekkel kell a lista elemeit körülvenni. A elhagyható. o Például: 




1. Első
2. Második
3. Harmadik
   
   
   
   

o Kinézete: I. Első II. Második III. Harmadik  Megjegyzés: a listák egymásba ágyazhatók (listán belüli lista).

Oktató: Temesi-Ferenczi Kinga

Táblázat:   (Table Row : táblázat sorának beszúrása)  (Table Data: táblázat cellájának tartalma)       

1. sor 1. cella	1. sor 2. cella
2. sor 1. cella	2. sor 2. cella

 egyéb beállítás:  : az adott cella fejléc-szerű, kiemelt  .. n számú sor összevonása.  .. n számú oszlop összevonása.  Táblázat felépítési sorrendje:

 Táblázat paraméterei  Width: szélesség  Align: vízszintes igazítás (left, center, right)  Valign: függőleges igazítás (left, minddle, right)  Border: a szegély vastagsága o o … o  Szinek beállítása: o  Háttér beállítása: o

Oktató: Temesi-Ferenczi Kinga

 Cella paraméterei  Width: a cella szélessége  Height: a cella magassága  Align: a cellán belüli igazítás o  Színek beállítása: o

o … o

o o



o



o o Kinézete:

Érdekességek: 





ACRONYM: Mozaikszó 

Tulajdonság: title a mozaikszót alkotó szavak valódi jelentését tartalmazza



Amikor az egér a mozaikszó felett van, kiíródik a teljes szó.



Példa: kacorral

ABBR: Rövidítés 

Tulajdonság: title a rövidítés jelentését tartalmazza



Amikor az egér az © (=©) felett van, kiíródik a magyarázat



Példa: ©

SUP: Felső index <sup> 



Példa: 1<sup>st 1st

SUB: Alsó index <sub> 

Példa: H<sub>2

H2

1.1

1.2

1.3