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. Niestety w niektórych starszych przeglądarkach internetowych zdarzała się błędna interpretacja dziedziczenia stylów. Problemy stwarzały np. elementy tabeli: nawet jeśli zdefiniowaliśmy określoną wielkość czcionki dla elementu wyżej w hierarchii, w...
- 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...