Wykład HTML.
http://www.w3.org/TR/REC-html40/ - standard HTML
Jeśli dokument jest zgodny ze specyfikacją HTML 4.0, powinniśmy stosować prolog:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
Jeśli dokument jest zgodny z wcześniejszą specyfikacją HTML 3.2, powinniśmy stosować prolog:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
lub
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
1. Znaczniki
< ... > ..... </...>,
wielkość liter obojętna,
2. Struktura dokumentu.
<html>
<head>
informacje nagłówkowe : tytuł, strona kodowa, autor itp.
</head>
<body>
treść strony
</body>
</html>
3. Informacje nagłówkowe.
<title> tytuł dokumentu w pasku tytułowym przeglądarki </title>
<meta>
znacznik opcjonalny - opisuje bardziej szczegółowo zawartość dokumentu - wykorzystywane np. przez przeglądarki internetowe.
Trzy atrybuty
<http-equiv> - definiuje zmienne systemowe
<name> - zmienne użytkownika
<content> - wartość zmiennych.
Np.
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2"> - standard kodowania znaków ISO Latin 2 (polska strona kodowa), standard windows-1250.
<meta name="Description" content="krótki opis strony"> - opis strony 150 - 200 znaków zalecane,
<META NAME="Language" CONTENT="pl"> - język,
<META NAME="Author" CONTENT="imię i nazwisko"> - autor,
<META HTTP-EQUIV="Refresh" CONTENT="x"> - x - ilość sekund , odświeżanie strony,
<META HTTP-EQUIV="Creation-Date" CONTENT="Tue, 04 Dec 1993 21:29:02 GMT"> - data utworzenia dokumentu,
4. Znacznik <BODY>.
<BODY BACKGROUND="URL albo ścieżka/nazwa_pliku.gif"> - plik z tłem,
<BODY BGCOLOR="kolor"> - kolor tła,
<BODY TEXT="kolor"> - kolor czcionki,
<BODY LINK="kolor1" VLINK="kolor2" ALINK="kolor3"> - kolor linków,
<BODY LEFTMARGIN="xx"> - lewy margines,
<BODY TOPMARGIN="xx"> - górny margines,
5. Czcionki.
(<P STYLE="font-size: 20pt; font-weight: bold; background: yellow; color: red">Style to doskonałe narzędzie dla autora witryny</P> )
<FONT FACE="nazwa_kroju", .. , ...> </FONT> - odchodzi się na rzecz stylów
<FONT COLOR="nazwa_koloru"> </FONT>
<FONT SIZE="xx"> </FONT>
<FONT SIZE="+x"> </FONT>
<BASEFONT SIZE="x">
Znaczniki fizyczne:
<B>, <I>, <blink>, <U>, <TT> - stała szerokość, <strike>, <sup>, <sub>, <big> +1, <small>
Znaczniki logiczne:
<cite>, <dfn>, <del>, <ins>,
<ABBR lang="pl">Prof.</ABBR>,
<ACRONYM lang="en">WWW</ACRONYM>,
<strong>, <em>, <code>, <kbd>, <samp>, <var>
6. Bloki.
<Hx> - nagłowek x - stopnia
<H1 TITLE="Mnóstwo ciekawych rzeczy do kupienia, koniecznie zobacz nasz katalog">Katalog Produktów</H1>
<Hx ALIGN=CENTER> </Hx>
<P ALIGN=LEFT> </P>
<br>
<hr> - linia pozioma, noshade, width, size, align, color
<pre> - tekst preformatowany, uznaje spacje, tabulacje itp.
<BLOCKQUOTE> - cytat,
<CENTER> </CENTER>
<!-- ... --> - komentarz,
<DIV> </DIV> - formatowanie wydzielonego bloku, często stosowane przy stylach,
<FIELDSET> <LEGEND>Wykaz elementów</LEGEND> jakiś tam element</FIELDSET> - obramowanie
<NOBR> </NOBR> - bez przełamania,
<A NAME="nazwa_etykiety"> </A> - etykieta,
<A HREF="miejsce_docelowe"> tekst linku </A> - link,
np. <A HREF="strona.htm#etykieta">Tekst</A>
<A HREF=mailto:nick@adres>Tutaj kliknij</A>
<A HREF=ftp://ftp.adres>Jakiś tekst</A>
<A HREF=file:///ścieżka/plik></A>,
mapa odsyłaczy
<IMG SRC="odsylacz.gif " USEMAP="#mapa1">
<MAP NAME ="mapa1">
<AREA SHAPE=RECT COORDS="1, 1, 50, 50" HREF="1.html">
<AREA SHAPE=RECT COORDS="51, 1, 100, 50" HREF="2.html">
<AREA SHAPE=RECT COORDS="1, 51, 51, 100" HREF="3.html">
<AREA SHAPE=RECT COORDS="51, 51, 100, 100" HREF="4.html">
</MAP>
<IMG SRC="tucows.gif" WIDTH=120 HEIGHT=160 BORDER=5 hspace vspace>