do koszyka |
do koszyka |
do koszyka |
do koszyka |
do koszyka |
do koszyka |
do koszyka |
do koszyka |
do koszyka |
XHTML, CSS, PHP
Informacje wstępne Narzędzia XHTML DOCTYPE - początekSzkielet strony (html, head, body) Tytuł strony (title) Kodowanie polskich znaków - ISO/UTF Nagłówki, akapit, nowa linia (h, p, br) Odsyłacz/odnośnik/link (a) Elementy blokowe (table, div) Listy - (ol, ul, li) Grafika - (img) Uwagi ogólne CSS Tło (background)Czcionki (font) Ramka (border) Rozmiary (width, height, margin, padding) PHP ostatnia aktualizacja: 23.04.2006 Rozmiary obiektów (width, height, margin, padding) widthokreślenie szerokości obiektu - szerokość najczęściej określa się w pixelach (px) lub procentach (%)jeśli szerokość obiektu nie zostanie określona przyjmuje on zazwyczaj rozmiar domyślny (maksymalny) Przykład przykładowa ramka <p style='width: 100px; border-style: solid; border-color: #00ff00; border-size: 1px;'>przykładowa ramka<br />szerokość 100px</p> heightokreślenie wysokości obiektu - wysokość najczęściej określa się w pixelach (px) lub procentach (%)jeśli wysokość obiektu nie zostanie określona przyjmuje ona zazwyczaj rozmiar domyślny (minimalny) Przykład przykładowa ramka <p style='height: 100px; border-style: solid; border-color: #00ff00; border-size: 1px;'>przykładowa ramka<br />wysokość 100px</p> Oczywiście oba style można łączyć: przykładowa ramka <p style='width: 100px; height: 100px; border-style: solid; border-color: #00ff00; border-size: 1px;'>przykładowa ramka<br />wysokość i szerokość 100px</p> marginokreślenie wielkości marginesów wokół obiektu - najczęściej określane w pixelach (px)odpowiednio: margin-left - margines lewy margin-right - margines prawy margin-top - margines górny margin-bottom - margines dolny Przykład przykładowa ramka margines lewy 40px i górny 50px <p style='margin-left: 40px; margin-top:50px; border-style: solid; border-color: #00ff00; border-size: 1px;'>przykładowa ramka margines lewy 40px i górny 50px </p> paddingokreślenie wielkości wewnętrznych marginesów obiektu - najczęściej określane w pixelach (px)odpowiednio: padding-left - margines lewy padding-right - margines prawy padding-top - margines górny padding-bottom - margines dolny Przykład przykładowa ramka margines lewy 40px i dolny 50px <p style='padding-left: 40px; padding-bottom:50px; border-style: solid; border-color: #00ff00; border-size: 1px;'>przykładowa ramka margines lewy 40px i dolny 50px </p> We wszystkich powyższych przykładach oprócz rozmiarów określony został także styl ramki (border) oczywiście nie jest to niezbędne, tu zostało to zastosowane wyłącznie w celu czytelnego ukazania zdefiniowanych rozmiarów obiektu. Wszytkie powyższe przykłady zaprezentowane zostały przy użyciu obiektu p, ale odnoszą się one także do innych elementów XHTMLa (np.: h, div, table, td, ol, ul, li). |
|