html znaki - Kurs HTML i CSS
Selektory pseudoklas CSS / Pseudoklasy cykliczne :nth-child :nth-last-child :nth-of-type :nth-last-of-type...Zapis Gdy A=1 lub A=-1 wpisywanie liczby przed n można pominąć: selektor:nth-child(-n) { cecha: wartość } Jawne oznaczanie liczby A dodatnim znakiem nie jest wymagane, ale można to zrobić: selektor:nth-child(+2n) { cecha: wartość } Białe znaki (np. spacje) są dozwolone po otworzeniu i przed zamknięciem nawiasu selektora: selektor:nth-child( odd ) { cecha: wartość } Można je również wstawiać przed i po znaku sumy bądź różnicy we wzorze: selektor:nth-child(-2n + 10) { cecha: wartość...
Promocja strony WWW / Pozycjonowanie (SEO)...nie mogą być oderwane od właściwej treści strony, bo może to zostać uznane za spam. Główną rolę grają słowa kluczowe na stronie głównej (index.html), ale nie należy ich pomijać na pozostałych stronach, bo stanowią one dodatkową szansę na nowe odwiedziny serwisu. Na każdej podstronie wyrazy kluczowe powinny być inne - odpowiednie do treści, która się tam znajduje. Nie należy zbyt często powtarzać jednakowych słów kluczowych na tej samej stronie, bo większość wyszukiwarek uznaje to za...
Indeks, wyszukiwarka / Skrypt indeksu, wyszukiwarki...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 komentarza! (Do NOT remove this comment!) */ function Indeks(id, ramka) { this.id = id; if (typeof ramka == 'undefined') this.ramka = self; else if (typeof ramka == 'string') { if (ramka == '_blank') this.ramka = ''; else if (ramka == '_self') this.ramka = self; else if (ramka...
- Wstawianie stylów CSS / Wewnętrzny arkusz stylów <style>
...które nie obsługują stylów. Aktualnie jednak trudno znaleźć przeglądarkę, która nie potrafiłaby zinterpretować znacznika STYLE. Oczywiście znaki <!-- oraz --> znajdujące się na początku i na końcu arkusza, nie są znakami komentarza stylów lecz HTML i nie można ich używać wewnątrz arkusza w innych miejscach niż podane! W języku XHTML ukrywanie arkusza CSS w komentarzach <!-- ... --> jest niezalecane. XHTML jest zgodny z XML, gdzie panuje zasada, że przed etapem właściwego parsowania...
- Wykaz generatorów
...Dzięki temu generatorowi możesz szybko wyszukać i pobrać darmowe ikony na stronę w bazie kilku tysięcy piktogramów. Unicode Wszystkie (65536) znaki systemu Unicode. Generator gradientów CSS Już nie musisz korzystać z żadnego edytora graficznego, aby wstawić na swoją stronę tło z kolorowymi gradientami. Teraz możesz błyskawicznie skomponować nawet najbardziej złożony efekt. Generator obramowania CSS W kilka minut stwórz tekst ujęty w estetyczną ramkę z tłem, obramowaniem...
- Menu drzewiaste / Skrypt menu drzewiastego
...underline; } Dodatkowo w tym samym katalogu utwórz plik tree.js i zapisz w nim: /** * @author Sławomir Kokłowski {@link https://www.kurshtml.edu.pl} * @copyright NIE usuwaj tego komentarza! (Do NOT remove this comment!) */ function Tree(id) { this.id = id; var url = unescape(window.location.href.replace(/#.*/, '')); var base = window.location.protocol + '//' + window.location.host + window.location.pathname.replace(/[^\/\\]+$/, ''); this.click = function () { for...
- Tekst HTML / Komentarz HTML
...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 widoczne na ekranie, to nadal figurują w...
- Menu rozwijane, otwierane, wysuwane / Kolekcje dokumentów
...w którym podaje się listę adresów URL wszystkich części podzielonego artykułu: <dl id="menu0"> <dt>Nagłówek 1</dt> <dd><a href="czesc1.html" rel="Collection(czesc2.html,czesc3.html)">Artykuł stronicowany</a></dd> <dd><a href="...">Dokument 2</a></dd> <dd><a href="...">Dokument 3</a></dd> </dl> Zwracam uwagę, że w nawiasie nie może być żadnych spacji - nawet po znaku przecinka! Jeśli w nazwie plików z kolekcji znajduje się spacja, należy ją zastąpić przez: %20. Podobnie znaki...
- Formularze HTML / Wysłanie formularza bez programu pocztowego
...dokumentu wstawić poniższy kod zawierający formularz. Ważne jest tylko, aby plikowi nadać rozszerzenie *.php (czyli np. formularz.php), a nie *.html. Jeżeli nie dopełnisz tego warunku, skrypt nie zadziała! <?php if ($_POST) { ////////// USTAWIENIA ////////// $email = 'adres e-mail gdzie wysłać formularz'; // Adres e-mail adresata $subject = 'temat'; // Temat listu $message = 'Dziękujemy za wysłanie formularza'; // Komunikat $error = 'Wystąpił błąd podczas wysyłania...
- Odsyłacze HTML / Do podstrony <a href>
...pomocniczy w "dymku" narzędziowym. Można tam podać np. szerszy opis strony, do której ma nastąpić przeniesienie, np. po wpisaniu: <a href="../index.html" title="Do strony głównej">Strona główna</a> Otrzymamy (wskaż odsyłacz myszką, aby zobaczyć opis): Strona główna Nowe okno <a href "_blank"> Jeśli chcesz, aby po kliknięciu odsyłacza otworzyło się nowe okno, wpisz następujący kod (dotyczy to również pozostałych typów odsyłaczy przedstawionych na tej stronie): <a target="_blank...