¨ SGML (Standardized Generalized Markup Language) - międzynarodowy standard metajęzyka
¨ Metajęzyk - język umożliwiający definiowanie nowych języków podrzędnych
¨ Dialekty SGML-a
- HTML
- XML
¨ HTML (Hyper Text Markup Language) - język opisu strony
¨ Opis strony - określenie struktury strony (rodzaj nagłówka, typ czcionki itp.)
¨ Dokument HTML jest plikiem tekstowym z poleceniami HTML o rozszerzeniu .htm lub .html
¨ HTML został opracowany specjalnie do publikowania w sieci WWW dokumentów hipertekstowych
¨ Własności HTML
- łatwość przemieszczania dokumentów między różnymi platformami
- niezależność od nośnika - HTML opisuje tylko strukturę tekstu, a nie jego dokładny wygląd
¨ Wygląd tekstu zależy od:
- ograniczeń technicznych
- obsługiwanej wersji języka
- ustawień danej przeglądarki
¨ Podobnie wszędzie wygląda tylko czysta grafika
¨ Język zaprojektowany w 1990 r. w instytucie CERN (Szwajcaria)
¨ Standardy opracowuje World Wide Web Consortium (W3C)
¨ Standard aktualnie obowiązujący:HTML 4.0 (zatwierdzony w grudniu '97)
¨ Mimo standardu przeglądarki traktują niektóre polecenia różnie (rozbieżność w wyglądzie stron WWW)
¨ Tekstowe
¨ Graficzne, np.
- FrontPage
- Pajączek
- HomeSite
- HotDog
¨ Używanie edytorów tekstowych - lepsza kontrola nad dokumentem
¨ Znaczniki (tags) - kody w nawiasach <> opisujące sposób formatowania strony
¨ Rodzaje znaczników:
- parzyste <NAZWA> ... </ NAZWA>
- nieparzyste <NAZWA> ...
¨ Nierozpoznane znaczniki są ignorowane
¨ Wielkość liter nie ma znaczenia
¨ Postać komentarza<!-- tekst komentarza -->
¨ Wpisywane po NAZWIE w nawiasach
¨ Wartość parametru ujętą w cudzysłów podaje się po znaku '='
¨ Przykład wstawiania parametrów <NAZWA PAR1="wart1" PAR2="wart2"...>
¨ Najbardziej rozpowszechnione standardy kodowania
- ISO-8859-2 (Polska Norma) - zalecany
- Windows 1250
¨ Polecenie informujące przeglądarkę o standardzie kodowania (w nagłówku dokumentu), np. <meta http-equiv="content-type" content="text/html";charset="windows-1250">
¨ Cały dokument powinien być zawarty między znacznikami<HTML>...</HTML>
¨ Główne części dokumentu
- informacje nagłówkowe (nie wyświetlane)<HEAD>...</HEAD>
- właściwa treść (ciało) dokumentu<BODY>...</BODY>
¨ W nagłówku dokumentu powinna być informacja<TITLE>Tytuł strony</TITLE>
<HTML>
<HEAD>
<TITLE>Tytuł strony</TITLE>
</HEAD>
<BODY>
...właściwa treść dokumentu
</BODY>
</HTML>
¨ Znacznik tytułu podrozdziału (header)<Hn>...</Hn>
¨ Cyfra n oznacza stopień tytułu (1-6)
¨ Tytuły różnią się wielkością znaków
¨ Np.
<H1>...</H1>
<H6>...</H6>
¨ Zwykły tekst - tekst bez znaczników
¨ Przeglądarka ignoruje w tekście wielokrotne spacje, znaki ENTER itp.
¨ Akapity rozdziela znacznik <P>...</P>
¨ Łamanie wiersza - znacznik <BR>
¨ Przykład<P>To jest akapit</P>A to wiersz<BR>
¨ Poziomą linię (horizontal rule) na szerokość strony wstawia znacznik <HR>
¨ Linia poprawia przejrzystość tekstu - oddziela logiczne fragmenty tekstu
¨ Przykład Tekst pierwszego fragmentu<HR>Tekst drugiego fragmentu
tekst zwykły tekst
<I>tekst</I> czcionka pochyła (italic)
<B>tekst</B> czcionka pogrubiona (bold)
<U>tekst</U> podkreślenie (underlined)
<TT>tekst</TT> czcionka maszynowa
<EM>tekst</EM> wyróżnienie (zazwyczaj kursywa)
<STRONG>tekst </STRONG> wyróżnienie
(zazwyczaj pogrubienie)
<BLINK>tekst </BLINK> migotanie
<SUP>tekst</SUP> indeks górny
<SUB>tekst</SUB> indeks dolny
¨ Definiowanie parametrów czcionki: <FONT>tekst</FONT>
¨ Parametry
COLOR kolor czcionki, np. "red" lub "#rrggbb" (odcień RGB w zapisie szesnastkowym)
SIZE rozmiar od 1 do 7 (domyślnie 3)
FACE nazwa czcionki, np. "Arial"
¨ Przykład <FONT COLOR="red" SIZE=5> Wykład pierwszy</FONT>
¨ Najczęściej przy definiowaniu koloru tekstu wystarczy 16 barw, rozpoznawanych przez Netscape'a i Explorerawhite black silver gray maroon red purple fuchsiagreen lime olive yellownavy ...
robsz79