HTML Szerkesszünk honlapot.. az alapoktól
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.
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.
Adjunk lap nevet a honlapnak Ez fog megjelenni a böngésző fülén <html> <head> <title> A honlapom </title> </head> <body>
Adjunk szürke háttért a honlapnak <html> <head> <title> A honlapom </title> </head> <body bgcolor= gray >
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 > <p align=center><b><font size=6 color=black face= "Verdana">Ez az első honlapom HTML-ben! </font></b></p> Középre igazított Fekete betűszín 6-os betűméret Verdana betűtípus
Bevezetés <html> sortörés <head> <title> A honlapom </title> </head> <body bgcolor= gray > <p align=center><b><font size=6 color=black face="verdana"> Ez az első honlapom HTMLben! </font></b></p> <div align=left><b><font size=6 color=yellow face="verdana">bevezetés </font> </b></div> Balra zárt 6-os betűméret Sárga betűszín Verdana betűtípus
Tovább <html> <head> <title> A honlapom </title> </head> <body bgcolor= gray > A fehér szín hexadecimális kódja <p align=center><b><font size=8 color="#ffffff" face="verdana">ez az első honlapom HTML-ben! </font></b></p> <div align=left><b><font size=6 color=yellow face="verdana">bevezetés</font></b></div> <p align=left><font size=4 color=yellow face="verdana">bigyó<font></p>
Á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>
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 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
Hivatkozás <p align="center"><a target="_blank href= http://www.tok.elte.hu ><font size=6 color=orange> Iskolánk honlapja</font></a></p> Ú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
Kép beszúrása <p align="center"><a href="http://www.tok.elte.hu"><font size=6 color=orange> Iskolánk honlapja</font></a></p> <img alt=":-)" src="robin_williams.jpg" width=187 height=253 border=5><br /> 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
Fájl lejátszása hivatkozással <p align=left><a href= sqarehead_2025.mp3"><font size=6 color=cyan>ezt hallgattam legutóbb</font></a></p> 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
Lista készítése <p>ez egy lista:</p> <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)
E-mail küldése <p align=left><font size=6 color=white>kérdés esetén írjon e-mailt </font><a href= "mailto: minta@minta.elte.hu"> <font size=6 color=white>erre a címre</font> </a> </p> mailto: és az e-mail cím, amire mehetnek az érdeklődő levelek
Bővebben: http://www.standardsmode.hu/html-css/html-alapok/ http://www.bloggersbloggers.com/search/label/html Színkódok és átváltások: http://www.color-hex.com/ http://www.szintan.hu/nevm2.htm