Html parancsok

Download Report

Transcript Html parancsok 

Html parancsok
Készítette: Rummel Szabolcs
Elérhetőség:[email protected]
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

1.
2.
3.
4.
5.
6.
Weboldal felépítése!
<html>
<head>
Deklaráció!!!
</head>
<body>
Weboldal leírása!!!
</body>
</html>
Weblap elérése
Linux server
Cliens
Kérés
Apache
Php
Mysql
Teljesítés
Karakterformázás

1.
2.
3.
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

1.

1.
Betűformázás
<font family=impact size=5
color=blue>Szabi</font>=Szabi
Páratlan utasítás
Szóköz: &nbsp;
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>
<tr>
<td bgcolor=yellow> </td>
<td bgcolor=green> </td>
</tr>
</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.