¨ 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 blue teal aqua
¨ Blok cytatów (z marginesami z obu stron)<BLOCKQUOTE>tekst</ BLOCKQUOTE>
¨ Wyśrodkowanie tekstu: <CENTER>tekst</CENTER>
¨ Listing programu (margines, czcionka Courier)<LISTING>tekst</LISTING>
¨ Brak łamania tekstu<NOBR>tekst</NOBR>
¨ Wstawienie łamania wewnątrz bloku <NOBR> - znacznik <WBR>...</WBR>
¨ Tekst preformatowany (spacje i znaki nowego wiersza nie są ignorowane)<PLAINTEXT>tekst</ PLAINTEXT>
¨ Wykazy - systematyczne wyliczenia punktów
¨ Rodzaje wykazów
- listy wypunktowane
- listy numerowane
¨ Szkielet wykazu wypunktowanego (unordered list): znacznik <UL>...</UL>
¨ Szkielet wykazu numerowanego (ordered list): znacznik <OL>...</OL>
¨ Punkty wykazu tworzy znacznik <LI>
<P>Treść wykładu<P><UL> <LI>HTML</LI> <LI>Java Script</LI></UL>
<P>Treść wykładu<P><OL> <LI>HTML</LI> <LI>Java Script</LI></OL>
¨ Odnośnik (odsyłacz hipertekstowy, link, hiperłącze) - wyróżniony fragment tekstu lub grafiki, który posiada adres nowego dokumentu
¨ Po kliknięciu na odnośnik zostaje załadowany dokument, na który wskazuje adres
¨ Odnośnik tworzy znacznik:<A>tekst odnośnika</A>
¨ Niektóre parametry odnośnika
- HREF="URL" ścieżka do pliku lub URL
- NAME="nazwa" definicja skoku do innej części strony
¨ Przykład 1
<A HREF="http://www.lublin.pl">Lublin</A>
¨ Przykład 2
<A NAME="w1">HTML</A><A HREF="#w1">Wykład z HTML</A>
¨ Dobry zwyczaj: adres autora strony, np. <A HREF="mailto:autor@adres">Autor</A>
¨ Napis MAILTO - sygnał dla przeglądarki o uruchomieniu poczty elektronicznej:
¨ Netscape wywołuje własny moduł Mail
¨ Explorer używa Mail and News Readers
¨ BGCOLOR kolor tła
¨ BACKGROUND tło dokumentu w postaci pliku z grafiką
¨ TEXT kolor tekstu
¨ LINK kolor odnośników (początkowy)
¨ ALINK kolor odnośników aktywnych
¨ ...
Zabr7