ustawienie - Kurs HTML i CSS
Komendy CSS 2 / floatWARTOŚĆ left | right | none | inherit OPIS Ustawienie INICJALIZACJA none ZASTOSOWANIE wszystkie elementy oprócz pozycjonowanych DZIEDZICZENIE nie PROCENTY nie MEDIA visual
Nagłówek i treść HTML / Język strony <html lang, link hreflang>Spis treści <html lang, link hreflang> Język dokumentu <html lang> Inne wersje językowe <link hreflang> Domyślna wersja językowa Język dokumentu <html lang> <html lang="język">...</html> gdzie jako "język" należy podać skrót nazwy wybranego języka. Polecenie to pozwala podać, w jakim języku jest napisana Twoja strona internetowa, np.: pl - polski, en - angielski, de - niemiecki, fr - francuski, it - włoski, es - hiszpański i inne [zobacz: Skróty nazw jezyków]. Nie należy również...
- Komendy CSS 2 / vertical-align
WARTOŚĆ baseline | sub | super | top | text-top | middle | bottom | text-bottom | <procent> | <długość> | inherit OPIS Pionowe ustawienie INICJALIZACJA baseline ZASTOSOWANIE elementy inline i komórki tabeli DZIEDZICZENIE nie PROCENTY odnosi się do wysokości linii elementu MEDIA visual
- Menu w CSS / Poziome menu
...deklaracji CSS. Tym razem, na przekór domyślnej prezentacji pozycji listy, ułożymy odnośniki nawigacyjne poziomo - w formie zakładek. Takie ustawienie możemy uzyskać na dwa sposoby: Ustawiając sposób wyświetlania pozycji listy na wartość inline, czyli w linii. Oprócz tego, tak jak poprzednio, usuniemy zbędne domyślne formatowanie, które w tym przypadku tylko by przeszkadzało: ul, ul li { display: block; list-style: none; margin: 0; padding: 0; } ul li { display: inline...
- Szablon strony na DIV-ach / Stały szablon
...bloków, wynikająca z ułożenia elementów w kodzie źródłowym strony, jest odpowiednia. Przypisanie własności float: left, miało jedynie na celu ustawienie kolumn obok siebie, a nie pod sobą. Natomiast nie wpływa to na ich kolejność.
- Szablon strony na DIV-ach / Płynny szablon
...TRESC { margin-left: 150px; margin-right: 150px; background-color: #fff; } #STOPKA { clear: both; background-color: #888; } Jeszcze inne ustawienie: Nagłówek szablonu Menu nawigacyjne Dodatkowe informacje Treść strony... Treść strony... Treść strony... Treść strony... Treść strony... Treść strony... Treść strony... Treść strony... Treść strony... Treść strony... Treść strony... Treść strony... Treść strony... Treść strony... Treść strony... Treść strony... Treść strony...
Aktualizacja / System newsów...justify */ padding: 5px; padding-bottom: 0; } .news_date span { font-weight: bold; } /* Obrazek: */ .news_img { float: left; /* ustawienie: left, right */ margin-right: 10px; margin-bottom: 5px; border: 0; } /* Więcej... */ .news_more { font-size: 11px; text-align: right; margin-bottom: 5px; margin-right: 15px; } /* Autor */ .news_author { font-size: 11px; /* rozmiar czcionki */ text-align: left; /* wyrównanie tekstu: left, right, center...
- Formularze HTML / Selektor plików <input "file">
...m.in. przez PHP (należy wtedy dla znacznika <form>...</form> konieczne podać atrybut: enctype="multipart/form-data"). W języku HTML5 możliwe jest ustawienie opcji pozwalającej na wybór wielu plików jednoczenie (przy pomocy klawisza Shift lub/i Ctrl). W tym celu do znacznika wystarczy przypisać dodatkowy atrybut logiczny (podawany bez wartości): <input type="file" multiple> Przykład <input "file"> Zwróć uwagę, że po kliknięciu przycisku, otwiera się okienko z systemowym selektorem plików...
- Formularze HTML / Przykład formularza HTML
...bez wysyłania danych) Aby ustalić dokładne położenie pól formularza, zwykle umieszcza się je w komórkach tabeli. W ten sposób możliwe jest np. ustawienie opisów w lewej kolumnie, a samych pól w równej odległości po prawej (nie dotyczy to pól wyboru, opcji itp., do których użytkownik nie może wpisywać tekstu). Jeśli zrobimy to bez tabeli, pola będą poukładane nierówno z powodu różnej długości opisów. Na przykład po wpisaniu: <form action="mailto:e-mail" method="post...
- Komendy HTML 4.01 / Wykaz elementów
Element Znacznik otwierający/ zamykający Wyświetlanie Opis A wymag/wymag w linii Kotwica ABBR wymag/wymag w linii Forma skrócona ACRONYM wymag/wymag w linii Akronim ADDRESS wymag/wymag w bloku Informacje o autorze APPLET wymag/wymag w linii Aplet AREA wymag/zabr Obszar w mapie odnośników klienta B wymag/wymag w linii Tekst pogrubiony BASE wymag/zabr Adres bazowy BASEFONT wymag/zabr w linii Czcionka bazowa BDO wymag/wymag...