styl - Kurs HTML i CSS
Komendy HTML 4.01 / BR...elementu przy prawym marginesie ID="nazwa" Przypisuje nazwę elementowi (identyfikator), która nie może się powtarzać w całym dokumencie STYLE="styl" Informacje stylów (CSS) TITLE="tekst" Tekst pomocniczy Znacznik otwierający: wymagany Znacznik zamykający: zabroniony Wyświetlanie: w linii
Rozmiary CSS / Szerokość i marginesy automatyczne...do brakującej szerokości bloku obejmującego, wynikającej z mniejszej wartości sumy pozostałych składników równania. Przykład: Po wpisaniu: <div style="width: 600px"> <div style="margin-left: auto; border-left: 5px solid red; padding-left: 10px; width: 400px; padding-right: 10px; border-right: 5px solid red; margin-right: 20px">...</div> </div> powinniśmy otrzymać na ekranie blok, którego lewy margines wynosi: 600 - 5 - 10 - 400 - 10 - 5 - 20 = 150 pikseli UWAGA! W trybie Quirks...
- Komendy CSS 2 / font-style
WARTOŚĆ normal | italic | oblique | inherit OPIS Styl czcionki INICJALIZACJA normal ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE tak PROCENTY nie MEDIA visual
- Komendy CSS 2 / outline-style
WARTOŚĆ <border-style> | inherit OPIS Styl obrysu INICJALIZACJA none ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE nie PROCENTY nie MEDIA visual, interactive
- Oprawa graficzna / Zamiennik obrazkowy
...Menu w CSS oraz Szablon strony na DIV-ach powinny być Ci już znane ogromne możliwości wpływania na wygląd dokumentów stron WWW tylko za pomocą stylów CSS. Wiesz już, w jaki sposób można przygotować optymalny kod HTML, a następnie za pomocą w zasadzie drobnych wpisów w arkuszu CSS, wprowadzać daleko idące zmiany wyglądu witryny. Nie jest żadnym kłopotem zmiana ułożenia menu nawigacyjnego z orientacji pionowej do poziomej ani przeniesienie całej kolumny nawigacyjnej z lewej na prawą...
- Dobre praktyki / Przykazania webmastera
Spis treści Wstęp Dobre praktyki HTML Dbaj o poprawność ortograficzną i stylistyczną tekstu Używaj polskich znaków diakrytycznych Rozpoczynaj pracę od stworzenia semantycznego kodu HTML bez żadnej stylizacji Nie używaj elementów ani atrybutów zdeprecjonowanych Unikaj stosowania ramek - zarówno tradycyjnych jak i lokalnych Nie stosuj tabelek do budowania układu strony Nawigacja musi być intuicyjna i wygodna Unikaj używania atrybutu target="..." dla odsyłaczy Nie używaj znaczników img...
- Komendy HTML 4.01 / BUTTON
...Informacja o języku bazowym (np.: LANG="en" oznacza angielski, LANG="pl" - polski itd.) NAME="nazwa" Przypisuje nazwę kontrolną STYLE="styl" Informacje stylów (CSS) TABINDEX="liczba" Określa pozycję elementu w kolejności wybierania tabulatorem TITLE="tekst" Tekst pomocniczy TYPE="typ" Deklaruje typ przycisku: button - zwykły przycisk reset - wyczyszczenie danych submit - wysłanie danych (domyślnie) VALUE="wartość" Przypisuje wartość inicjalizującą Zdarzenia...
- Komendy HTML 4.01 / CAPTION
...może się powtarzać w całym dokumencie LANG="język" Informacja o języku bazowym (np.: LANG="en" oznacza angielski, LANG="pl" - polski itd.) STYLE="styl" Informacje stylów (CSS) TITLE="tekst" Tekst pomocniczy Zdarzenia: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup Znacznik otwierający: wymagany Znacznik zamykający: wymagany
- Komendy HTML 4.01 / CITE
...może się powtarzać w całym dokumencie LANG="język" Informacja o języku bazowym (np.: LANG="en" oznacza angielski, LANG="pl" - polski itd.) STYLE="styl" Informacje stylów (CSS) TITLE="tekst" Tekst pomocniczy Zdarzenia: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup Znacznik otwierający: wymagany Znacznik zamykający: wymagany Wyświetlanie: w linii
- Komendy HTML 4.01 / CODE
...może się powtarzać w całym dokumencie LANG="język" Informacja o języku bazowym (np.: LANG="en" oznacza angielski, LANG="pl" - polski itd.) STYLE="styl" Informacje stylów (CSS) TITLE="tekst" Tekst pomocniczy Zdarzenia: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup Znacznik otwierający: wymagany Znacznik zamykający: wymagany Wyświetlanie: w linii