SZKIELET DOKUMENTU HTML

zawartość pliku:

wyjaśnienia:

<!DOCTYPE HTML PUBLIC "-//w3c//DTD HTML 4.01
Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

wersja html

<html>

początek dokumentu

<head>

pomiędzy „head” umieszczamy informacje
o dokumencie, w tym tytuł

rozpoznaje polskie znaki

nie rozpoznaje polskich znaków: ą, ę, ć, ś, ź, itd.

<title> Tytuł </title>

to co wpiszemy pojawi się w pasku tytułu
przeglądarki

</head>

<body> Treść dokumentu </body>

zasadnicza treść dokumentu: tekst, grafika,
odsyłacze itd.

</html>

koniec dokumentu

PODSTAWY JĘZYKA HTML

znacznik HTML

znacznik zamykający

znaczenie

<BODY>

</BODY>

zasadnicza część strony HTML

BGCOLOR=”…”

kolor tła strony

BACKGROUND=”…”

adres pliku graficznego będącego tłem strony

TEXT=”…”

kolor tekstu na stronie

<BR>

podział wiersza

<HEAD>

</HEAD>

informacja o formatowaniu w HTML

<Hn>

</Hn>

poziom nagłówka

<HR>

linia pozioma

SIZE=”…”

grubość linii w punktach

WIDTH=”…”

szer. linii w poziomie (w pkt. lub w %)

<HTML>

</HTML>

definiuje plik sformatowany w sieci www

<P>

podział akapitu

ALIGN=”…”

wyrównanie akapitu

CENTER / LEFT / RIGHT

wyśrodkowany /do lewej /do prawej

STYLE TEKSTU

znacznik HTML

znacznik zamykający

znaczenie

<B>

</B>

tekst pogrubiony

<I>

</I>

tekst kursywą (pochylony)

<U>

</U>

tekst podkreślony

<TT>

</TT>

tekst czcionką o stałej szerokości

<BASEFONT SIZE=N>

określa domyślny rozmiar czcionki na stronie (zakres
od 1 do 7, gdzie największy 7, domyślny 3)

<FONT>

</FONT>

atrybuty tekstu obejmowanego przez znacznik

SIZE=N

rozmiar tekstu

FACE=”a,b”

krój czcionki „a” (jeśli taki dostępny) lub „b”

COLOR=kolor

kolor tekstu (jako angielska nazwa koloru lub
wartość RGB)

PRZYKŁADY KOLORÓW:

black – czarny
blue – niebieski
brown – brązowy
fuchsia -
gray – szary

green – zielony
lime – cytrynowy
maroon - kasztanowy
navy – granatowy

olive – oliwkowy
orange – pomarańczowy
pink – różowy
purple - purpurowy
red – czerwony

turquoise – turkusowy
white – biały
violet – fioletowy
yellow – żółty

PRZYKŁADY CZCIONEK:

Arial

Courier New

Tahoma

Times New Roman

Verdana

LISTY I ZNAKI SPECJALNE

znacznik HTML

znacznik zamykający

znaczenie

<DD>

definicja hasła

<DL>

</DL>

lista definicyjna

<DT>

definiowane hasło

<LI>

element listy

<OL>

</OL>

lista numerowana

TYPE=typ

typ numeracji: możliwe wartości: A,a, I, 1

START=x

początek numeracji listy numerowanej

<UL>

</UL>

lista punktowana (nieuporządkowana)

TYPE=kształt

kształt znaku wypunktowania; możliwe wartości:
circle (okrąg), square (kwadrat), disc (kółko)

<!--

-->

komentarze wewnątrz HTML

DODAWANIE ODSYŁACZY

znacznik HTML

znacznik zamykający

znaczenie

<A>

</A>

kotwica, odnośnik do innych stron, plików itd.

HREF=”adres_URL”

odnośnik hypertekstowy do podanego adresu URL

NAME=”#nazwa1”

odnośnik do dokumentu HTML o nazwie „nazwa1”

TARGET=”_black”

nowy dokument wyświetlony w nowym oknie

TARGET=”_self”

nowy dokument wczytany do tej samej ramki

<DL>

</DL>

lista definicyjna

WSTAWIANIE GRAFIKI

znacznik HTML

znacznik zamykający

znaczenie

<IMG>

wstawianie grafiki

SRC=“…“

adres grafiki lub nazwa pliku

ALIGN=”…”

lokalizacja na stronie

ALT=”…”

zastępczy opis obrazka (pojawi się, gdy ktoś ma
wyłączoną grafikę w przeglądarce)

WIDTH=”…” HEIGHT=”…”

szerokość i wysokość obrazka

BORDER=”…”

grubość ramki wokół obrazka w pikselach

WSTAWIANIE TABEL

znacznik HTML

znacznik zamykający

znaczenie

<TABLE>

</TABLE>

między znaczniki wstawianie elementów tabeli

<TABLE BORDER>

</TABLE>

obramowanie tabeli

<TR>

</TR>

wiersz tabeli

<TD>

</TD>

komórka tabeli z konkretnymi danymi

Oprac. Anna Matej