Struktura dokumentów HTML

Struktura pliku w formacie HTML (rozszerzenie .html lub .htm) jest wyznaczana poprzez tzw. tagi lub inaczej anchory.
Minimalny kod każdego pliku html powinien wyglądać następująco:

<!DOCTYPE HTML>	(prolog dokumentu HTML)
<html>		(początek dokumentu HTML)
<head>		(początek nagłówka)

<title>Tytul dokumentu</title>

</head>		(koniec nagłówka)
<body>  	(początek części właściwej)
</body>		(koniec części właściwej)
</html>		(koniec dokumentu HTML)

Typy MIME

Każdy plik ma swoje zastowanie. Dla łatwiejszego zapamiętania przeznaczenia pliku stosuje się rozszerzenia. Niekiedy jednak nie ma możliwości podania nazwy pliku (a co za tym idzie rozszerzenia) i dlatego w RFC dotyczących MIME (2045, 2046, 2047, 2048, 2077) zdefiniowano typy plików poprzez określenie ich nazwą dwuczłonową. Do najpopularniejszych należą:

text/plain - "czysty" tekst
text/html - dokument HTML
image/gif - obrazek w formacie gif
image/jpeg - obrazek w formacie jpeg
application/octet-stream - właściwie nie wiadomo

Metainformacje

Metainformacje są to informacje gromadzone wewnątrz tagu <meta>. Wkładamy je w kod html wyłącznie wewnątrz sekcji <head>. Zawierają informacje na temat dokumentów html, które jednocześnie nie są bezpośrednio ich treścią np. e-mail autora, datę wykonania strony, wybór strony kodowej itp.
Możliwe metaznaki w obrębie tagu <meta>

<meta name="nazwa_sekcji" content="wartość tej sekcji" />

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<meta name="author" content="Tomasz Bartuś" />
<meta name="description" content="Site zajmujący się geologią jury górnej w okolicach Krakowa" />
<meta name="expires" content="MON, 30 SEP 1996 00:00:01 GMT" />
<meta name="generator" content="Notpad++" />
<meta name="keywords" content="geologia, amonity, jura, Kraków, Zabierzów, wapienie" />
<meta name="reply-to" content="bartus7@geolog.geol.agh.edu.pl" />
<title>Geologia jury krakowsko-wielunskiej</title>
</head>

 
 

Wykłady:

 
 

1. Sieci komputerowe

 
 
1.1 Pojęcia podstawowe
 
1.2. Internet - historia i współczesność
 
1.3. Rodzaje sieci
 

2. HTML 5.0

 
 
2.1. HTML - konwencje
 
2.2. Kod minimalny dokumentów .html
 
2.3. Znaki diakrytyczne i metainformacje
 
2.4. Podstawowe tagi
 
2.5. Formatowania tekstu
 
2.6. Obrazy
 
2.7. Odnośniki
 
2.8. Listy
 
2.9. Tabele
 

3. CSS

 
 
3.1. CSS - konwencje
 
3.2. Kolory
 
3.3. Tła
 
3.4. Model pudełkowy
 
3.5. Krawędzie
 
3.6. Marginesy
 
3.7. Dopełnienia
 
3.8. Wysokość i szerokość
 
3.9. Tekst
 
3.10. Czcionki
 
3.11. Opływanie
 
3.12. Technika zagnieżdżonych bloków, Display
 

4. Dodatki

 
 
4.1. Publikacja stron www
 
4.2. Grafika
 
4.3. Walidacja dokumentów
 
4.4. Linux (1)
 

Ćwiczenia:

Zakładanie kont


Tabele:

1  2  3  4  5  6
 

Ramki:

1  2  3  4  5  6  7
 
 

CSS: