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 Ramka (border) border-styleokreślenie stylu ramki, najczęściej wykorzystywane rodzaje ramek:none - brak widocznej ramki solid - linia ciągła dotted - linia przerywana border-colorokreślenie koloru ramkiborder-widthokreślenie grubości ramki, podawane najczęściej w pixelach (px)Przykład: przykładowy napis <p style='border-color: #ff0000; border-style: solid; border-width: 3px;'>przykładowy napis</p> Aby poprawnie wyświetlić ramkę należy określić jej wszystkie parametry, nic nie przyjdzie nam z tego że określimy np.: sam kolor ramki jeśli nie podamy także jej grubości oraz rodzaju - ramka nie pojawi się (a jeśli się przypadkowo pojawi to raczej nie będzie zgodna z naszymi oczekiwaniami). Każda ramka składa się z 4 "ścianek" (lewo/prawo/góra/dół), arkusze styli umożliwiają modyfikację każdej ze ścianek z osobna, odpowiadają za to znaczniki: border-left-color,border-left-style,border-left-width - ramka lewa border-right-color,border-right-style,border-right-width - ramka prawa border-top-color,border-top-style,border-top-width - ramka górna border-bottom-color,border-bottom-style,border-bottom-width - ramka dolna Przykład: przykładowy napis <p style='border-bottom-color: #ff0000; border-bottom-style: solid; border-bottom-width: 3px;'>przykładowy napis</p> Wszystkie powyższe przykłady zaprezentowane zostały przy użyciu obiektu p, ale odnoszą się one także do innych elementów XHTMLa (np.: body, h, div, a, table, td, ol, ul, li). |
|