wstawić tekst - Kurs HTML i CSS
Podcast HTML / #1 HTML dla zielonych...wstawia się za pomocą znacznika <hr>. Znacznik <hr>, podobnie jak <br> i <img>, nie posiada znacznika zamykającego. Wstawienie obrazka Aby wstawić obrazek, używa się znacznika <img>, który wymaga podania względnej ścieżki dostępu do pliku graficznego (atrybut src) oraz tekstu alternatywnego (atrybut alt). Należy zawsze używać względnych ścieżek, a nie bezwzględnych (np. nie "C:\www\..."), a w nazwach plików unikać wielkich liter i polskich znaków. <img src="obrazek.jpg" alt="Tu...
- HTML5 / Responsywny obrazek <picture, source>
...type="...", dzięki któremu przeglądarka sama wybierze sobie pierwszy z kolei, który obsługuje. Na końcu wewnątrz znacznika PICTURE zawsze należy wstawić element IMG w najpowszechniej obsługiwanym formacie graficznym (np. JPEG). Jeśli tego nie zrobimy, w starszych przeglądarkach nie zostanie wyświetlony żaden obrazek. Przykład <picture, source type> <picture> <source srcset="zdjecie.webp" type="image/webp"> <source srcset="zdjecie.jxr" type="image/vnd.ms-photo"> <img src="zdjecie.jpg...
Indeks, wyszukiwarka / Skrypt indeksu, wyszukiwarki...wiedza Odsyłacze do podstrony Wczytywanie stron do ramki lokalnej Podstawy stylów CSS (m.in. arkusze stylów) Skrypt indeksu, wyszukiwarki Aby wstawić na swoją stronę indeks z dodatkową funkcją wyszukiwarki, postępują według poniższych instrukcji: Utwórz w swoim edytorze HTML nowy dokument. Wklej do niego poniższy kod i zapisz w pliku indeks.js (koniecznie użyj kodowania utf-8): /** * @author Sławomir Kokłowski {@link https://www.kurshtml.edu.pl} * @copyright NIE usuwaj tego...
- HTML dla zielonych / Znaczniki HTML
...<b>. Jest on częścią składni języka HTML i pozwala sterować wyglądem strony. Dzięki niemu możesz np. ustalić kolor tła, rodzaj formatowania tekstu, wstawić obrazek czy tabelę itd. Znacznik nie jest widoczny na ekranie. Widoczne są tylko efekty jego działania (np. wstawienie obrazka). Ja sam aby umieszczony powyżej znacznik <b> był widoczny, musiałem się posłużyć pewną "sztuczką" (jeśli nie możesz wytrzymać i już teraz chcesz wiedzieć jaką, zajrzyj na stronę: Znaki specjalne). Ponieważ znaki...
- HTML dla zielonych / Ramy dokumentu HTML <!doctype, html, head, meta charset "description", title, body>
...Jak ustawić polskie znaki w HTML? Aby polskie znaki diakrytyczne poprawnie się wyświetlały, w sekcji nagłówkowej dokumentu HTML należy wstawić deklarację strony kodowej: <meta charset="utf-8">. Ponadto konieczne jest użycie odpowiedniego edytora HTML. Jak zrobić podstrony w HTML? Serwisy internetowe zwykle składają się z wielu podstron. Aby stworzyć podstronę, otwórz dowolny edytor HTML i utwórz w nim nowy plik - dokładnie w taki sam sposób, jak przy tworzeniu strony...
Dobre praktyki / Przykazania webmastera...barwy zdecydowanie nie są polecane. Opublikowanie strony po prostu z czarnym tekstem na białym tle to naprawdę nie jest wstyd 🙂 Jeśli już musisz wstawić tło obrazkowe pod tekstem, unikaj grafik zawierających mocno kontrastujące obszary koloru lub ostre krawędzie. Staraj się nie wstawiać tekstu w zbyt szeroką kolumnę, gdyż jest to niewygodne w czytaniu. Przy przenoszeniu wzroku z końca jednej linijki na początek następnej, można wtedy łatwo się pogubić. Pamiętaj, że coraz popularniejsze są...
- CSS dla zielonych / Wyrównanie tekstu CSS {text-align}
...ale jednocześnie chcielibyśmy, żeby tylko treść wstawiona w akapitach była jednak ustawiona do lewej strony. W tym celu w arkuszu stylów wystarczy wstawić następujący kod: p { text-align: left; }. Jak wyśrodkować w CSS? Jeśli chcemy, aby wszystkie akapity na stronie były ustawione na środku ekranu, to w arkuszu stylów wystarczy wstawić następujący kod: p { text-align: center; }. Możliwe jest również wycentrowanie tylko jednego akapitu. W tym celu trzeba się jednak posłużyć kodem HTML...
- Formularze HTML / Pole tekstowe <input "text">
...tabindex="6"></td> <td><input type="text" name="nazwa9" tabindex="9"></td> </tr> </table> Pytania i odpowiedzi <input "text, number"> Jak wstawić pole tekstowe w HTML? W tym celu do dokumentu HTML wewnątrz znacznika FORM należy wstawić odpowiedni znacznik: <input type="text" name="...">. Jak zrobić pole numeryczne w HTML? Pole numeryczne jest odmianą pola tekstowego, w którym jednak można wpisywać tylko liczby. Aby umieścić go wewnątrz formularza, wystarczy ustawić mu...
- HTML5 / Załącznik <figure, figcaption>
...IMG i FIGCAPTION. Na przykład jeśli plik zdjęcia nazywa się "zdjecie.jpg" i znajduje się w tym samym katalogu co dokument *.html, w którym chcemy go wstawić, można się posłużyć następującym kodem: <figure> <img src="zdjecie.jpg" alt="Tekst zastępczy"> <figcaption>Podpis zdjęcia</figcaption> </figure>. W odróżnieniu od tekstu zastępczego - który jest używany na wypadek, gdyby zdjęcie nie mogło być załadowane - podpis zdjęcia zawsze pojawi się na stronie. Kiedy FIGURE a kiedy ASIDE? Oba te...
- Drukowanie CSS / Typ strony wydruku {page}
...może się jednak zaczynać cyfrą ani myślnikiem. Aby użyć innych znaków, należy je poprzedzić odwróconych ukośnikiem "\". Jako cecha i wartość można wstawić jedną lub więcej deklaracji odpowiednich dla kontekstu strony. Selektorem może być dowolny znacznik blokowy - np. table - tabela. Załóżmy, że nasza strona to np. opracowanie naukowe. Składa się ono przeważnie z tekstu, ale zawiera również kilka rozbudowanych tabel posiadających dużą liczbę kolumn. W takiej sytuacji tekst najlepiej by było...