PROGRAMOWANIE APLIKACJI U.- WYKŁAD, PROG. APLIKACJI UŻYTKOWYCH- WYKŁAD 1

PROGRAMOWANIE APLIKACJI UŻYTKOWYCH-

WYKŁAD 1 6.10.2010r.

TEMAT: WPROWADZNIE DO HTML

1. HTML

język opisu dokumentów służących do publikowania informacji na stronach www.
opis informacji odnosi się do: tekstu, grafiki, elementów multimedialnych, odsyłaczy do innych dokumentów[WAŻNE, BO WYRÓŻNIA!] lub dokumentów innego standardu formatu
dokumenty HTML są zapisywane w plikach tekstowych
zalecane rozszerzenie dla dokumentów HTML o HTM albo HTML

2. ZNACZNIKI

charakterystycznym elementem tego języka są znaczniki (tagi), które definiują parametry dokumentu jak i zawarte w nim obiekty
umieszczone są w nawiasach <> np. <HTML>
większość znaczników obowiązuje w określonym obszarze dokumentu
obszar ten jest określany za pomocą pary znaczników np. <słowa_kluczowe> obszar formatowania </słowa_kluczowe>
niektóre znaczniki występują pojedynczo np. <BR> <IMG>
niektóre znaczniki mogą posiadać dodatkowo atrybuty
np. <FONT SIZE=10 COLOR=”BLACK”> tekst </FONT>
znaczniki można zagnieżdżać podobnie jak nawiasy w matematyce

3. STRUKTURA DOKUMENTU

0x08 graphic
<HTML>

0x08 graphic

<HEAD> informacje o dokumencie

<TITLE> tytuł strony </TITLE>

<HEAD>

0x08 graphic

<BODY>

zasadnicza część dokumentu

</BODY>

</HTML>

4. PODSTAWOWE ZNACZNIKI

komentarz

<BR> podział/łamanie wiersza

<B> </B> pogrubinie

<U> </U> podkreślenie

<I> </I> kursywa

<H1> </H1>…<H6> </H6> nagłówki, tytuły

<P> </P> akapit

<P ALIGN=styl> </P> styl={left, right, center, justify}

<HR> linia pozioma

<HR ALIGN=”left”

NOSHADE

SIZE=4

WIDTH=300

COLOR=”blue”>

5. FONT- FORMATOWANIE CZCIONKI

<FONT> formatowany tekst </FONT>
<FONT size=r>… </FONT>
r= 1…7 domyślny 3
<FONT size=”+2”> lub <FONT color=”#FFFFFF>
<FONT color=”red” size=5>… </FONT>

6. TABELE

<TABLE> </TABLE> granice tabeli

<TR> </TR> wiersz tabeli

<TD> </TD> komórka w wierszu

<TH> </TH> nagłówek wiersza i kolumny

NP.

<TABLE border=r> {r≥0} krawędź, jak rowan 0 to nie widać linii

</TABLE>

lub

<TR>

</TR>

</TABLE>

7. WSTAWIANIE GRAFIKI

UWAGA!--> najlepiej stosować pliki grafiki skompresowanej GIF, JPG,JPEG, PNG

Np.

8. ODSYŁACZE (linki, odnośniki, łącza)

są bardzoistotnymi elementami dokumentu HTML, dzięki którym możliwe jest powiązanie między sobą dokumentów w sieci www.
<A HREF=”adres.strony.internetowj”>
nazwa (opis) tej strony
</A>

Np.

<A HREF=”http://www.wiz.pwr.wroc.pl”>
Instytut Organizacji i Zarządzania PWR
</A>

<A HREF=”…/katalog/stronahtml”> krótki adres </A>

<A HREF=mailto:kto@jego.adres> imię i nazwisko </A>