tekst obrazek - Kurs HTML i CSS
Selektory pseudoelementów CSS / Po... :after...znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli i inne [zobacz: Wstawianie stylów]. Natomiast jako wyraz "treść" można wpisać dowolny tekst. Polecenie pozwala automatycznie dopisywać podaną treść po określonych elementach, na które wskazuje selektor. Przykład :after Jeżeli w arkuszu stylów została umieszczona następująca reguła: p:after { content: " KONIEC"; color: red } to wszystkie akapity będą kończyły się wyrazem "KONIEC", mimo że nie wpiszemy tego wyrazu bezpośrednio w...
- Kursory CSS / Kursor obrazkowy {cursor: url}
...względem lewego-górnego narożnika grafiki (wymagane jest podanie pozycji zawsze za pomocą dwóch współrzędnych). Przykład {cursor: url} Wskaż ten tekst myszką Pytania i odpowiedzi {cursor: url} Jak ustawić dowolny kursor? Aby ustawić dowolny kursor, użyj właściwości cursor w CSS i określ odpowiednią wartość kursora. Możesz również użyć niestandardowego obrazka jako kursora za pomocą url('ścieżka/do/obrazka.png'). Na przykład: element { cursor: url('myszka.png'), auto } ustawi...
- Pozycjonowanie CSS / Nakładanie {z-index}
Spis treści {z-index} Nakładanie {z-index} Kontekst stosu Nakładanie {z-index} selektor { position: rodzaj; parametry; z-index: numer } Selektorem może znacznik poddany pozycjonowaniu [zobacz: Wstawianie stylów]. Wyrażenie "position: rodzaj; parametry;" określa typ oraz parametry pozycjonowania (absolutne, relatywne lub ustalone). Natomiast jako "numer" należy wpisać pojedynczą liczbę, określającą, kolejność nakładania pozycjonowanych elementów (element z numerem 1 będzie na samym...
- Pozycjonowanie CSS / Wyświetlanie {display}
...Ten element zostanie wyświetlony jako blok. Brat ("inline") Ten element zostanie wyświetlony jako blok. Tekst Przykład {display} To jest zwykły tekst To jest normalny akapit (wyświetlany w bloku). To jest zwykły tekst To jest akapit w linii. To jest zwykły tekst display: block display: block display: inline display: inline display: none display: none (obrazek nie został wyświetlony, pomimo że polecenie odpowiedzialne za jego wstawienie zostało umieszczone na stronie) <div...
- Menu w CSS / Pionowe menu
...zajmowało całego ekranu. Stylizujemy odnośniki listy tak, aby wyświetlały się w bloku (display: block). Dzięki temu nie trzeba dokładnie wskazywać tekstu, aby link zmienił wygląd (sprawdź). Niestety zachowanie to może nie dotyczyć niektórych bardzo starch przeglądarek, dlatego bezpieczniej jest dodatkowo określić szerokość (width) bloku odnośnika. Zgodnie z modelem pudełkowym szerokość ta jest równa szerokości bloku rodzica, pomniejszonej o sumę grubości obramowania (border) i szerokości...
Komendy HTML 4.01 / Wykaz elementów...BASE wymag/zabr Adres bazowy BASEFONT wymag/zabr w linii Czcionka bazowa BDO wymag/wymag w linii Algorytm dwukierunkowego tekstu BIG wymag/wymag w linii Duża czcionka BLOCKQUOTE wymag/wymag w bloku Długi cytat BODY opcj/opcj Ciało dokumentu BR wymag/zabr w linii Przełamanie linii BUTTON wymag/wymag w linii Przycisk CAPTION wymag/wymag Tekst nagłówkowy tabeli CENTER wymag/wymag w bloku Wyśrodkowanie CITE wymag/wymag...
- Kaskadowe Arkusze Stylów / Dlaczego warto używać CSS?
...które do tej pory były praktycznie niemożliwe do osiągnięcia: Różne wartości pogrubienia czcionki (9 rodzajów) Dodatkowe możliwości formatowania tekstu Przykład To jest nadkreślenie tekstu Ten paragraf został napisany małymi literami, ale dzięki transformacji, jest wyświetlany za pomocą wielkich liter. Ten akapit zaczyna się wcięciem, którego można użyć jako tabulatora, rozpoczynającego każdy nowy akapit (normalny znak tabulatora wpisany w kodzie źródłowym strony, jest ignorowany przez...
- Podcast HTML / #9 HTML5
...i podstawowa składnia HTML5 HTML5 jest piątą, najnowszą wersją specyfikacji języka HTML. Jest to język komputerowy, którego skrót oznacza Hipertekstowy Język Oznaczania (Hypertext Markup Language), służący do tworzenia stron internetowych. Głównymi celami HTML5 było wprowadzenie nowych elementów w celu zwiększenia interaktywności, multimedialności i semantyczności dokumentów. Ważne cechy ewolucji języka obejmują: Zachowanie kompatybilności wstecz, tak aby użytkownicy starszych...
- Tabele CSS / Rozplanowanie tabeli {table-layout}
...znajduje się tylko obrazek lub inny element o ustalonych rozmiarach, to określa on minimalną możliwą szerokość takiej komórki. Natomiast w przypadku tekstu będzie to zwykle szerokość najdłuższego wyrazu (biorąc pod uwagę, że tekst może się zawijać do następnych linii). Maksymalna możliwa szerokość to największy rozmiar, do którego można rozszerzyć komórkę tak, aby nie powstały wolne przestrzenie po lewej ani po prawej jej stronie. Jeżeli w komórce znajduje się tylko obrazek lub inny element o...
- HTML dla zielonych / Znaczniki HTML
Poza zwykłym tekstem na stronę możesz wprowadzić znaczniki (tzw. tagi). Znacznik jest to specjalny tekst umieszczony w nawiasach ostrych - np.: <b>. Jest on częścią składni języka HTML i pozwala sterować wyglądem strony. Dzięki niemu możesz np. ustalić kolor tła, rodzaj formatowania tekstu, wstawić obrazek czy tabelę itd. Znacznik nie jest widoczny na ekranie. Widoczne są tylko efekty jego działania (np. wstawienie obrazka). Ja sam aby umieszczony powyżej znacznik <b> był widoczny, musiałem się...