Kód tördelése és a megjelenés

Az előadások a következő témára: "Kód tördelése és a megjelenés"— Előadás másolata:

1 Kód tördelése és a megjelenés
A HTML oldalak készítésénél meg kell szoknunk azt, hogy a HTML kód tördelése nem befolyásolja az oldal megjelenését. (mennyi szóközt teszünk, hol nyomunk entert) Viszont a tördelésre az átláthatóság miatt szükségünk van Webszerkesztés

2 Sok-sok szóközből egy jelenik meg
Sok-sok sortörésből (enter) egy szóköz lesz (kivéve <pre>…szöveg…</pre>) Webszerkesztés

3 Szöveg formázás Sortörés: <br>
Amennyiben a szövegen belül egy sortörést szeretnénk elhelyezni, a <br> taget kell használnunk. (Ez is egy olyan tag, amelynek nincs záró párja.) Vízszintes vonal: <hr> Betűk stílusai: <b>Félkövér</b> <i> Dőlt </i> <u> Aláhúzott </u> Webszerkesztés

4 Szöveg formázása Betűméret:
<font size="4"> 4-es betűméret </font> (méret "1"-től "7"-ig lehet) <font size="+2"> Előzőnél kettővel nagyobb </font> Betűtípus: <font face="Arial" > Arial betűtípus </font> Ezeket együtt is használhatjuk: <font size="4" face="Comic Sans MS"> Erre a szövegre </font> Webszerkesztés

5 Szöveg formázása Betűk méretét változtathatjuk az alábbi tag-ekkel is:
<big> nagyobb szöveg </big>  <small> kisebb szöveg   </small> Webszerkesztés

6 Szöveg formázása Webszerkesztés

7 Címsorok <h1>…<h6>
A címsorok az oldalak logikai felosztását teszik lehetővé. A HTML nyelvben ezeket a <h1>, <h2>, <h3>, <h4>, <h5>, <h6> tagekkel adhatjuk meg. Például h1 az oldal címe, h2 egy alcím, h3 egy mélyebb szintű alcím és így tovább. A HTML oldalak esetén 6 címsort használhatunk. Webszerkesztés

8 Címsorok <h1>…<h6>
Webszerkesztés

9 Bekezdések <p> A <p> tag segítségével a szöveget bekezdésekre oszthatjuk. (záró tag:</p>) Paramétere: align= Lehetséges értékek: "left" : balra "center" : középre "right" : jobbra "justify" : sorkizárt Pl.: <p align="left">…szöveg…</p> Webszerkesztés