linii - Kurs HTML i CSS
HTML5 / Podpowiedź pola formularza <input placeholder, textarea placeholder>...Obszar tekstowy: <textarea placeholder="podpowiedź">...</textarea> podpowiedź Dowolny tekst niezawierający znaku nowej linii, który może wstępnie pojawić się wewnątrz pola w postaci wyszarzonego tekstu Atrybut placeholder="..." podpowiada użytkownikowi, co powinien wpisać w danym polu formularza. Przez przeglądarki może być obsługiwany w ten sposób, że jego wartość będzie na początku wpisana w pole w postaci wyszarzonego tekstu, który zniknie po umieszczeniu w...
- Ikony (symbole) / Mapy
...zachód south_west south_west Widok ulicy streetview streetview Jedzenie kebab kebab_dining kebab_dining Dodaj dom add_home add_home Przystanki linii lotniczych airline_stops airline_stops Hydrant fire_hydrant fire_hydrant Lokalna wizyta local_see local_see Pomoc dla pieszych assist_walker assist_walker Usuń drogę remove_road remove_road Dodaj pracę domową add_home_work add_home_work Brak posiłków no_meals no_meals Klasa lotu flight_class flight_class Fort fort fort Synagoga...
- Podcast HTML / #1 HTML dla zielonych
...tekst wpisuje się bezpośrednio w ciele dokumentu (wewnątrz <body>...</body>). Aby przenieść tekst do nowej linijki, należy użyć znacznika końca linii <br>, ponieważ klawisz Enter jest ignorowany przez przeglądarkę. Akapit (paragraf) jest tworzony za pomocą znacznika <p>...</p>. Akapity są rozdzielone linijką przerwy i służą do estetycznego i logicznego podziału treści. Wyrównanie tekstu (atrybuty) Wyrównanie tekstu w akapicie można kontrolować za pomocą atrybutu style="text-align...
Wstawianie stylów CSS / Wewnętrzny arkusz stylów <style>...przez przeglądarkę. Komentarzy takich nie można zagnieżdżać, tzn. niedozwolony jest zapis: /*123/*000*/456*/. Komentarz może składać się z wielu linii, np.: /* Ten tekst zostanie zignorowany przez przeglądarkę, ale może zawierać informacje cenne dla projektanta arkusza CSS */ Ponadto w języku HTML całą zawartość arkusza stylów, tzn. wnętrze znacznika <style>...</style> można ująć w komentarz HTML: <style> <!-- /* To jest arkusz stylów kompatybilny wstecz */ --> </style> Dzięki nim...
- Wstawianie stylów CSS / Zewnętrzny arkusz stylów <link "stylesheet"> @charset
...pamiętać, że plik będący zewnętrznym arkuszem stylów musi mieć rozszerzenie *.css! Wstawienie białych znaków (spacje, tabulacje, znaki nowej linii) w arkuszu CSS nie ma wpływu na jego działanie. Dlatego możesz ułożyć wpisywane reguły CSS w taki sposób, aby były bardziej czytelne. Znacznik LINK może znajdować się tylko i wyłącznie w nagłówku dokumentu. Pliki arkuszy stylów mogą mieć negatywny wpływ na szybkość wczytywania strony. Jeśli chcesz się dowiedzieć, w jaki sposób...
- Selektory elementów CSS / Reguły stylów
...text-align (wyrównanie tekstu) może być przypisana tylko i wyłącznie do elementów blokowych, ponieważ podanie jej dla elementów wyświetlanych w linii nie miałoby sensu. Z drugiej strony cecha ta może przyjmować tylko wartości takie jak: left, right, center, justify. Przypisanie do niej np. wartości koloru nie miałoby sensu. Przykład /* Pierwsza reguła: */ p { color: red } /* Druga reguła: */ p b { color: red; background-color: yellow } Powyżej mamy przykład dwóch reguł stylów: W...
- Selektory pseudoelementów CSS / Co to są pseudoelementy CSS?
...do pewnych specyficznych elementów występujących na każdej stronie. Na przykład nie można wprost odnieść się do pierwszej litery ani pierwszej linii w akapicie. Tymczasem często zachodzi potrzeba ich specjalnego wystylizowania. Obejmowanie pierwszej litery w każdym akapicie znacznikiem <span>...</span> jest nieoptymalne i czasochłonne. Z pomocą przychodzą pseudoelementy CSS, które pozwalają odnieść się do takich specjalnych elementów struktury dokumentu bez konieczności wprowadzania...
- Czcionki CSS / Rozciągnięcie czcionki {font-stretch}
...najbardziej rozciągnięta Polecenie pozwala 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...
- Czcionki CSS / Wariant liczb czcionki {font-variant-numeric}
...cyfra zero może zostać przekreślona ukośną kreską, aby nie pomylić jej z wielką literą "O" lining-nums albo oldstyle-nums - cyfry leżące na jednej linii albo nieco poprzesuwane w górę i w dół (przypominające ręcznie wypełniane zestawienia np. w starych księgach przychodów i rozchodów) proportional-nums albo tabular-nums - każda cyfra może mieć różną szerokość albo wszystkie cyfry będą tej samej szerokości (dzięki czemu jeśli umieścimy je np. w tabeli z jakimiś danymi, liczby w tej samej...
- Tekst CSS / Orientacja tekstu {text-orientation}
...znaków interpunkcyjnych. Teoretycznie taki sam efekt moglibyśmy uzyskać, jeśli po każdym znaku tekstu po prostu wstawilibyśmy znacznik końca linii. Jednak takie rozwiązanie nie byłoby dobrym pomysłem, ponieważ tak ułożone znaki logicznie nie łączyłyby się w wyrazy. Mogłoby to stanowić problem dla syntezatorów mowy używanych przez osoby niewidome, które zapewne przeliterowałyby taki tekst, zamiast go płynnie odczytać. Negatywne skutki takiego rozwiązania moglibyśmy również odczuć w...