Elérkeztünk az utolsó gyakorlati leckéhez. A mai napon befejezzük az oldalunk formázását, csinosítunk rajta.
Nagyon sok formázni való már nem nagyon akad, de néhány apróságot még elvégezhetünk.
Először is elhelyezünk az oldalunkon egy DOCTYPE-ot. Legyen az oldalunk XHTML Strict. A doctype-ja a következő:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
A csatolása a <html> felett történik a már tanult módon. Szükség van a <html> módosítására is.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
...
A következő lépés, hogy a <head>-ben megadjuk a metaadatokat, a stíluslap csatolását és a oldal "title"-jét.
Sítluslap csatolása:
<head>
<link rel="stylesheet" type=text/css" src="gyakorlat.css"/>
</head>
Metaadatok megadása:
<head>
<link rel="stylesheet" type="text/css" href="gyakorlat.css"/>
<meta name="description" content="Az első weboldalam." /> <!-- oldal leírásam -->
<meta name="keywords" content="lorem, ipsum, gyakorlat, htmlkezdőknek" /> <!-- kulcsszavak -->
<meta name="author" content="HTML kezdőknek" /> <!-- oldal szerzője -->
<meta http-equiv="content-language" content="hu"/> <!-- oldal nyelve -->
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-2" /> <!-- karakterkódolás -->
</head>
Title megadása:
<head>
<title>HTML kezdőknek - gyakorlat</title>
</head>
A <head>-ünk tehát így néz ki:
<head>
<link rel="stylesheet" type="text/css" href="gyakorlat.css"/>
<meta name="description" content="Az első weboldalam." />
<meta name="keywords" content="lorem, ipsum, gyakorlat, htmlkezdőknek" />
<meta name="author" content="HTML kezdőknek" />
<meta http-equiv="content-language" content="hu"/>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-2" />
<title>HTML kezdőknek - gyakorlat</title>
</head>
Következő lépésként validáljuk az oldalunkat. Ez annyit jelent, hogy ellenőrizzük, hogy az oldalunk megfelel e a szabványoknak. Ezt ezen az oldalon tehetjük meg. Feltöltjük a fájlunkat és rányomunk a validate gombra. Ha valami hiba történt, akkor pirossal jelez.
A végeredmény egy "szép", szabványos HTML oldal. Az én eredményem CSS illetve HTML fájlja letölthető.
A jövő hét folyamán elkezdjük tanulni a PHP-t. Végigmegyünk a w3-as tananyagon, majd néhány gyakorlati alkalmazást is készítünk.
Nincsenek megjegyzések:
Megjegyzés küldése