1 / 22

Html parancsok

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.

rebecca-odom
Download Presentation

Html parancsok

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Html parancsok Készítette: Rummel Szabolcs Elérhetőség:rsz@mailbox.hu

  2. Web formátumok • .html • .htm • .php

  3. 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!

  4. Html • Nem nyelv hanem egy keret! • Parancsokat tartalmaz. • Dinamikus weblapok nem tervezhetők vele.

  5. Html oldal felépítése • A keret!

  6. 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

  7. 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

  8. 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!

  9. Háttérkép • A Html keret <body> tag-be a következő paracsot írom! • <body background=szabi.jpg> • Eredménye:

  10. Html keret • Weboldal felépítése! • <html> • <head>Deklaráció!!! • </head> • <body>Weboldal leírása!!! • </body> • </html>

  11. Weblap elérése Cliens Linux server Kérés Teljesítés

  12. 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

  13. 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: &nbsp;

  14. 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

  15. 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

  16. Eredmény Beszúrt szabi.jpg kép Helye a kepek mappa!

  17. 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!

  18. 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>

  19. Táblázat készítése 2 <table> <tr> <td bgcolor=red> </td> </tr> <tr> <td bgcolor=yellow> </td> <td bgcolor=green> </td> </tr> </table>

  20. A kód eredménye A beírt táblázat Két sor és három Cella.

  21. 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.

  22. 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.

More Related