sp_2_10.pdf

TECHNIK INFORMATYK (312[01]/T,SP/MENiS/2004.06.14)

TEMAT: TABELE W DOKUMENTACH HTML.

Posiadane komponenty:

 zestaw komputerowy z zainstalowanym systemem operacyjnym Windows XP

Professional,

 Notepad++ Portable.

FORMATOWANIE TABELI

1. Utwórz w programie Notepad++ nowy dokument hipertekstowy, a następnie

w części body zbioru wpisz ciąg znakowy przedstawiony poniżej. Wyświetl

nowo utworzony plik w przeglądarce internetowej:

2. Do znacznika <table> dodaj atrybut border ( grubość ramki ), a następnie

zapisz wprowadzone zmiany i odśwież zawartość okna przeglądarki:

-1-

TECHNIK INFORMATYK (312[01]/T,SP/MENiS/2004.06.14)

3. Do znacznika <table> dodaj atrybut bordercolor ( kolor ramki ),

a następnie zapisz wprowadzone zmiany i odśwież zawartość okna

przeglądarki:

4. Do znacznika <table> dodaj atrybuty bordercolordark

i bordercolorlight ( kolor prawy i dolny ramki oraz kolor

lewy i górny ramki ), a następnie zapisz wprowadzone zmiany i odśwież

zawartość okna przeglądarki:. Dodatkowo wyświetl plik hipertekstowy

w przeglądarce Internet Explorer :

-2-

TECHNIK INFORMATYK (312[01]/T,SP/MENiS/2004.06.14)

5. Do znacznika <table> dodaj atrybuty width i height ( szerokość

i wysokość ), a następnie zapisz wprowadzone zmiany i odśwież zawartość

okna przeglądarki:

6. Do znacznika <table> dodaj atrybut align ( ułożenie tabeli ),

a następnie zapisz wprowadzone zmiany i odśwież zawartość okna

przeglądarki:

-3-

TECHNIK INFORMATYK (312[01]/T,SP/MENiS/2004.06.14)

7. Do znacznika <table> dodaj atrybut cellspacing ( odstęp między

komórkami tabeli ), a następnie zapisz wprowadzone zmiany i odśwież

zawartość okna przeglądarki:

8. Do znacznika <table> dodaj atrybut cellpadding ( wypełnienie komórek

tabeli ), a następnie zapisz wprowadzone zmiany i odśwież zawartość okna

przeglądarki:

-4-

TECHNIK INFORMATYK (312[01]/T,SP/MENiS/2004.06.14)

9. Między znacznikami <table> i </table> dodaj tag <caption> ( tytuł

tabeli ), a następnie zapisz wprowadzone zmiany i odśwież zawartość okna

przeglądarki:

10. Do znacznika <table> dodaj atrybut bgcolor ( kolor tła tabeli ),

a następnie zapisz wprowadzone zmiany i odśwież zawartość okna

przeglądarki:

-5-

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika: