Kd trdelse s a megjelens n n A

  • Slides: 9
Download presentation
Kód tördelése és a megjelenés n n A HTML oldalak készítésénél meg kell szoknunk

Kód tördelése és a megjelenés n n 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

n Sok-sok szóközből egy jelenik meg Sok-sok sortörésből (enter) egy szóköz lesz n (kivéve

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

Szöveg formázás n n n Sortörés: • Amennyiben a szövegen belül egy sortörést szeretnénk

Szöveg formázás n n n Sortörés: • Amennyiben a szövegen belül egy sortörést szeretnénk elhelyezni, a 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

Szöveg formázása n n n Betűméret: <font size="4"> 4 -es betűméret </font> (méret "1"-től

Szöveg formázása n n n 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

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

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

Szöveg formázása Webszerkesztés

Szöveg formázása Webszerkesztés

Címsorok <h 1>…<h 6> A címsorok az oldalak logikai felosztását teszik lehetővé. A HTML

Címsorok <h 1>…<h 6> A címsorok az oldalak logikai felosztását teszik lehetővé. A HTML nyelvben ezeket a <h 1>, <h 2>, <h 3>, <h 4>, <h 5>, <h 6> tagekkel adhatjuk meg. Például h 1 az oldal címe, h 2 egy alcím, h 3 egy mélyebb szintű alcím és így tovább. A HTML oldalak esetén 6 címsort használhatunk. Webszerkesztés

Címsorok <h 1>…<h 6> Webszerkesztés

Címsorok <h 1>…<h 6> Webszerkesztés

Bekezdések <p> n n A <p> tag segítségével a szöveget bekezdésekre oszthatjuk. (záró tag:

Bekezdések <p> n n 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