wstawić tekst - Kurs HTML i CSS
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...
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.
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...
- HTML dla zielonych / Odsyłacz obrazkowy HTML <a href, img src alt "border">
...Na przykład jeśli plik zdjęcia nazywa się "obrazek.jpg" i znajduje się w tym samym katalogu na dysku komputera co dokument *.html, w którym chcemy wstawić odsyłacz obrazkowy, można się posłużyć odpowiednio następującymi znacznikami: <a href="podstrona.html"><img src="obrazek.jpg" alt="Przejdź do podstrony" style="border: 0"></a> (odsyłacz do podstrony), <a href="https://www.google.pl/"><img src="obrazek.jpg" alt="Przejdź do Google" style="border: 0"></a> (odsyłacz do adresu internetowego)...
- Tekst HTML / Komentarz HTML
...wykorzystać. Zaletą takiego sposobu, w stosunku do zwyczajnego usunięcia tekstu z kodu źródłowego strony, jest to, że za jakiś czas możemy ponownie wstawić taki fragment, usuwając tylko znaki komentarza - nie musimy wtedy wpisywać całego kodu od początku: <!--<p> Ten fragment pokazuje przykład, w jaki sposób można używać <b>komentarz HTML</b>... </p>--> Należy jednak pamiętać, aby nie obejmować w ten sposób przesadnie długich fragmentów strony, ponieważ niezależnie od tego, że nie są one...
- Tabele HTML / Komórki nagłówkowe tabeli <th>
...TH w HTML? Jest to znacznik służący do wstawiania komórek nagłówkowych w tabeli. Jak zrobić nagłówek w tabeli HTML? W tym celu wystarczy wstawić normalny wiersz na początku tabeli, ale zamiast znaczników TD dodać w nim elementy TH. Na przykład, aby utworzyć dwukolumnową tabelę składającą się z jednego wiersza nagłówka i dwóch zwykłych wierszy, można się posłużyć następującym kodem: <table> <tr> <th>nagłówek, kolumna 1</th> <th>nagłówek, kolumna 2</th> </tr> <tr> <td>wiersz 1...