wygląd strony - Kurs HTML i CSS
HTML5 / Sekcja <section>...do: <a href="#moja-sekcja">Moja sekcja</a> Sekcja nie powinna być używana jako ogólny pojemnik na elementy. Jeżeli istnieje potrzeba, aby zmienić wygląd kilku następujących po sobie elementów, należy do tego użyć znacznika DIV, który w odróżnieniu od SECTION, nie niesie ze sobą żadnego znaczenia semantycznego. Ponadto znacznik SECTION został przeznaczony do tworzenia ogólnych sekcji dokumentu. Lepiej jest używać znaczników, które jak najbardziej szczegółowo opisują znaczenie treści. Dlatego...
- Formularze HTML / Hasło <input "password">
...html'; return false"> <input type="password" name="password"> <input type="submit" value="OK"> </form> Hasłem w tym przypadku jest nazwa strony bez rozszerzenia, którą chcemy zabezpieczyć. Przykładowo: hasłem do strony tajna_strona.html (która znajduje się w tym samym katalogu co strona główna, czyli tam gdzie wstawiliśmy powyższy skrypt) będzie tajna_strona Należy przy tym pamiętać, że zabezpieczane strony muszą mieć rozszerzenie *.html, a jeśli to niemożliwe, należy zmienić...
- Formularze HTML / Przycisk <button>
...Przycisk zablokowany!Ten przycisk jest zablokowany - disabled (nie obsługuje Opera 6). W niektórych systemach operacyjnych i przeglądarkach wygląd przycisków o dużych rozmiarach może być bardzo nieestetyczny! Pytania i odpowiedzi <button> Jak zrobić przyciski w HTML? Aby wstawić w dokumencie HTML przycisk, po kliknięciu którego nastąpi przejście do innej strony, można się posłużyć odsyłaczem obrazkowym. Co to jest BUTTON w HTML? Jest to znacznik, za pomocą którego możemy...
- Znaki specjalne HTML / Encje HTML
...W kolumnie opis znajduje się pełna angielska nazwa wszystkich znaków, dalej - objaśnienie w języku polskim, a na końcu możesz zobaczyć jak będzie wyglądał wybrany symbol na ekranie. Wpisanie znaku w formacie &#numer pozwala podać numer w systemie dziesiętnym. Można również zrobić to za pomocą kodu szesnastkowego:&#xHEX lub &#XHEX, gdzie HEX jest maksymalnie dwubajtową liczbą szesnastkową (cztery cyfry 0-F). Przy konwersji z systemu dziesiętnego (DEC) na szesnastkowy (HEX) i odwrotnie...
Selektory pseudoklas CSS / Atrybut języka :lang...inside block, but without attribute lang.</p> <p lang="pl">4. To jest akapit wewnątrz bloku, który posiada atrybut <b>lang="pl"</b> i dlatego jego wygląd nie zmieni się, pomimo że blok nadrzędny posiada atrybut lang="en".</p> ...and this is end of block.</div> Na ekranie powinniśmy otrzymać pierwsze trzy akapity napisane kolorem czerwonym, a ostatni bez zmian: 1. This is paragraph with attribute lang="en". 2. This is paragraph with attribute lang="en-US". This is block with attribute...
- HTML dla zielonych / Wstawienie obrazka HTML <img src alt>
...Jest to karygodny błąd!!! Po wprowadzeniu strony do Internetu, zostaje ona zapisana na dysku komputera-serwera (nie na Twoim). Struktura (wygląd) drzewa katalogów będzie tam z całą pewnością inna niż na Twoim dysku lokalnym. Dlatego podana ścieżka bezwzględna tam nie istnieje. Co gorsze, błędu możesz nie wykryć od razu, ponieważ na Twoim komputerze obrazek wczyta się poprawnie, ale już znajomy nic nie zobaczy! Zauważ również, że w ścieżkach używamy ukośników ("/"), a nie odwróconych...
- Drukowanie CSS / Kontekst strony @page
...jednostek "em" (wysokość czcionki) ani "ex" (wysokość małej litery), ponieważ nie istnieje w nim pojęcie czcionki. Kontekst strony definiuje wygląd samej strony - np. arkusza papieru na wydruku - a nie jej zawartości. Można w ten sposób ustawić marginesy i rozmiar strony na wydruku. Różnica pomiędzy marginesami w kontekście strony, a tradycyjnymi marginesami jest taka, że nawet jeśli standardowe marginesy zostaną wyzerowane, wydruk nadal może je posiadać. Normalnie aby zmienić rozmiar...
- Podcast HTML / #2 Nagłówek i treść HTML
...dokumentu HTML, w tym różnicy między nagłówkiem (<head>) a ciałem (<body>). Nagłówek zawiera metainformacje, które nie wpływają bezpośrednio na wygląd dokumentu, ale są równie ważne. Metainformacje i ich znaczenie Metainformacje, definiowane za pomocą znacznika <meta>, pozwalają określić ogólne wiadomości dotyczące dokumentu, takie jak sposób kodowania znaków, opis zawartości czy język. Zastosowanie metainformacji może pomóc w odszukaniu strony przez wyszukiwarki sieciowe. Deklaracja...
- HTML5 / Wstępne ładowanie <link "preload" as>
...aby skrypt był gotowy, gdy będzie potrzebny. Wstępne ładowanie jest przydatne do zasobów krytycznych, które mogą wpłynąć na funkcjonalność lub wygląd strony.
- Oprawa graficzna / Zamiennik obrazkowy
...a Google Wstęp Po lekturze rozdziałów 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...