linii - Kurs HTML i CSS
Odsyłacze HTML / Odsyłacz pocztowy <a "mailto">...UWAGA! Jeśli w powyższych parametrach występują znaki: & (ampersand - angielskie "and"), " (cudzysłów), % (procent) albo chcemy wstawić znak nowej linii (użycie Enter nic nie da), należy zamiast nich wpisać odpowiednio: %26, %22, %25 oraz %0A. Dodatkowo (dotyczy to przede wszystkim systemu Windows) jeśli w dokumencie została użyta strona kodowa utf-8, zamiast polskich liter mogą pojawić się zupełnie nieprzewidziane znaki. Na dodatek istnieją widoczne różnice kodowania znaków np. między...
Komendy CSS 2 / orphansWARTOŚĆ <liczba> | inherit OPIS Minimalna liczba linii bloku, które muszą znaleźć się na dole strony INICJALIZACJA 2 ZASTOSOWANIE elementy blokowe DZIEDZICZENIE tak PROCENTY nie MEDIA visual, paged
- Komendy CSS 2 / vertical-align
...OPIS Pionowe ustawienie INICJALIZACJA baseline ZASTOSOWANIE elementy inline i komórki tabeli DZIEDZICZENIE nie PROCENTY odnosi się do wysokości linii elementu MEDIA visual
- Komendy CSS 2 / widows
WARTOŚĆ <liczba> | inherit OPIS Minimalna liczba linii bloku, które muszą znaleźć się na górze strony INICJALIZACJA 2 ZASTOSOWANIE elementy blokowe DZIEDZICZENIE tak PROCENTY nie MEDIA visual, paged
- Odsyłacze HTML / Mapa odsyłaczy <img usemap, map, area>
...do obrazka Lokalizacja na dysku, gdzie znajduje się żądany plik obrazka. nazwa_mapy Dowolny tekst, byleby był on taki sam w pierwszej i w drugiej linii, a dodatkowo w pierwszym wierszu musi być poprzedzony znakiem krzyżyka (#). Na jednej stronie nie mogą się znajdować dwie mapy o takiej samej nazwie! (...) Dalsze polecenia typu: <area shape="kształt" coords="współrzędne" href="adres" alt="tekst alternatywny">, które stworzą następne aktywne pola na obrazku. kształt Kształt obszaru w mapie...
- Oprawa graficzna / "Duszki" CSS
...do dołu. Warto nadmienić, że w celu oszczędności miejsca na arkuszu, nic nie stoi na przeszkodzie, aby inne ikony wstawiać z lewej powyżej skośnej linii, utworzonej na arkuszu przez punkty wykazu. ul, ul li { display: block; list-style: none; margin: 0; padding: 0; line-height: 14px; font-size: 12px; } ul li { margin: 2px 0; padding-left: 16px; background: url(obrazek.gif) no-repeat -240px -65px; } Czcionki Tekst Tło Marginesy Obramowanie ul, ul li { display: block...
- Dobre praktyki / Przykazania webmastera
...a więc pomyśl o ustaleniu jakiejś stałej lub przynajmniej maksymalnej szerokości układu strony w przeglądarce. Rozważ zwiększenie wysokości linii, ponieważ standardowa wartość może być zbyt mała. Nie zmuszaj czytelników do szukania odnośników W przypadku linków umieszczonych w treści artykułów zadbaj, aby dobrze się odróżniały od otaczającego je zwykłego tekstu. Nie każ użytkownikom chodzić po Twojej stronie z kursorem myszki jak z wykrywaczem metali - aż nad którymś wyrazem zobaczą...
Aktualizacja / System newsów...poprzedzać zerem na początku, natomiast rok musi być liczbą czterocyfrową. Poprawnie: 1,2,2003, niepoprawnie: 01,02,03. Można przenosić do nowej linii poszczególne parametry newsa, które są rozdzielone przecinkami: news(dzień,miesiąc,rok, 'Tytuł', 'Treść newsa...', 'adres', 'ramka', 'autor', 'e-mail', 'obrazek', 50,50); Istnieje wiele sposobów dodawania kolejnych newsów (można łączyć kilka w tym samym skrypcie): Data, tytuł, treść: news(dzień,miesiąc,rok, 'Tytuł','Treść...
- Indeks, wyszukiwarka / Rozmiar
...['Hasło 1','adres1'], ['Hasło 2','adres2'], ['Hasło 3','adres3'] ), null, rozmiar); Rozmiar podaje wysokość okienka z hasłami wyrażoną w liczbie linii, które się w nim zmieszczą bez konieczności przewijania.
- Tabele HTML / Struktura tabeli HTML <table, tr, td>
...O tym, jak dodać obramowanie do tabeli, możesz przeczytać w sekcji CSS. Dla większej czytelności kodu można umieścić każdy znacznik <td> w nowej linii. Jest to przydatne zwłaszcza w przypadku dość obszernej treści w komórkach. Powyższa tabela jest równoznacza z: <table> <tr> <td>komórka1</td> <td>komórka2</td> </tr> <tr> <td>komórka3</td> <td>komórka4</td> </tr> </table> Oczywiście wcięcia w tekście nie są obowiązkowe, ale zwiększają przejrzystość kodu. Dzięki takiemu sposobowi...