Podstawy_HTML.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 . ...

jednocz ħĻ ciow Ģ :

<nazwa_polecenia> np.

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.

...

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 name="Description" CONTENT="Zabytki Krakowa: fotografie archiwalne, oraz

współczesne, mapa zabytków, historia miasta.">

<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.

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika: