Az előadás letöltése folymat van. Kérjük, várjon

Az előadás letöltése folymat van. Kérjük, várjon

Készítette: Rummel Szabolcs

Hasonló előadás


Az előadások a következő témára: "Készítette: Rummel Szabolcs"— Előadás másolata:

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

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 Apache Php Mysql 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:  

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> <td bgcolor=yellow> </td> <td bgcolor=green> </td> </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.


Letölteni ppt "Készítette: Rummel Szabolcs"

Hasonló előadás


Google Hirdetések