Û¥-1@-€¡<ÖI;HoHooHoHoHoHoH}HXÕHÕHÕHÕHáH ëHÕHI@GIKIaIaIaIaIaIaIaIcIcIcIcIcIcII4µI!IoHII Laboratorium Sieci Komputerowych Serwis WWW - skrót <HTML> <!-- ############################## Plik: main.htm ############### --> <HEAD> <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="TEXT/HTML; CHARSET=ISO-8859-2"> <TITLE> To jest tytu³ okienka </TITLE> </HEAD> <BODY BACKGROUND="tlo.jpg" BGCOLOR="#AAAAAA" TEXT="#000000" LINK="#0000FF" VLINK="#FF00FF" ALINK="#FF0000"> <!-- *************************************** Ogólne ustawienia --> <H1> Ogólne ustawienia </H1> Tekst w jêzyku HTML jest formatowany za pomoc¹ tzw. tagów. Tagi mo¿na pisaæ zarówno du¿ymi, jak i ma³ymi literami. Przy przypisywaniu wartoœci czêœci parametrów mo¿na opuszczaæ znak: " (i tak przyjêto w wiêkszoœci przypadków w tym dokumencie). Znaki koñca linii s¹ ignorowane. Aby uzyskaæ przejœcie do nastêpnej linii nale¿y u¿yæ tagu <BR>, zaœ do nowego paragrafu - <P>. W dokumencie HTML ustaliæ mo¿na: <BR> obrazek t³a: BACKGROUND="tlo.gif" <BR> kolor t³a: BGCOLOR="#rrggbb" <BR> kolor tekstu: TEXT="#rrggbb" <BR> kolor linków: LINK="#rrggbb" <BR> kolor linku odwiedzonego VLINK="#rrggbb" <BR> kolor linku w³asnie ladowanego ALINK="#rrggbb" <BR> standard znaków narodowych: <BR> <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="TEXT/HTML; CHARSET=ISO-8859-2"> <BR> lub: <!--^[B--> <BR> Test polskich znaków: ¥ÆÊ£ÑÓŒ¯¹æê³ñ󜟿 <BR> <!-- komentarz --> <!-- *************************************** Nag³ówki --> <A NAME="znacznik"></A> <!-- Ta linia jest opisana w paragrafie o linkach --> <H1> Nag³ówki </H1> <H1> nag³ówek1 </H1> <H2> nag³ówek2 </H2> <H3> nag³ówek3 </H3> <H4> nag³ówek4 </H4> <H5> nag³ówek5 </H5> <H6> nag³ówek6 </H6> <!-- *************************************** Wielkoœci i kolor fontu --> <H1> Wielkoœæ i kolor fontu </H1> <FONT SIZE=1 COLOR="#000000"> rozmiar fontu 1 kolor czarny <BR> </FONT> <FONT SIZE=2 COLOR="#FF0000"> rozmiar fontu 2 kolor czerwony <BR> </FONT> <FONT SIZE=3 COLOR="#00FF00"> rozmiar fontu 3 kolor zielony <BR> </FONT> <FONT SIZE=4 COLOR="#0000FF"> rozmiar fontu 4 kolor niebieski <BR> </FONT> <FONT SIZE=5 COLOR="#FF00FF"> rozmiar fontu 5 kolor fioletowy <BR> </FONT> <FONT SIZE=6 COLOR="#FF0000"> rozmiar fontu 6 kolor czerwony <BR> </FONT> <FONT SIZE=7 COLOR="#FFFFFF"> rozmiar fontu 7 kolor bia³y <BR> </FONT> <FONT SIZE=+3> font o 3 wiêkszy od podstawowego </FONT> <BR> <FONT SIZE=-1> font o 1 mniejszy od podstawowego </FONT> <BR> <!-- *************************************** Uk³ad tekstu --> <H1> Uk³ad tekstu </H1> <CENTER> LuŸny tekst wycentrowany </CENTER> <P ALIGN=CENTER> Paragraf wycentrowany </P> <P ALIGN=LEFT> Paragraf wyrownany do lewej strony </P> <P ALIGN=RIGHT> Paragraf wyrownany do prawej strony </P> <P ALIGN=JUSTIFY> Paragraf wyrównany do prawej i lewej strony, czyli wyjustowany. Aby to by³o widaæ musi byæ w tym paragrafie trochê wiêcej tekstu. </P> <PRE> A to jest tekst wyœwietlany tak, jak jest sformatowany, czyli np. w tym miejscu <- tu jest od nowej linii bez u¿ycia tagu, a tekst poprzedniej mo¿e siê nie (<- znów nowa linia przed nawiasem) mieœciæ na ekranie. </PRE> <XMP> A w tym tekœcie nie s¹ interpretowane tagi, np. <BR> w œrodku linii. </XMP> <BLOCKQUOTE> Tak wygl¹da tekst zaznaczony jako zaczerpniêty z innego Ÿród³a. </BLOCKQUOTE> Istnieje mo¿liwoœæ wyœwietlenia poziomej linii. Mo¿e byæ ona bez cienia (NOSHADE), o zadanej gruboœci (SIZE=x), o zadanej szerokoœci (WIDTH=x|%) oraz ró¿nym po³o¿eniu (LEFT | CENTER | RIGHT), np. <HR SIZE=3 WIDTH=75%> <!-- *************************************** Atrybuty tekstu fizyczne --> <H1> Atrybuty tekstu (fizyczne)</H1> <B> Tekst pogrubiony (bold)</B> <BR> <I> Tekst pochylony (italic) </I> <BR> <U> Tekst podkreœlony (underline) </U> <BR> <STRIKE> Tekst przekreœlony </STRIKE> <BR> <TT> fonty o sta³ej szerokoœci (nieproporcjonalne) </TT> <BR> tekst <SUB> indeks dolny </SUB> <BR> tekst <SUP> indeks górny </SUP> <BR> <BLINK> Tekst mrugaj¹cy </BLINK> <BR> <BIG> zwiêkszenie czcionki o 1 stopieñ </BIG> <BR> <SMALL> zmniejszenie czcionki o 1 stopieñ </SMALL> <BR> <ADDRESS> To jest adres </ADDRESS> <BR> <!-- *************************************** Atrybuty tekstu logiczne --> <H1> Atrybuty tekstu (logiczne) </H1> <DFN> definiowane s³owo (zazwyczaj italic) </DFN> <BR> <EM> wyró¿nienie tekstu (standardowo italic) </EM> <BR> <CITE> cytat (standardowo italic) </CITE> <BR> <CODE> tekst programu (standardowo fonty o sta³ej szerokoœci) </CODE> <BR> <KBD> do okreœlenia tekstu wprowadzanego z klawiatury (standardowo fonty o sta³ej szerokoœci, czasem bold) </KBD> <BR> <SAMP> przyk³ad (standardowo fonty o sta³ej szerokoœci) </SAMP> <BR> <STRONG> mocniejsze wyró¿nienie tekstu (standardowo bold) </STRONG> <BR> <VAR> s³owo kluczowe jêzyka, zmienna (standardowo italic) </VAR> <BR> <!-- *************************************** Listy --> <H1> Listy </H1> <OL TYPE=a> <LI> lista numerowana ma³ymi literami <LI> lista numerowana ma³ymi literami </OL> <OL TYPE=A> <LI> lista numerowana du¿ymi literami <LI> lista numerowana du¿ymi literami </OL> <OL TYPE=i> <LI> lista numerowana cyframi rzymskimi ma³ymi <LI> lista numerowana cyframi rzymskimi ma³ymi </OL> <OL TYPE=I> <LI> lista numerowana cyframi rzymskimi du¿ymi <LI> lista numerowana cyframi rzymskimi du¿ymi </OL> <OL TYPE=l START=3> <!-- pozycja pocz¹tkowa --> <LI> lista numerowana liczbami arabskimi (w ka¿dym typie numeracji mozna numerowaæ od dowolnej wartoœci) <LI> lista numerowana liczbami arabskimi </OL> <UL> <LI> lista nienumerowana <LI> lista nienumerowana </UL> <DL> <DT> lista pozycji; pozycja 1 <DD> opis pozycji 1 <DT> lista pozycji; pozycja 2 <DD> opis pozycji 2 <DT> lista pozycji; pozycja 3 <DD> opis pozycji 3 </DL> <!-- *************************************** Tabele --> <H1> Tabele </H1> W tabelach mo¿na okreœliæ: <BR> szerokoœæ ramek zewnêtrznych: BORDER=x <BR> odleg³oœæ zawartoœci komórki od ramek: CELLPADDING=x <BR> gruboœæ ramki: CELLSPACING=x <BR> szerokoœæ tabeli: WIDTH=x | % (wartoœæ lub procent szerokoœci ekranu) <BR> wysokoœæ tabeli: HEIGHT=x | % <BR> <!-- *************************************** --> <TABLE BORDER=2 CELLPADDING=3 CELLSPACING=1 WIDTH=100% HEIGHT=200> <TR ALIGN=LEFT VALIGN=TOP> <TD ALIGN=LEFT VALIGN=TOP WIDTH=15%> Komórka wyrównana w góre i w lewo; 15% szerokoœci (dzia³a zale¿nie od kontekstu) </TD> <TD ALIGN=RIGHT VALIGN=BOTTOM> Komórka wyrównana w dól i w prawo </TD> <TD ALIGN=CENTER VALIGN=CENTER> Komórka wycentrowana w pionie i w poziomie </TD> </TR> <TR ALIGN=LEFT VALIGN=TOP> <TD VALIGN=MIDDLE ALIGN=MIDDLE> Œrodek </TD> <TD NOWRAP> Tekst bez podzia³u na wiersze; rozszerza komórke </TD> <TH> Komórka z tekstem wyt³uszczonym </TH> </TR> <TR> <TD> Komórka 3,1 </TD> <TD ALIGN=CENTER> <TABLE BORDER=1> <TR> <TD> Komórka (1,1)' </TD> <TD> Komórka (1,2)' </TD> </TR> <TR> <TD> Komórka (2,1)' </TD> <TD> Komórka (2,2)' </TD> </TR> <CAPTION ALIGN=TOP> Tabela w tabeli </CAPTION> </TABLE> </TD> <TD> Ostatnia komórka </TD> </TR> <CAPTION ALIGN=TOP> Tab. 1. To jest podpis nad tabel¹. Ta tabela ma sta³¹ szerokoœæ i wysokoœæ. </CAPTION> </TABLE> Zwyk³y tekst miêdzy tabelami. Tabel bez ramek mo¿na u¿ywaæ do tworzenia kolumn w tekœcie. Dobrze jest wtedy zrobiæ dodatkow¹ kolumnê rozdzielaj¹c¹, np. <BR> <!-- *************************************** --> <TABLE> <TR> <TD WIDTH=30% VALIGN=TOP> Tekst w kolumnie 1 Tekst w kolumnie 1 Tekst w kolumnie 1 Tekst w kolumnie 1 Tekst w kolumnie 1 Tekst w kolumnie 1 Tekst w kolumnie 1 Tekst w kolumnie 1 Tekst w kolumnie 1 Tekst w kolumnie 1 </TD> <TD WIDTH=5%> </TD> <TD WIDTH=65% VALIGN=TOP> Tekst w kolumnie 2 Tekst w kolumnie 2 Tekst w kolumnie 2 Tekst w kolumnie 2 Tekst w kolumnie 2 Tekst w kolumnie 2 Tekst w kolumnie 2 Tekst w kolumnie 2 Tekst w kolumnie 2 Tekst w kolumnie 2 </TD> </TR>...
Tofol