Struktura dokumentu HTML


Struktura dokumentu HTML jest bardzo wazna - wiele bledow bierze sie stad, ze komendy HTMLowe sa wstawiane w zlym miejscu. Czasem komenda jest dobra, a na blogu cos jest nie tak - znaczy to, ze najprawdopodobniej komende wpisaliscie w zle miejsce.

Najkrocej rzecz ujmujac: Wasze komendy mozecie wpisywac PO komendzie <body> (ewentualnie cos wiecej jest w tym nawiasie), ale PRZED komenda </body>.

Pilnujcie sie takze, aby z komenda nie "wstrzelic sie" w srodek innej komendy, bo wtedy powstaje zamieszanie :))




A jak wyglada ogolna struktura dokumentu HTML?


Kazdy dokument HTML zaczyna sie, oczywiscie, od komendy <html>, a konczy na komendzie </html>. Co jest posrodku?

Posrodku sa dwie podstawowe czesci:
- "glowka" dokumentu (naglowek) - zaczynajaca sie od <head> a konczaca na </head>
- czesc wlasciwa, w ktorej mozecie wpisywac Wasze komendy - zaczynajaca sie od <body> a konczaca na </body>.


Czyli mamy cos takiego:

<html>
<head>
tresc "glowki" </head>
<body>
glowna czesc, gdzie mozecie wpisywac Wasze komendy </body>
</html>





CO JEST W "GLOWCE" (HEAD)?

W glowce znajduja sie informacje wazne dla Waszego bloga - takie jak np. tytul strony (w przypadku tej strony jest to FAQ), odwolanie sie do konkretnego Arkusza Stylow albo sposob kodowania polskich znakow (zeby zamiast liter e, a czy s nie wyskakiwaly Wam dziwne krzaczki).

Jak widzicie, sa to informacje "techniczne" i dlatego nie powinniscie nic tam zmieniac, jesli za bardzo sie nie znacie (no, moze poza tytulem Waszego bloga).




POMOCY, PRZYPADKIEM ZMIENILEM COS W "GLOWCE" I BLOG NIE DZIALA TAK JAK POWINIEN!!!

Podaje tutaj "standardowa" wersje poczatkowej czesci strony HTML na blogu - a wiec od samego poczatku az do komendy <body>. Tylko upewnijcie sie, ze nie macie np. dwa razy wpisanej komendy <body> albo innych bledow. Po <body> powinna znajdowac sie juz tresc Waszej strony.

....a poza tym zawsze mozecie wrocic do jakiegos standardowego szablonu, wtedy na pewno kod HTML bedzie ok ;)

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<link rel="stylesheet" href="css/styl.css">
<title>
Tytul bloga</title>
</head>
<body>


UWAGA! Ta tresc glowki dotyczy tylko strony glownej bloga. Poniewaz pozostale strony (a wiec Ksiega gosci, archiwum czy strona z komentarzami) sa umieszczone w innych podkatalogach, nie zadziala tu poprawnie odniesienie do Arkusza Stylow. Jesli zatem zmieniacie wyglad glowki na innej stronie niz strona glowna, to zamiast "css/styl.css" wpiszcie "../css/styl.css".