blok - Kurs HTML i CSS
Selektory pseudoelementów CSS / Cudzysłowy {quotes}...Opera) W języku HTML istnieją specjalne znaczniki, przeznaczone do oznaczania cytatów: <q>...</q> (krótki cytat), <blockquote>...</blockquote> (blok cytowany). Jak mówi specyfikacja HTML 4.01, cytatów wstawianych w elementach q nie należy obejmować cudzysłowami, gdyż powinna zrobić to przeglądarka. Ponadto, ponieważ w różnych językach (mówionych) używa się różnych znaków cudzysłowu, przeglądarki powinny wygenerować takie, które odpowiadają aktualnemu językowi treści. Od języka zależą...
- Jednostki CSS / Długość
...języku HTML korzeniem jest zawsze element <html> Jednostka rem może być przydatna w sytuacji, kiedy chcemy, aby definiowana długość (np. szerokość bloku na stronie) odnosiła się do określonego rozmiaru czcionki, ale jednocześnie chcemy ją uniezależnić od wartości wyliczonych zgodnie z zasadą dziedziczenia stylów. Przykładowo załóżmy, że wysokość czcionki korzenia (element <html>) wynosi 16px, a dla <body> ustalono "font-size: 2em". Jeżeli teraz na stronie wstawimy blok ze stylem "width...
Menu rozwijane, otwierane, wysuwane / Menu wielopoziomowe...W celu osadzenia wielopoziomowego menu, należy powtórzyć wszystkie przedstawione wcześniej kroki. Zmianie ulegnie tylko kod HTML tworzący sam blok menu: <dl id="menu0"> <dt>Nagłówek 1</dt> <dd> <dl> <dt>Nagłówek 1.1</dt> <dd> <dl> <dt>Nagłówek 1.1.1</dt> <dd>Element 1.1.1.1</dd> <dd>Element 1.1.1.2</dd> <dd>Element 1.1.1.3</dd> <dt>Nagłówek 1.1.2</dt> <dd>Element 1.1.2.1</dd> <dd>Element 1.1.2.2</dd> <dd>Element 1.1.2.3</dd> </dl> </dd>...
- Menu rozwijane, otwierane, wysuwane / Pozycja absolutna
...właściwością jest fakt, że przy jego rozwijaniu elementy poniżej są przesuwane w dół. Można temu zapobiec określając odpowiednią pozycję absolutną bloku. Oczywiście można to zrobić bezpośrednio dodając odpowiednie deklaracje CSS. Jednak trzeba przewidzieć, co się stanie, jeśli przeglądarka użytkownika nie będzie obsługiwać JavaScript. Samo menu nadal będzie funkcjonalne pod względem nawigacji, tzn. jego elementy (odsyłacze) będą dostępne, ale oczywiście funkcja rozwijania nie będzie działać...
- Obramowanie CSS / Dekoracja przełamania obramowania {box-decoration-break}
...miał osobne obramowanie slice - wszystkie fragmenty przełamanego elementu będą miały wspólne obramowanie (domyślnie) Zdarza się, że na wydruku blok zostanie przełamany pomiędzy dwie kartki w taki sposób, że jego początek znajdzie się na końcu jednej strony, a koniec - na samym początku następnej. W takim przypadku standardowo na dole pierwszego fragmentu ani na górze drugiego nie będzie obramowania. Podobnie jeśli obramowanie zostanie przypisane do długiego elementu wyświetlanego w...
- Menu rozwijane, otwierane, wysuwane / Wygląd menu rozwijanego, otwieranego, wysuwanego
...border-left: 1px solid #eee; border-right: 1px solid #aaa; } Aby ustawić kolejne menu otwierane obok siebie, należy wstawić kilka osobnych bloków <dl>...</dl>, a następnie wypozycjonować je w odpowiednim miejscu względem siebie: HTML Dla zielonych BODY i META Tekst Odsyłacze Tabele Multimedia Ramki Formularze CSS Kaskadowe Arkusze Stylów Definicje Wstawianie stylów Skrypty Aktywne przyciski Aktualizacja Nowe okno Kod HTML: <div class="menu"> <dl...
Formularze HTML / Wysłanie formularza bez programu pocztowego...listów e-mail (pod nazwą: mail) za pośrednictwem skryptów PHP musi być włączona. Niestety administratorzy, zwłaszcza darmowych serwerów, czasami blokują tę funkcję, aby konta nie były wykorzystywane do rozsyłania spamu. O tym, czy Twój serwer WWW obsługuje skrypty PHP i czy funkcja mail nie została zablokowana, możesz się zwykle przekonać odwiedzając stronę domową danego serwera lub kontaktując się z administratorem serwera. Jeżeli Twój serwer nie obsługuje skryptów PHP albo funkcja mail...
- Układ wielokolumnowy CSS / Szerokość kolumny {column-width}
...Internet Explorer 10, Firefox 52, Opera 11-12 i 37, Chrome 50) selektor { column-width: szerokość } Selektorem może być dowolny element blokowy z wyjątkiem tabel [zobacz: Wstawianie stylów]. Szerokość jest wyrażona w jednostkach długości i musi być większa od zera. Aby usunąć kolumny lub pozwolić przeglądarce wyznaczyć ich szerokość w inny sposób, należy podać wartość auto. Ustalając szerokość kolumn pozwalamy przeglądarce automatycznie wyświetlić tyle kolumn, ile będzie...
Tekst HTML / Ćwiczenia...wcześniejszych ćwiczeń w prawidłowy sposób został przez Ciebie użyty znacznik pogrubienia. Dodaj do swojej strony przynajmniej jeden cytat lub blok cytowany. Jeżeli Tworzysz stronę o sobie, może to być np. motto, którym kierujesz się w życiu albo wypowiedź jakiejś ważnej dla Ciebie osoby. Jeżeli w treści swojej strony używasz skrótów bądź definicji, zadbaj o ich oznaczenie właściwymi znacznikami. Na podstronie linki.html użyj wykazu (wypunktowanie) w taki sposób, aby każdy odnośnik...
- Tekst HTML / Źródło <cite>
...itp. Element ten nie służy do oznaczania cytatów - do tego nadaje się znacznik <q>...<q> (krótki cytat) lub <blockquote>...</blockquote> (blok cytowany). Ponadto zgodnie z językiem HTML5 elementu <cite>...</cite> nie można używać do oznaczania autora, a jedynie samego tytułu utworu. Przykład <cite> Więcej informacji znajduje się w opracowaniu <cite>HTML 4.01 Specification</cite> Więcej informacji znajduje się w opracowaniu HTML 4.01 Specification