treść - Kurs HTML i CSS
Marginesy CSS / Model pudełkowy CSSŹródło: Cascading Style Sheets, Level 2 Każdy element generuje w dokumencie prostokątny obszar zwany pudełkiem (ang. Box model). Pudełko składa się z: Zawartości - "Content" (np. test, obrazek itd.) Otaczających marginesów wewnętrznych - "Padding" Obramowania - "Border" Marginesów - "Margin" Ostatnie trzy składniki są opcjonalne, tzn. mogą mieć wartość zero. Obwód (zewnętrzny) każdego z czterech obszarów nazywamy krawędzią ("Edge"). Według CSS rozmiary elementu (własności width oraz...
Formularze HTML / Wysłanie formularza <input "submit, image">...gdzie znajduje się obrazek, który ma zostać wyświetlony jako przycisk wysłania formularza. Natomiast zamiast "informacja alternatywna" można podać treść informacji, która powinna pojawić się w przypadku, gdy obrazek nie zostanie wyświetlony, a także po wskazaniu go myszką (atrybut ten nie jest konieczny). Polecenie wprowadza na ekran przycisk w postaci obrazka, po naciśnięciu którego, nastąpi wysłanie formularza. Atrybut alt="..." pozwala podać tekst, który będzie wyświetlony zamiast...
- Formularze HTML / Alternatywny sposób wysłania formularza
Niestety opisany w tym rozdziale sposób wysyłania prostych formularzy pocztowych nie zawsze działa poprawnie 🙁 Na przykład może się zdarzyć, że zamiast automatycznego wysłania formularza, otworzy się program pocztowy z pustą wiadomością. Wysłanie takiego listu oczywiście nie przyniesie żadnych korzyści, ponieważ nie będzie on miał treści. Sposobem na ominięcie tej luki może być skorzystanie ze skryptu PHP, który potrafi wysłać formularz w ogóle bez potrzeby używania programu pocztowego przez...
- Marginesy CSS / Atrybuty mieszane marginesu {margin}
selektor { margin: wartości atrybutów } Selektorem może być praktycznie dowolny znacznik, np. p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast jako "wartości atrybutów" należy podać: Jedną wartość - wtedy wszystkie marginesy będą jednakowe. Przykład To jest akapit, który ma wszystkie marginesy równe 2cm (margin: 2cm) Dwie wartości - z których pierwsza oznacza górny i dolny margines, natomiast druga - lewy i prawy. Przykład To jest akapit, który ma górny i dolny margines...
- Promocja strony WWW / Pozycjonowanie (SEO)
...dla człowieka. Niektóre wyszukiwarki traktują jednak "mocniej" wyrażenia umieszczone w takich miejscach jak: tytuły (szczególnie pierwszego rzędu), treść alternatywna obrazków (atrybut alt="..."), dymki narzędziowe odsyłaczy (atrybut title="...") albo tekst (opis) samych odsyłaczy. Dodatkowe punkty można również dostać, jeśli ważne słowo kluczowe znajduje się bezpośrednio w adresie strony. Lepiej jest także jeśli sam adres jest krótszy.
- XHTML / Różnice między HTML 4 a XHTML 1.0
...pliku całkowicie eliminuje ten problem. Starsze przeglądarki po prostu nie pobiorą takiego pliku, a na ekranie nie wyświetli się żadna niepotrzebna treść. Nie wolno zagnieżdżać (umieszczać jeden w drugim) następujących znaczników (dotyczy wszystkich poziomów zagnieżdżania, tzn. wszystkich potomków elementu): a nie może zawierać innych elementów a. pre nie może zawierać elementów: img, object, big, small, sub, sup. button nie może zawierać elementów: input, select, textarea, label...
- Wstawianie stylów CSS / Wewnętrzny arkusz stylów <style>
...znacznika <style>...</style> można ująć w komentarz HTML: <style> <!-- /* To jest arkusz stylów kompatybilny wstecz */ --> </style> Dzięki nim treść arkusza nie będzie widoczna na ekranie starszych przeglądarek, które nie obsługują stylów. Aktualnie jednak trudno znaleźć przeglądarkę, która nie potrafiłaby zinterpretować znacznika STYLE. Oczywiście znaki <!-- oraz --> znajdujące się na początku i na końcu arkusza, nie są znakami komentarza stylów lecz HTML i nie można ich używać wewnątrz...
- Selektory atrybutów CSS / Selektor atrybutu o określonej wartości
...nadany znacznikowi z poziomu HTML (np. atrybut title="..."). "Wartość atrybutu" to określona wartość, która została nadana temu atrybutowi (np. treść atrybutu title="..."). Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Polecenie to może zostać wykorzystane dla elementów, którym z poziomu HTML został nadany atrybut, który ma określoną wartość. Pozwala nadać konkretne cechy elementom, które posiadają...
- Selektory specjalne CSS / Klasy selektorów <... class>
Spis treści <... class> Klasy selektorów <... class> Lista klas Podzbiory klas Klasy selektorów <... class> selektor.klasa { cecha: wartość } Selektorem może być dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli i inne) [zobacz: Wstawianie stylów]. Klasa to wartość atrybutu class="..." nadanego selektorowi z poziomu języka HTML. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Jako...
- Selektory specjalne CSS / Selektor identyfikatora <... id>
selektor#identyfikator { cecha: wartość } Selektorem może być dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli i inne) [zobacz: Wstawianie stylów]. Identyfikator to wartość atrybutu id="..." nadanego selektorowi z poziomu języka HTML. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Jako identyfikator należy podać dowolny pojedynczy wyraz, który nie może zawierać znaków: spacji, kropki...