Készítette: Rummel Szabolcs Elérhetőség:rsz@mailbox.hu Html parancsok Készítette: Rummel Szabolcs Elérhetőség:rsz@mailbox.hu
Web formátumok .html .htm .php
Weblap elérése Böngészőben index.html, index.htm: automatikus az elérése. Böngészőben nev.html, nev.htm: a fájl nevét is be kell írni. Elérést lásd itt!
Html Nem nyelv hanem egy keret! Parancsokat tartalmaz. Dinamikus weblapok nem tervezhetők vele.
Html oldal felépítése A keret!
Html oldal hátterének beállítása Háttérbeállításának esetei: Háttérszín Háttérkép
Alapvető html parancsok Karakterformázás Bekezdésformázás Kép beszúrása Táblázat készítése Hivatkozáskészítés
Háttérszín A Html keret <body> tag-be a bgcolor + színnév paranccsal! <body bgcolor=orange>eredménye egy narancssárga hátterű felület! <body bgcolor=#12aaff>eredménye egy egyéni színkódú felület!
Háttérkép A Html keret <body> tag-be a következő paracsot írom! <body background=szabi.jpg> Eredménye:
Html keret Weboldal felépítése! <html> <head> Deklaráció!!! </head> <body> Weboldal leírása!!! </body> </html>
Weblap elérése Cliens Linux server Kérés Apache Php Mysql Teljesítés
Karakterformázás Páros utasítások: Félkövér: <b>Szabi</b>=Szabi Dőlt:<i>Szabi</i>=Szabi Aláhúzott:<u>Szabi</u>=Szabi
Karakterformázás Betűformázás <font family=impact size=5 color=blue>Szabi</font>=Szabi Páratlan utasítás Szóköz:
Bekezdésformázás <p>: paragraph (bekezdés) formáz+sort tör Pl: <p align=center>szabi</p> parancs a szabi szót középre igazítja. Igazítások: left, right, center, justify <br>: sortörés, önálló parancs
Kép beszúrás Parancs: önálló parancs <img src=kepek/szabi.jpg> ahol: Img: image rövidítése Src: source szó rövidítése Kepek: mappa ahol a kép található! Szabi.jpg: kép neve
Eredmény Beszúrt szabi.jpg kép Helye a kepek mappa!
Hivatkozás készítése a : anchor (horgony) Szintaktika: <a href=http://www.google.hu> Weboldalra ugrik! <a href=kepek/szabi.jpg> Képet jelenít meg egész oldalon!
Táblázat készítése 1 Parancsok: <table>: táblázat beszúrása </table> <tr>: sor beszúrása </tr> <td>: cella beszúrása </td>
Táblázat készítése 2 <table> <tr> <td bgcolor=red> </td> </tr> <td bgcolor=yellow> </td> <td bgcolor=green> </td> </table>
A kód eredménye A beírt táblázat Két sor és három Cella.
Táblázatkezelő parancsok 1 Width: táblázat, cella szélességét állítja be, megadható pixelben, vagy százalékban. Height: magasságot állít, pixelben, százalékban.
Táblázatkezelő parancsok 2 Cellpadding: cellakitöltés, pixel Cellspacing: cellák közötti tér, pixel Border: szegély, szín és méret állítható. Colspan: cellaegyesítés, az egyesítendő cellák számát kell megadni.