wstawić tekst - Kurs HTML i CSS
Odsyłacze HTML / Odsyłacz obrazkowy <a href, img>...ikony graficzne do pobrania, które możesz wykorzystać przy tworzeniu odsyłaczy obrazkowych, znajdziesz w rozdziale: Ikony (symbole). Jeśli chcesz wstawić kilka odsyłaczy na jednym obrazku, zobacz rozdział: Mapa odsyłaczy. Natomiast aby dowiedzieć się więcej o wstawianiu obrazków na stronie, zapoznaj się z: Multimedia / Obrazek. Tekst alternatywny (atrybut alt="..." dla znacznika <img>) jest informacją dla przeglądarek tekstowych, które nie wyświetlają grafiki. Dzięki temu również w takich...
Układ wielokolumnowy CSS / Linia rozdzielająca kolumn {column-rule-color, column-rule-style, column-rule-width, column-rule}...przeczytać cały tekst oraz już na pierwszy rzut oka widział, że treść w ogóle jest podzielona na kolumny. Wtedy możemy pomiędzy sąsiednimi kolumnami wstawić dodatkowo pionową linię rozdzielającą. Jest ona wyświetlana zawsze na środku przestrzeni między kolumnami. Sama linia rozdzielająca nie zabiera miejsca z szerokość elementu wielokolumnowego. Jeśli jej grubość będzie większa niż szerokość odstępu kolumn, wyświetli się pod tekstem znajdującym się w kolumnach. W obecnej wersji specyfikacja...
- Podcast HTML / #7 Widżety HTML
...takim sytuacjom, możemy poinformować użytkownika, że spis treści znajduje się na innej stronie. Wyświetlenie ostrzeżenia z odsyłaczem Należy wstawić kod JavaScript bezpośrednio po znaczniku otwierającym BODY: <script>if (self == parent) document.write('<div align="center"><b>UWAGA!</b> To jest tylko ramka - wróć do <a href="index.html"><b>STRONY GŁÓWNEJ</b></a></div><hr><br><br>');</script> Jeśli strona zostanie wczytana poza ramkami, wyświetli się tekst z odsyłaczem do strony...
- Tekst HTML / Tekst preformatowany <pre>
...w długich linijkach ciężko się czyta, ponieważ trzeba często przewijać stronę na boki. Aby tego uniknąć można w odpowiednich miejscach wstawić znaczniki WBR. Przykład <pre> Ten tekst jest preformatowny dlatego możemy używać tabulatora, dodatkowych spacji oraz znaków końca linii.
Aktualizacja / Data aktualizacji strony...mówiąc już o tym, że jest to bardzo uciążliwe - szczególnie w przypadku większej ilości stron. Aby pozbyć się wszystkich tych problemów, wystarczy wstawić na każdą ze stron prościutki "skrypcik" (programik), który automatycznie wypisze datę ostatniej modyfikacji strony. UWAGA! Skrypt tego typu nie zawsze działa! Informacja o dacie modyfikacji dokumentu pochodzi z nagłówka HTTP wysyłanego przez serwer WWW, na którym znajduje się strona. Ponieważ wysyłanie tych nagłówków nie jest obowiązkowe...
- Czcionki CSS / Czcionki osadzone @font-face
...arkuszy CSS. Nie jest to jednak najlepsze rozwiązanie, ponieważ wydłuża czas potrzebny na załadowanie strony za pierwszym razem. Zwykle korzystniej wstawić tylko jeden arkusz, a w adresie podać po znaku "pipe" ("|") nazwy wszystkich potrzebnych czcionek (z ewentualnymi nazwami wersji - nie ma natomiast możliwości określenia osobnego alfabetu dla każdej czcionki), np.: <head> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=rodzaj1:bold,italic|rodzaj2"> </head> Nie...
- Multimedia HTML / Obrazek HTML <img>
...zwiększenia rozmiaru pliku albo znacznego pogorszenia jakości obrazu. Dlatego jeśli nie wiesz który wybrać, przetestuj wszystkie. Jeżeli chcesz wstawić obrazek, który nie jest prostokątem, można w tym celu użyć formatu GIF (lub PNG). Obszary, które mają być niewidoczne, należy narysować innym kolorem, a następnie w programie graficznym ustawić ten kolor jako przezroczysty (transparent). Uwaga: format JPG (oraz BMP) nie obsługuje przezroczystości! Podobny efekt można co prawda uzyskać...
- HTML5 / Napisy do filmów <track>
...tekstu Do tekstu napisów można wprowadzać nawet podstawowe formatowanie tekstu. Obsługiwane są następujące znaczniki HTML: B, I, U. Aby wstawić do napisu znak mniejszości, większości lub ampersand ("&"), należy się posłużyć znanymi z języka HTML encjami: <, >, &. Stylizacja napisów (interpretuje: Opera, Chrome) To jeszcze nie koniec. Można nawet zmienić wygląd napisów przy pomocy stylów CSS. Obsługiwane powinny być następujące własności: color, opacity, visibility...
- Wykazy CSS / Niestandardowy typ stylu wykazu @counter-style
...wygląd jego wyróżników. Aby utworzyć swój niestandardowy typ stylu wykazu, najpierw w arkuszu stylów (wewnętrznym lub zewnętrznym) należy wstawić jego definicję: @counter-style typ { system: algorytm; cecha: wartość; } Typ określa nazwę, którą potem będziemy się posługiwać przypisując tak zdefiniowany typ stylu do wybranych wykazów na stronie - np.: ol { list-style-type: typ; } Warto pamiętać, że jeśli chcemy przypisać tak utworzony typ stylu do wielu wykazów na stronie...
- Szablon strony na DIV-ach / Responsywny szablon
...Arkusze Stylów (CSS). Można to zrobić w trzech prostych krokach opisanych poniżej. Skalowanie Aby stworzyć stronę responsywną, najpierw musimy wstawić w nagłówku dokumentu, tzn. w dowolnym miejscu pomiędzy znacznikami <head> i </head>, następuje polecenie: <meta name="viewport" content="width=device-width, initial-scale=1"> Oznacza ono, że przeglądarka mobilna nie musi pomniejszać strony, ponieważ to my zadbamy o to, aby strona była wygodna w odbiorze na urządzeniach przenośnych...