efekt - Kurs HTML i CSS
Widżety HTML / Wczytywanie strony do ramki lokalnej <a target>...strona zostanie załadowana do bieżącej ramki, czyli do tej na której został wstawiony powyższy odsyłacz (domyślnie - można pominąć ten atrybut, a efekt będzie ten sam) "_top" - strona zostanie wczytana w miejsce głównego dokumentu w hierarchii, czyli zmieni się adres w pasku adresu przeglądarki "_parent" - strona zostanie wczytana w miejsce nadrzędnego dokumentu w hierarchii "_blank" - strona zostanie załadowana w nowej karcie przeglądarki Atrybuty target="_top" i target="_parent...
Selektory pseudoklas CSS / Korzeń :root...dokumentu. W języku HTML korzeniem jest zawsze element HTML, zatem selektor ten jest w tym przypadku raczej mało przydatny, ponieważ ten sam efekt uzyskamy poprzez użycie najprostszego selektora typu: html { cecha: wartość } Nie zapominajmy jednak, że CSS nadaje się do stylizowania również dokumentów XML, gdzie nie ma żadnego wymogu co do nazwy elementu-korzenia. Przykład :root Po wpisaniu w arkuszu stylów: :root p { color: red } a w dowolnym miejscu strony: <p>To jest akapit</p>...
- Formularze HTML / Wyczyszczenie danych <input "reset">
...wyczyścić formularz, ponieważ może to wymagać indywidualnego podejścia w zależności od tego z jakich pól się on składa. Potrzeba uzyskania takiego efektu raczej nie jest częsta - zwykle chodzi nam raczej o zresetowanie danych, a nie ich całkowite wyczyszczenie. Jeśli rzeczywiście jest to konieczne, można taki efekt zaimplementować przy pomocy odpowiedniego skryptu JavaScript.
- Czcionki CSS / Rozciągnięcie czcionki {font-stretch}
...ustalić poziome rozciągnięcie czcionki na ekranie. Tekst rozciągnięty będzie zajmował więcej miejsca w linii, natomiast ściśnięty - mniej. Aby efekt działania font-stretch był widoczny, wybrany rodzaj czcionki musi wspierać taką opcję. Podstawowe czcionki wbudowane w popularne systemy operacyjne często tego nie obsługują. Przykład {font-stretch} rozciągnięcie ultra-condensed rozciągnięcie extra-condensed rozciągnięcie condensed rozciągnięcie semi-condensed rozciągnięcie normal...
- Formularze HTML / Przykład formularza HTML
...DOS Linux Inny Podaj swój komentarz: Proszę, wpisz tutaj jakiś komentarz... (możesz kliknąć przycisk "Wyślij formularz", aby zobaczyć szybki efekt, 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...
- Promocja strony WWW / Pozycjonowanie (SEO)
...tam znajduje. Nie należy zbyt często powtarzać jednakowych słów kluczowych na tej samej stronie, bo większość wyszukiwarek uznaje to za oszustwo i efekt jest odwrotny do oczekiwanego - niższa pozycja w rankingu. Długość tego znacznika to 75 do 1024 znaków (należy się trzymać w tych granicach), wliczając spacje i znaki interpunkcyjne, a nie tylko litery. Warto pamiętać, że górna z wymienionych wartości obecnie nie jest akceptowana przez większość wyszukiwarek, więc wpisywanie aż tak długiego...
- Podcast HTML / #5 Tabele HTML
...komórek <td>. Tekst w nich jest zazwyczaj pogrubiony i wyśrodkowany. Użycie <th> jest zalecane ze względu na ważne znaczenie semantyczne, chociaż efekt wizualny można by uzyskać przy użyciu <td> i stylów. Nagłówki mogą być poziome, pionowe lub mieszane. Tytuł tabeli <caption>: służy do wstawiania tytułu (podpisu) tabeli. Element <caption> musi znajdować się zaraz po otwierającym znaczniku <table>. Domyślnie tytuł wyświetla się na środku ponad tabelą. Dymek narzędziowy: w obszernych...
- Czcionki CSS / Wariant pozycji czcionki {font-variant-position}
...czy górny zmieścił się w tekście i nie zachodził na sąsiadujące wiersze, wysokość linii musi zostać nieco powiększona. Powoduje to nieestetyczny efekt, kiedy sąsiednie linijki tekstu są od siebie bardziej odsunięte, ponieważ w jednej z nich pojawił się nawet tylko jeden indeks dolny lub górny. Wadę tę eliminuje użycie właściwości font-variant-position, dzięki której mimo wprowadzenia indeksu w tekście, wysokość linii się nie zmienia. W większości przypadków zaleca się jednak stosowanie...
- Tekst CSS / Dekoracja tekstu {text-decoration}
...możliwością może być łączenie powyższych wartości w jednej deklaracji, np.: selektor { text-decoration: underline line-through overline } A oto efekt: Tekst podkreślony, przekreślony i nadkreślony Pytania i odpowiedzi {text-decoration} Co oznacza "text-decoration"? Właściwość CSS text-decoration służy do określania dekoracji tekstu, takich jak podkreślenie, przekreślenie, nadkreślenie. Może być stosowana do elementów tekstu, aby zmienić ich wygląd. Jak podkreślić słowo w CSS...
- Tekst CSS / Wyrównanie tekstu {text-align}
...left">...</p>. Co robi "text-align justify"? Deklaracja CSS "text-align: justify" wyrównuje tekst do obu marginesów, tworząc efekt wyjustowanego tekstu, gdzie odstępy między słowami są dostosowywane tak, aby linie tekstu miały równe długości. Jak wyrównać tekst do obu marginesów? Aby wyrównać tekst do obu marginesów, użyj właściwości text-align i ustaw wartość na justify, na przykład <p style="text-align: justify">...</p>. Jak ustawić tekst na środku strony...