Előadást letölteni
Az előadás letöltése folymat van. Kérjük, várjon
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= 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.
Hasonló előadás
