<HTML> iskola

Tehát egy HTML oldal szerkesztésében elégséges egy Windows standard program is, mint a Notepad (Jegyzettömb). A HTML nyelv utasítássorból áll, amelynek tartalmába bármilyen szövegolvasóval beletekínthetünk. Azonban most már vannak olyan csomagolt, tömörített html oldalak amelyek kódolva vannak, és nem láthatók dekódolás nélkül az utasítások - de ez ritka. A html oldalt mindig a <html> TAG-el kezdjük és a </html>-el zárjuk - ezzel jelezve a Internet Explorer, vagy a Netscape internetes böngészők számára, hogy a dokumentum HTML nyelven van írva. Ezt a TAG-et azonban el is hagyhatjuk, mert nem "életfontosságú".

Egy általános html oldal egy fejlécből és egy oldalleíró részből áll, melyet a html nyelv azonosítására szolgáló utasítások szegélyeznek(<html>...</html>). A fejlécben (<head>...</head>) az oldal egészére vonatkozó általános utasítások (oldal megnevezése, készítője, kódlapja stb.) találhatók ( head = fej).

Bár az oldalleíró részben (<body>...<body>) kap helyet, de mégis az egész lapra tudjuk csak meghatározni az oldal hátterét (ld. 9. Háttérbeállítások) és az oldalon használt színeket ( body = test). A fájl eyen belül folyamatosan tartalmazza az oldalon található elemeket, melyek elsősorban szövegek és képek.

<?php
$title = "minta";
$oldal = "Minta";
$cim = "Minta !!!";
$home = "http://debora.hu/";

include("../kozos/kellek_head.php");

print "</head><body><center>";
include("../kozos/kellek_fejlec.php");
print "</center>";
print "<DIV id='tartalom'>";
?>

MINTA!!!

<?php
print "</DIV>";
print "</center><div class='clear'></div></body></html>";
?>

----------------------------------------------------------------

<?php
$title = "minta";
$oldal = "Minta";
$cim = "Minta !!!";
$home = "http://matek-fizika.info/";

print "<!doctype html><html lang='hu'>";

include("../../kellekek/head.php");

//print "<link rel='stylesheet' href='../../kellekek/menu.css'/>";

print "</head><body><center>";
include("../../modulok/fejlec.php");
print "</center>";
print "<DIV id='tarolo' style='width:" . $kepernyo . "px;'>";

print "MINTA!!!";

print "</DIV>";
print "<div class='clear'></div></body></html>";
?>

----------------------------------------------------------------

3. A HEAD

9. Háttérbeállítások

Példák:

2. A HTML szerkezete

Gyakorlatok:

2. A HTML szerkezete