HTML. Szerkesszünk honlapot.. az alapoktól

Méret: px

Mutatás kezdődik a ... oldaltól:

Download "HTML. Szerkesszünk honlapot.. az alapoktól"

Fanni Pintér
7 évvel ezelőtt
Látták:

1 HTML Szerkesszünk honlapot.. az alapoktól

2 HTML A www jelentése World Wide Web. A HTML (angolul: HyperText Markup Language=hiperszöveges jelölőnyelv) egy leíró nyelv, melyet weboldalak készítéséhez fejlesztettek ki.

3 Bevezetés A legfontosabb a jelölés: <> : megnyitjuk az adott címke szerkesztést </>: bezárjuk az adott címke szerkesztést Egy html honlap két legfontosabb része: <html> </html>: jelöljük hogy honlap van szó <body> </body>: beállításokat tartalmaz, maga a honlap szerkezete Fontos! A.. jelzés vagy használja vagy ne. Ha a program feldobja akkor hagyja ott.

4 Adjunk lap nevet a honlapnak Ez fog megjelenni a böngésző fülén <html> <head> <title> A honlapom </title> </head> <body>

5 Adjunk szürke háttért a honlapnak <html> <head> <title> A honlapom </title> </head> <body bgcolor= gray >

6 Adjunk címet az oldalnak és formázzuk meg <html> Félkövér betűtípus <head> <title> A honlapom</title> </head> <body bgcolor= gray > Ez az első honlapom HTML-ben! Középre igazított Fekete betűszín 6-os betűméret Verdana betűtípus

7 Bevezetés <html> sortörés <head> <title> A honlapom </title> </head> <body bgcolor= gray > Ez az első honlapom HTMLben! <div align=left>bevezetés </div> Balra zárt 6-os betűméret Sárga betűszín Verdana betűtípus

8 Tovább <html> <head> <title> A honlapom </title> </head> <body bgcolor= gray > A fehér szín hexadecimális kódja ez az első honlapom HTML-ben! <div align=left>bevezetés</div> bigyó

9 Átalános táblázat beszúrása, amiből.. <body> <html> <table> <tr> <th>órarend</th> <th>hétfő</th> <th>kedd</th> <th>szerda</th> <th>csütörtök</th> <th>péntek</th> </tr> <tr> <th>8:00-9:00</th> <td>angol</td> <td>matek</td> <td>biológia</td> <td>tesi</td> <td>ének</td> </tr> <tr> <th>9:00-10:00</th> <td>töri</td> <td>fizika</td> <td>földrajz</td> <td>informatika</td> <td>matek</td> </tr> <tr> <th>10:00-11:00</th> <td>biológia</td> <td>informatika</td> <td>kémia</td> <td>irodalom</td> <td>tesi</td> </tr> </table>

10 Ez lesz: Órarend Hétfő Kedd Szerda Csütörtök Péntek 8:00-9:00 Angol Matek Biológia Tesi Ének 9:00-10:00 Töri Fizika Földrajz Informatika Matek 10:00-11:00 Biológia Informatika Kémia Irodalom Tesi

De a beírandó kód: <p><font size="6" color="white">táblázat:</font></p> <table border> <tr> <td>egy</td> <td rowspan=2>kettő</td> <td>három</td> </tr> <tr> <td>négy</td> <td> <table border=3

11 De a beírandó kód: táblázat: <table border> <tr> <td>egy</td> <td rowspan=2>kettő</td> <td>három</td> </tr> <tr> <td>négy</td> <td> <table border=3 bgcolor="#3333ff"> <tr> <td colspan=3>belső táblázat</td> </tr> <tr> <td>xx</td> <td>yy</td> <td>zz</td> </tr> </table> </td> </tr> </table> Table Row táblázat sora Table Data cella tartalma sorösszevonás Oszlop összevonás

12 Hivatkozás <a target="_blank href= > Iskolánk honlapja</a> Új oldalra nyitja meg a hivatkozást Hivatkozás szövege, rákattintva nyílik meg az adott honlap A href mindig hivatkozást jelent, utána mindig = jel következik és jelek közé írjuk a hivatkozás címét

13 Kép beszúrása <a href=" size=6 color=orange> Iskolánk honlapja</a> <img alt=":-)" src="robin_williams.jpg" width=187 height=253 border=5> Kép forrása (nem kell semmi ha ugyanabban a mappában van a html file is) Alternatív szöveg, ha a kép nem jelenik meg A kép szélessége, magassága, kerete pixelben

14 Fájl lejátszása hivatkozással <a href= sqarehead_2025.mp3">ezt hallgattam legutóbb</a> Ez esetben nem honlap címet írunk be, hanem egy fájl nevét (/útvonalát ha nem az index fájlal van egy mappában A szöveg, amire kattintva jelenik a hivatkozás

15 Lista készítése ez egy lista: <ol type=i> <li>első elem</li> <li>második elem</li> <li>harmadik elem</li> <li>negyedik elem</li> </ol> Rendezett lista típusa (római számok)

16 küldése kérdés esetén írjon t <a href= "mailto: erre a címre </a> mailto: és az cím, amire mehetnek az érdeklődő levelek

17 Bővebben: Színkódok és átváltások:

Hasonló dokumentumok

HTML kódok. A www jelentése World Wide Web.

HTML kódok. A www jelentése World Wide Web. HTML kódok A www jelentése World Wide Web. A HTML (angolul: HyperText Markup Language=hiperszöveges jelölőnyelv) egy leíró nyelv, melyet weboldalak készítéséhez fejlesztettek ki. A honlap felépítése (csak