Előadást letölteni
Az előadás letöltése folymat van. Kérjük, várjon
1
Html parancsok
2
Weboldal felépítése <html>
<head> Böngészőnek szóló információk <title> Cím </title> </head> <body> Weboldal leírása </body> </html>
3
Háttérszín <body bgcolor=orange>eredménye egy narancssárga hátterű felület!
4
Háttérkép <body background=hatterkep.jpg>
5
Karakterformázás Páros utasítások:
Félkövér: <b>Szöveg</b>=Szöveg Dőlt:<i>Szöveg</i>=Szöveg Aláhúzott:<u>Szöveg</u>=Szöveg
6
Betűformázás <font family=impact size=5 color=blue>Szöveg</font>=Szöveg
7
Bekezdésformázás <p align=center>szöveg</p>
Igazítások: left, right, center, justify <br>: sortörés, önálló parancs
8
Kép beszúrás Parancs: önálló parancs
<img src=„kepek/kep.jpg”> ahol: Img: image rövidítése Src: source szó rövidítése Kepek: mappa ahol a kép található! kep.jpg: kép neve
9
Link Azonos mappában lévő fájl esetén:
<a href=„valami.html">Linkelt szöveg</a> A valami.html oldalra ugrik Vagy <a href=„ a Google-ra</a>
10
Kép beszúrása bővebb instrukciókkal
<IMG SRC=”KÉPEK/CSILLAG.JPG” ALT=”SZÉP CSILLAG” WIDTH=”150″ HEIGHT=”150″> ALT: ha valami miatt nem jelenik meg a kép, ez a szöveg jelenik meg helyette WIDTH: szélesség HEIGHT: magasság
11
Link használata bővebben
<A HREF=” TARGET=”_BLANK”>IDE KATTINTS!</A> TARGET: hol jelenjen meg az új lap _blank:új oldalra _self: eredeti oldalra _top:eredeti oldalra (keretek esetén) _parent:eredeti oldalra (keretek esetén)
12
Táblázat beillesztése:
<table border=”1″ bgcolor=”green” width=”100″ height=”100″> </table> Border: keret mérete Bgcolor: háttérszín Width: szélesség Height: magasság Cellspaceing: cellák közötti hely Cellpadding: elválasztó vonalak vastagsága <tr>; </tr>: új sor <td>; </td> soron belül új oszlop
13
Példa: <table border=”1″ bgcolor=”green” width=”100″ height=”100″> <tr> <td>Első sor, Szöveg 1 </td> <td>Első sor, Szöveg 2 </td> </tr> <tr> <td>Második sor, Szöveg 3 </td> <td>Második sor, Szöveg 4 </td> </tr> </table>
14
Első sor, Szöveg 1 Első sor, Szöveg 2 Második sor, Szöveg 3 Második sor, Szöveg 4
15
Fejléc a táblázatban: <th colspan=2>Fejléc szövege</th>: fejléc létrehozása Colspan=2: két oszlop egyesítése
16
Felsorolás és számozás
Lista: (Unordered List) <ul></ul> <li></li> :listaelemek Sorszámozott lista: (Ordered List) <ol></ol> <li></li> Típusai: <ol type=„A”> <ol type=„a”> <ol type=„I”> <ol type=„i”>
Hasonló előadás
