Bez tytułu slajdu

HTML

jest skrótem od Hyper Text Markup

Language.

 Język ten został stworzony w Szwajcarii
w laboratoriach CERN-u.

 Został on opracowany specjalnie dla
publikowania stron

WWW

. Język ten ciągle

się rozwija, dodawane są nowe funkcje
rozszerzające możliwości edycji.

 Dokumenty HTML można tworzyć
przy

użyciu

najprostszego

edytora

tekstowego  (np.  Notatnika),  choć  można
skorzystać  ze  specjalnych  programów
ułatwiających wprowadzanie znaczników.
      Dla  odtworzenia  dokumentu
napisanego  w  języku  HTML  potrzebna
jest  przeglądarka  tak  jak  np.  Internet
Explorer

lub

Netscape

Navigator.

Niektóre

przeglądarki

obsługują

niestandardowe rozszerzenia HTML.

    Opis  strony:  wyróżnianie  tekstu,
umieszczanie  grafiki,  tworzenie  tabel,  itp.
dokonywany  jest  poprzez  wykorzystanie
określonych

znaczników

(tags) - słów

kluczowych pisanych pomiędzy znakiem
mniejszości

(<)

a znakiem większości

(>)

      Prawie  wszystkie  znaczniki  występują
parami  jako  znacznik  otwierający  i
znacznik zamykający. Różnią się tylko tym,
iż znacznik zamykający zawiera dodatkowo
ukośnik przed nazwą.
  Przykładowo  chcąc  pogrubić  fragment
tekstu należy wstawić parę znaczników:

<B>Tekst pogrubiany</B>

<html>

- znacznik otwierający

stronę

<head>

- znacznik części

nagłówkowej

<title>

- znacznik tytułu

<body>

- znacznik strony

Dla stworzenia najprostszej strony WWW
należy

skorzystać

kilku

par

obowiązkowych znaczników.

<html>

<head>

<title>

Tytuł strony

</title>

</head>

<body>

<p>

Zawartość strony WWW

</p>

</body>

</html>

Przykładowa strona

”minimum”:

Podstawy języka:

 tekst należy pisać bez zbędnych spacji:

<P>czerwony pomidor</P>

 niektóre znaczniki mają opcjonalny
atrybut:

 znaczniki należy zagnieżdżać we
właściwy sposób:

<H1>czerwony<B>pomidor</B></H1>

dobrze

<H1>czerwony<B>pomidor</H1></B>

źle

Znaczniki opisujące strukturę

dokumentu:

<P>

- akapit (papagraph)

<BR>

- przejście do nowego wiersza

<PRE>

- tekst wstępnie

sformatowany

<H1>

- nagłówki od H1 do H6

<HR>

- pozioma linia

<!– –tekst komentarza>

- komentarze

Wyróżnianie stylu czcionki:

<I>

- pismo pochyłe, kursywa

<B>

- pismo pogrubione

<U>

- pismo podkreślone

<BLINK>

- tekst migający

Tabele:

<TABLE>

- początek tabeli

<TR>

- nowy wiersz

<TD>

- nowa komórka

<TH>

- nagłówek tabeli (table

header)

Parametry (niektóre):
border="n" - szerokość obramowania (n –
wartość)
cellspacing="n” - odstęp pomiędzy komórkami
width="100%"

- szerokość tabeli w

stosunku do

szerokości strony

np.:

<Table border="2" cellspacing="1"

width="100%”>

Listy wyliczane:

<OL>

- listy uporządkowane (Ordered

List)

<UL>

- listy nieuporządkowane

(Unordered List)

<DL>

- listy definiowane (Defined

List)

Pozycje list wyliczanych:

<LI>

- pozycja (List Item)

<DT>

<DD>

- w listach

definiowanych

Wyświetlanie ilustracji :

 Typowy odnośnik do ilustracji:

 W przypadku umieszczania na stronie

odnośnika do dużej ilustracji, w postaci małego
obrazka (ikony):

 Można podać wielkość obrazka (lub wymiar

który chcemy aby wypełnił) co przyśpieszy
wyświetlanie strony:

 Ilustracja jako tło strony:

Odsyłacze hipertekstowe (hyperlinks):

- hypertext – w wolnym przekładzie “coś

więcej niż tekst”.
- pozwalają na wykonywanie skoków do innych
miejsc w danym pliku lub do innych
dokumentów znajdujących się na dowolnym
serwerze WWW dostępnym w Internecie

 do pliku c:\nazwa.htm :

<a href="c:\nazwa.htm">tekst ukazujący

się</a>

 do strony www:

<a href="http://www.onet.pl">tekst

ukazujący się</a>

 odnośnik do zakładki w ramach strony:

<a href="#punkt1">Odnośnik do punktu

1</a>

 zakładka :

Document Outline