![Rozwiń skrzydła w branży IT [Książki drukowane -35%| Ebooki -50%]](https://static01.helion.com.pl/helion/img/promocje/bannery/20491/Helion_rozwin_skrzydla_w_bran_Rpolony_f7c3c9fea_1180x419.jpg)
Konsorcjum W3C zmusza nas do korzystania ze znacznika <table> tylko do wyświetlania tabeli z rekordami w postaciach tekstowych, czyli na przykład, do wyświetlania nazw wszystkich użytkowników w danym serwisie. Przykładowa tabela napisana w XHTML:
<table width="100%" height="100%" border="1" bordercolor="blue" bgcolor="white">
<tr><td>1</td><td>2</td></tr>
<tr><td>a</td><td>b</td></tr>
</table>
Powyższy kod zwróci tabele z dwoma kolumnami oraz z dwoma wierszami, z ramką wielkości 1 piksel, kolorem tła białym, kolorem ramki niebieskim, szerokością 100% i wysokością 100%.
Uwaga: Należy pamiętać, że XHTML jest bardzo czuły na porządek w jakim są zamykane znaczniki.
Do tworzenia układu strony powinnyśmy używać div'ów. Sam DIV nie posiada żadnych opcji/parametrów w sobie. Staje się dopiero użyteczny, kiedy połączymy go z kodem CSS, który może być napisany w tym samym pliku, lub w oddzielnym (specjalnym) pliku .css (pamiętając wtedy tylko o przekierowywaniu do tego pliku).
Aby dodać kod CSS do naszego pliku należy wpisać w znaczniku <head> następujące linie kodu:
<style type="text/css">
<!--
/*treść*/
-->
</style>
Jeśli jednak używamy zewnętrznego pliku .css dla wszystkich stron, to powinniśmy umieścić taki oto wpis, również pamiętając, że jest on w sekcji <head>:
<link rel="stylesheet" src="nazwa_pliku.css" type="text/css" />
Już teraz można powiedzieć, że tworzenie stron WWW za pomocą div'ów, jest dużo łatwiejsze oraz prostsze niż dzięki tabelą. W dodatku lista opcji dzięki, którym możemy "udekorować" naszego div'a jest dużo większa, niż w przypadku tabel, także i bardziej potężniejsze wydaje się projektowanie w znaczniku do tego specjalnie przygotowanym, jakim jest oczywiście div.
3. Podsumowanie
Wnioski nasuwają się same, po co używać mało efektownych, problemowych oraz przestarzałych tabel, jeśli dzięki div'ą oraz CSS możemy osiągnąć lepsze oraz bardziej zaawansowane strony WWW? DIV jest prostszym oraz lepiej przyswajalnym znacznikiem, niż toporne tabele, które są wyświetlane bardzo również, w każdej przeglądarce internetowej.
Mam nadzieję, że po przeczytaniu tego artykułu, każdy sam bez przymusu, pójdzie z duchem czasu oraz według własnego rozsądku zdecyduje się (lub utwierdzi w przekonaniu), że najlepszym rozwiązaniem, napisania szkieletu witryny internetowej, będzie zastosowanie znaczników <div>.
Dziękuję za uwagę, oraz zapraszam do komentowania.
Dalsza czê¶æ: 1 2
Ranga: Administrator serwisu Punktów: 0
-
-
Tre¶æ komentarza
-
