Podstawy HTML, Politechnika Lubelska, MiBm, Technologie informacyjne
[ Pobierz całość w formacie PDF ]
Politechnika Lubelska
Wydziaþ Mechaniczny
Instytut Technologicznych Systemw Informacyjnych
Podstawy jħzyka HTML
Ogólne informacje i zasady j
ħ
zyka HTML
Skrót
HTML
pochodzi od słów
Hypertext Markup Language
(j
ħ
zyk znakowania hipertekstu) i odnosi si
ħ
do
jednego z wielu j
ħ
zyków znakowania. J
ħ
zyk znakowania to sposób kodowania dokumentów tekstowych
przy pomocy specjalnych elementów –
znaczników
.
Znaczniki j
ħ
zyka HTML maj
Ä¢
posta
Ä™
:
dwucz
ħĻ
ciow
Ä¢
:
<nazwa_polecenia>...</nazwa_polecenia>
np
.
<P>...</P>
jednocz
ħĻ
ciow
Ä¢
:
<nazwa_polecenia>
np.
<BR>
Znaczniki posiadaj
Ä¢
atrybuty
, które daj
Ä¢
elastyczno
Ļę
w tworzeniu dokumentów HTML. Dostarczaj
Ä¢
dodatkowych informacji o elementach strony definiowanych poprzez znaczniki.
Atrybut definiowany jest za pomoc
Ä¢
pary
atrybut="warto
Ļę
"
:
<nazwa_polecenia atrybut="warto
Ļę
">...</nazwa_polecenia>
np.
<P align="center">...</P>
Podstawowe elementy dokumentu
Dokument HTML składa si
ħ
z dwóch cz
ħĻ
ci:
cz
ħĻ
ci nagłówkowej,
obszaru tre
Ä»
ci.
Ogólna struktura dokumentu wygl
Ä¢
da nast
ħ
puj
Ä¢
co:
<HTML>
<HEAD> - pocz
Ä¢
tek nagłówka
- Polecenia zawarte w nagłówku -
</HEAD> - koniec nagłówka
<BODY> - pocz
Ä¢
tek obszaru tre
Ä»
ci
- Tre
Ļę
dokumentu -
</BODY> - koniec obszaru tre
Ä»
ci
</HTML>
Dodatkowe elementy HEAD
W elemencie
HEAD
mo
Ň
na umie
Ä»
ci
Ä™
m.in. takie elementy jak:
TITLE -
definiuje tytuł dokumentu HTML,
META -
definiuje dodatkowe informacje o dokumencie, takie jak: standard kodowania znaków,
informacje o autorze strony, słowa kluczowe, czy opis strony,
STYLE -
definiuje style wewn
Ä¢
trz dokumentu HTML,
LINK -
Å‚
Ä¢
czy stron
ħ
z zewn
ħ
trznym arkuszem stylów.
Przykład 1. Zastosowanie elementów
TITLE
i
META
.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="content-type" content="text/html; charset=iso-8859-2">
<META name="Description" CONTENT="Zabytki Krakowa: fotografie archiwalne, oraz
współczesne, mapa zabytków, historia miasta.">
<META name="Keywords" CONTENT="Kraków, zabytek, historia">
<META name="Author" CONTENT="Jan Kowalski">
<TITLE>Strona o zabytkach Krakowa.</TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
Formatowanie zawarto
Ä»
ci dokumentu
za pomoc
Ä¢
elementów blokowych
Strona WWW składa si
ħ
z elementów blokowych
.
SÅ‚u
ŇĢ
one dwóm celom:
informuj
Ä¢
przegl
Ä¢
dark
ħ
, jaki rodzaj zawarto
Ä»
ci znajduje si
ħ
w bloku,
umo
Ň
liwiaj
Ä¢
okre
Ä»
lenie w arkuszu stylów, w jaki sposób b
ħ
d
Ä¢
one wygl
Ä¢
da
Ä™
.
Przykładowe elementy blokowe okre
Ä»
laj
Ä¢
ce struktur
ħ
wierszy i akapitów:
P –
akapit,
H1
,
H2
,
H3
,
H4
,
H5
i
H6 –
nagłówki,
PRE -
tekst preformatowany.
[ Pobierz całość w formacie PDF ]