dokumentu - Kurs HTML i CSS
Ikony (symbole) / Formatowanie tekstu...górę text_select_move_up text_select_move_up Otwórz górny panel top_panel_open top_panel_open Zamek w chmurze cloud_lock cloud_lock Wyszukiwanie dokumentu document_search document_search Język japoński Kana language_japanese_kana language_japanese_kana Strzała na początku linii z wycięciem line_start_arrow_notch line_start_arrow_notch Kwadrat na początku linii line_start_square line_start_square Czcionka slab serif slab_serif slab_serif Znak specjalny special_character...
- Znaki specjalne HTML / Encje HTML
...łącznika linia nie musi być przedzielona, to w ogóle nie zostanie on wyświetlony. Nie jest on również uwzględniany przy przeszukiwaniu treści dokumentu. To, czy będzie uwzględniany przy kopiowaniu tekstu ze strony do schowka systemowego, zależy od przeglądarki - specyfikacja HTML 4.01 nic nie mówi na ten temat, przez co zachowanie przeglądarek nie jest określone. Jak łatwo zauważyć, działania miękkiego łącznika nie można zastąpić tradycyjnym myślnikiem, ponieważ wtedy bylibyśmy...
- Komendy HTML 4.01 / FRAME
...będzie konieczne (domyślnie) no - ramka nie będzie przewijana yes - ramka będzie przewijana zawsze SRC="adres" Podaje lokację inicjalizującego dokumentu ramki STYLE="styl" Informacje stylów (CSS) TITLE="tekst" Tekst pomocniczy Znacznik otwierający: wymagany Znacznik zamykający: zabroniony
- Komendy HTML 4.01 / IFRAME
...będzie konieczne (domyślnie) no - ramka nie będzie przewijana yes - ramka będzie przewijana zawsze SRC="adres" Podaje lokację inicjalizującego dokumentu ramki STYLE="styl" Informacje stylów (CSS) TITLE="tekst" Tekst pomocniczy WIDTH="długość" Szerokość ramki w pikselach lub w procentach Znacznik otwierający: wymagany Znacznik zamykający: wymagany Wyświetlanie: w linii
- Komendy HTML 4.01 / STYLE
Pozwala autorowi wstawić arkusz stylów (CSS), w części nagłówkowej dokumentu (HEAD). Zobacz więcej... Atrybuty: DIR="kierunek" Kierunek tekstu: ltr - od lewej do prawej rtl - od prawej do lewej LANG="język" Informacja o języku bazowym (np.: LANG="en" oznacza angielski, LANG="pl" - polski itd.) MEDIA="typ" Wyznacza typ pojedynczego medium lub listy mediów rozdzielonych przecinkami: all - dla wszystkich urządzeń aural - syntezatory mowy braille - urządzenia do czytania braillem...
Kaskadowe Arkusze Stylów / Dlaczego warto używać CSS?...każdy nowy akapit (normalny znak tabulatora wpisany w kodzie źródłowym strony, jest ignorowany przez przeglądarkę internetową, podczas wyświetlania dokumentu). Odstęp pomiędzy literami w tym paragrafie został powiększony. Nowe własności tła Przykład Tło pod tekstem Powtarzanie tła w poziomie Kliknij tutaj, aby zobaczyć przykład strony z nieruchomym pojedynczym tłem. Gradient (płynne przejście kolorów) Obramowanie Przykład Obramowanie tekstu Zaokrąglone narożniki Cień pod...
- Wstawianie stylów CSS / Import arkusza stylów @import
...dostępu do arkusza importowanego należy konstruować względem położenia arkusza CSS, w którym jest wstawione polecenie @import, a nie względem dokumentu HTML! Wszystkie polecenia importu (może ich być kilka) muszą się znajdować zaraz na początku arkusza stylów, tzn. przed właściwymi regułami CSS, znajdującymi się w arkuszu, do którego następuje import! Pliki arkuszy stylów mogą mieć negatywny wpływ na szybkość wczytywania strony. Jeśli chcesz się dowiedzieć, w jaki sposób zoptymalizować...
- Dziedziczenie stylów CSS / Hierarchia elementów
Z drzewem dokumentu związana jest własność dziedziczności stylów. Polega ona na tym, że elementy leżące niżej w hierarchii (potomkowie), jeśli nie zaznaczymy inaczej, dziedziczą (przejmują) atrybuty formatowania, które zostały nadane ich przodkom. Dzięki temu można nadawać ogólne reguły stylów wyższym elementom (np. znacznik body), co pozwala uniknąć powielania tych samych deklaracji dla każdego elementu z osobna. Dziedziczenie zwiększa przejrzystość kodu CSS, ułatwia jego modyfikację oraz...
- Selektory elementów CSS / Selektor typu
...Tutaj będą przedstawione jedynie selektory. Selektor typu jest podstawowym rodzajem selektora. Pozwala on wybrać pojedynczy zwykły element dokumentu HTML podanego typu, czyli o określonej nazwie, a następnie nadać mu atrybuty (za pomocą cechy oraz wartości - opisane w następnych rozdziałach). Można powiedzieć, że selektor ten to inaczej element (znacznik), występujący w kodzie źródłowym strony. UWAGA! W języku XHTML wszystkie selektory muszą być pisane małymi literami. Przykład...
- Selektory elementów CSS / Selektor braci
brat1 + brat2 { cecha: wartość } gdzie wyrazy "brat1" oraz "brat2" są selektorami typu, przy czym leżą one w tym samym rzędzie hierarchii drzewa dokumentu [zobacz: Wstawianie stylów]. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu i zostaną opisane w dalszych rozdziałach. Selektor ten umożliwia nadanie określonych atrybutów jednemu z sąsiadujących ze sobą braci - temu, który w deklaracji został podany jako drugi (czyli brat2). Zwykły tekst znajdujący się pomiędzy braćmi...