tekstu - Kurs HTML i CSS
Format wymiany danych - JSON / Przekształcanie obiektów JavaScript na JSON - stringify...Argument space pozwala wygenerować tekst w formie czytelniejszej dla człowieka. Kolejne klucze danych są wtedy zapisane w oddzielnych linijkach tekstu. Poza tym każda z linijek ma odpowiedni poziom wcięcia - w zależności od jej stopnia zagnieżdżenia. Przy czym długość pojedynczego wcięcia nigdy nie przekroczy 10 znaków, nawet jeśli podamy więcej. Jeżeli space jest liczbą, wcięcia są wykonywane przy pomocy podanej liczby spacji. Jeżeli space jest tekstem, zostanie on wprost użyty jako...
Tekst HTML / Ćwiczenia...będzie się rozpoczynać odpowiednim tytułem. Zwróć uwagę, że znacznik tytułu nie umieszcza się wewnątrz akapitu, ale przed nim. Odszukaj fragmenty tekstu, które zasługują na szczególne podkreślenie ich znaczenia. Oznacz je w miarę potrzeb znacznikami EM lub STRONG. Sprawdź, czy podczas wcześniejszych ćwiczeń w prawidłowy sposób został przez Ciebie użyty znacznik pogrubienia. Dodaj do swojej strony przynajmniej jeden cytat lub blok cytowany. Jeżeli Tworzysz stronę o sobie, może to być np...
- HTML dla zielonych / Ćwiczenia
...stronę (klawisz F5), aby zobaczyć efekty. Wróć do edytora HTML. Podziel tekst na akapity, tak aby był wygodniejszy w czytaniu. Wybierz fragmenty tekstu, na które Twoim zdaniem czytelnik powinien zwrócić szczególną uwagę i umieść je w znacznikach pogrubienia. Dodaj do strony ilustracje. W przypadku zdjęć i grafik należy szczególnie pamiętać o poszanowaniu praw autorskich! Nie każdy obrazek można sobie swobodnie skopiować na swoją stronę, jeżeli autor nie wyraził na to zgody. Jeśli tworzysz...
CSS dla zielonych / Wstawienie arkusza stylów CSS <link "stylesheet">...nie jest piękne? Już nigdy więcej nie będzie Cię czekać żmudne przerabianie każdej podstrony tylko po to, aby zmienić na niej np. kolor albo rozmiar tekstu 🙂 Dla zainteresowanych Jeśli chcesz dowiedzieć się więcej na temat dodatkowych możliwości wstawiania stylów CSS na stronach internetowych, zobacz rozdział: Wstawianie stylów. Pytania i odpowiedzi <link "stylesheet"> Jak dodać styl CSS? Najbardziej zalecanym sposobem wstawienia stylów CSS jest dodanie arkusza stylów do dokumentu...
Typy MIME / Multipurpose Internet Mail Extensions...on jednak na tyle, że aktualnie jest niekwestionowanym standardem we wszystkich usługach internetowych, gdzie podstawowym zadaniem było przesyłanie tekstu, a pojawiło się zapotrzebowanie przesyłania danych innego typu. Przed każdym plikiem czy dokumentem, przesyłanym przez sieć WWW, dołączane są specjalne dane zwane nagłówkiem HTTP, w którym znajduje się m.in. typ MIME (Content-Type). To właśnie dzięki niemu przeglądarka użytkownika wie, co ma dalej zrobić z plikiem: jeżeli jest to dokument...
- Komendy CSS3 / Podstawowy interfejs użytkownika CSS
...elementy zastępowane takie jak obrazki, wideo, ramki lokalne Dziedziczenie nie Procenty nie Media visual text-overflow Przepełnienie tekstu Wartość clip | ellipsis Inicjalizacja clip Zastosowanie elementy blokowe Dziedziczenie nie Procenty nie Media visual
- Komendy CSS3 / Czcionki CSS
...normal Zastosowanie wszystkie elementy Dziedziczenie tak Procenty nie Media visual font-variant-east-asian Wyświetlanie wschodnioazjatyckiego tekstu Wartość normal | [ <east-asian-variant-values> || <east-asian-width-values> || ruby ] Inicjalizacja normal Zastosowanie wszystkie elementy Dziedziczenie tak Procenty nie Media visual font-variant-ligatures Wariant połączenia znaków czcionki Wartość normal | none | [ <common-lig-values> || <discretionary-lig-values>...
- Czcionki CSS / Wariant liczb czcionki {font-variant-numeric}
...samej kolumnie tabeli były ze sobą wyrównane. Można to uzyskać za pomocą czcionki monotypicznej, ale jej wygląd nie zawsze musi pasować do reszty tekstu. Dlatego czasami lepsze efekty daje przekształcenie znaków cyfr w bieżącej czcionce w taki sposób, aby wszystkie zajmowały taką samą szerokość. Pozwala na to wariant czcionki: tabular-nums. Niestety nie każda czcionka udostępnia wszystkie warianty formatowania liczb. Niedostępne mogą być zwłaszcza warianty: ordinal, slashed-zero i...
- CSS dla zielonych / Ramki z tekstem CSS {background-color, padding, padding-top, padding-bottom, padding-left, padding-right, border-width, border-style, border-color, border-radius}
...wystarczy w arkuszu stylów zdefiniować każda klasę z inną nazwą. Pytania i odpowiedzi {border-style, background-color} Jak zrobić obramowanie tekstu w CSS? Aby obramować tekst, musimy wykonać dwa kroki. Najpierw w arkuszu stylów CSS wstawiamy następujący kod: .obramowanie { border-style: solid; } - zwracam uwagę, że na początku tego kodu znajduje się znak kropki, a po nim nie może być spacji! Następnie w kodzie HTML wystarczy objąć znacznikiem wybrany tekst: <div...
- Dziedziczenie stylów CSS / Wymuszenie dziedziczenia {...: inherit}
...Do elementów podrzędnych tego akapitu został jednak przypisany drugi styl. Dzięki niemu jeśli umieścimy pogrubienie wewnątrz pochylenia, jego kolor tekstu oraz tła przyjmą wartość "inherit". Zatem zostaną odziedziczone z akapitu (tekst będzie zielony). Dla zainteresowanych Powyższy efekt został uzyskany przy pomocy selektora typu i selektora potomka umieszczonych w arkuszu stylów: p { color: green; } p b { color: white; background-color: blue; } p i b { color: inherit; background-color...