tekstu - Kurs HTML i CSS
HTML dla zielonych / Łączenie znaczników i atrybutów HTML <p "text-align", span "font-size, color", b, i, u>Wszystkie powyższe parametry (atrybuty i znaczniki: akapit, wielkość czcionki, kolor czcionki, pogrubienie, pochylenie, przekreślenie) dotyczące tekstu można łączyć, np. po wpisaniu w edytorze: <p style="text-align: center"><span style="font-size: large; color: red"><b><i><u> To jest jakiś tekst </u></i></b></span></p> otrzymamy: To jest jakiś tekst Zauważ, że znaczniki zamykamy w kolejności odwrotnej jak je otwieraliśmy. Czyli najpierw zamykamy znacznik, który został otwarty jako ostatni...
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...
- Menu w CSS / Poziome menu
...0; } ul li { display: inline; white-space: nowrap; } Efekt: Czcionki Tekst Tło Marginesy Obramowanie Dodatkowo blokujemy zawijanie tekstu (white-space: nowrap), aby w przypadku gdy linki nie zmieszczą się w jednej linii, przełamanie wiersza nastąpiło pomiędzy nimi, a nie wewnątrz nich. Zalety: Prawidłowa interpretacja w większości przeglądarek Możliwość łatwego wyrównania odnośników do lewej lub prawej strony, a także wyśrodkowania Nie wpływa na elementy znajdujące się...
- Tekst HTML / Podkreślenie <u>
<u>...</u> wyświetlanie: w linii Pozwala podkreślić fragment tekstu (ang. "underline"). Oznacza nieartykułowany tekst albo oznaczenie błędu ortograficznego. Przykład <u> Ten tekst jest podkreślony Podkreślenie innym kolorem Stosując pewną "sztuczkę", można sprawić, aby kolor linii podkreślenia różnił się od koloru tekstu: <u style="color: red"><span style="color: black">To jest czarne podkreślenie czerwoną linią</span></u> gdzie w miejsce wyróżnionych wyrazów należy wpisać definicje...
- Oprawa graficzna / "Duszki" CSS
...tła przy prawej krawędzi zakładki (poprzez podanie poziomej pozycji jako 100%), zapewniając automatyczne dopasowanie szerokości do długość tekstu na zakładce. ul, ul li { display: block; list-style: none; margin: 0; padding: 0; line-height: normal; font-size: 12px; } ul { float: left; width: 100%; border-bottom: 1px solid #365; padding-left: 20px; } ul li { float: left; background: url(obrazek.gif) no-repeat -240px -25px; margin-right: 5px; } ul a:link, ul a:visited...
Operacje na wyrażeniach regularnych - RegExp.prototype / Konwersja na tekst - toString...Wartość: String - reprezentacja tekstowa wyrażenia regularnego Zwraca literał wyrażenia regularnego zapisany w postaci prostego tekstu. Jest to połączenie tekstu "/", wartości właściwości source, ponownie tekstu "/" oraz flag wyrażenia w kolejności: "gim". Przykład RegExp.prototype.toString /(ab)c/ig.toString(); // "/(ab)c/gi" new RegExp("a/b\\(c\\)d\\\\e").toString(); // "/a\/b\(c\)d\\e/"
- Szablon strony na DIV-ach / Responsywny szablon
...powiększeniu strony zwykle trzeba wciąż przewijać ją na boki. Do tego niektóre przeglądarki mobilne nie posiadają funkcji automatycznego zawijania tekstu w długich linijkach, które nie mieszczą się na ekranie, co skrajnie utrudnia czytanie. Czasami sytuację poprawia obrócenie urządzenia do poziomej orientacji ekranu. Ale zwykle to również nie jest mile widziane - zwłaszcza przez użytkowników smartfonów, którzy nie lubią co chwilę żonglować swoim urządzeniem 😉 Jeśli traktujesz poważnie...
- Tekst HTML / Komentarz HTML
...wprowadzić inne informacje, które nie muszą być wyświetlane na ekranie, ponieważ mogłyby spowodować zaciemnienie właściwej treści. Do wprowadzenia tekstu, który jest niewidoczny na ekranie, ale istnieje w źródle dokumentu, służy właśnie komentarz. Cały tekst który zostanie do niego wpisany będzie zignorowany przez przeglądarkę, ale może przechowywać ważne informacje dla autora strony (np. prawa autorskie). Oczywiście wewnątrz komentarza zwykłe znaczniki nie są interpretowane (chociaż można...
- Komendy HTML 4.01 / BASEFONT
...CLASS="klasa" Przypisuje nazwę klasy (CSS) lub nazwy klas do elementu, które muszą być rozdzielone białymi znakami COLOR="kolor" Ustala kolor tekstu (zdeprecjonowane) DIR="kierunek" Kierunek tekstu: ltr - od lewej do prawej rtl - od prawej do lewej FACE="czcionki" Lista nazw czcionek rozdzielonych przecinkami, która będzie użyta do tekstu (zdeprecjonowane) ID="nazwa" Przypisuje nazwę elementowi (identyfikator), która nie może się powtarzać w całym dokumencie LANG="język...
- 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...