strona - Kurs HTML i CSS
- HTML dla zielonych / Ramy dokumentu HTML <!doctype, html, head, meta charset "description", title, body>
...linijek, które znajdują się na stronie. Ciekawy, ale niezbyt długi opis może zachęcić internautów do odwiedzenia Twojego serwisu! Każda pojedyncza strona, która znajduje się w serwisie, powinna mieć swój własny opis, przedstawiający jej treść. Pomiędzy <title> oraz </title> (w miejsce tekstu: Tu wpisz tytuł strony) należy wpisać tytuł, jaki będzie nosiła Twoja strona. Może on zawierać dowolny tekst, zaleca się jednak, aby nie był zbyt długi (najwyżej kilka wyrazów). Powinien on odnosić się...
- Widżety HTML / Szablon strony bez ramek
...tych wad. Z każdego szkieletu strony można wydzielić powtarzające się fragmenty w postaci nagłówka oraz stopki szablonu. Na przykład, jeśli Twoja strona główna wygląda tak: <!doctype html> <html lang="pl"> <head> <meta charset="utf-8"> <title>Tytuł strony</title> </head> <body> <ul> <li><a href="...">Link</a></li> <li><a href="...">Link</a></li> <li><a href="...">Link</a></li> </ul> Właściwa zawartość strony... </body> </html> Kolorem czerwonym zaznaczono nagłówek...
- XHTML / Typy MIME dokumentów XHTML
...sobie znać, a zatem najprawdopodobniej pozostałby niezauważony. Każda przeglądarka HTML stara się "korygować" tego typu pomyłki webmasterów tak, aby strona mogła się wyświetlić. Jednak nigdy nie ma pewności, że dany rodzaj błędu zostanie identycznie skorygowany w każdej możliwej przeglądarce, a co za tym idzie, strona może się wyświetlać na różne sposoby - niekoniecznie tak, jak w zamierzeniu życzył sobie tego autor. Innym skutkiem używania typu MIME innego niż "text/html" jest zaprzestanie...
- Nagłówek i treść HTML / Język strony <html lang, link hreflang>
...gdzie jako "język" należy podać skrót nazwy wybranego języka. Polecenie to pozwala podać, w jakim języku jest napisana Twoja strona internetowa, np.: pl - polski, en - angielski, de - niemiecki, fr - francuski, it - włoski, es - hiszpański i inne [zobacz: Skróty nazw jezyków]. Nie należy również zapominać o zadeklarowaniu odpowiedniej dla wybranego języka strony kodowej. Zwracam uwagę, że w dokumencie HTML może się znajdować tylko jeden element <html>. Dlatego powyższy...
- Formularze HTML / Hasło <input "password">
...value="OK"> </form> Hasłem w tym przypadku jest nazwa strony bez rozszerzenia, którą chcemy zabezpieczyć. Przykładowo: hasłem do strony tajna_strona.html (która znajduje się w tym samym katalogu co strona główna, czyli tam gdzie wstawiliśmy powyższy skrypt) będzie tajna_strona Należy przy tym pamiętać, że zabezpieczane strony muszą mieć rozszerzenie *.html, a jeśli to niemożliwe, należy zmienić pierwszą linijkę powyższego skryptu w wyróżnionym miejscu. Nie muszę chyba przypominać, że...
- Formularze HTML / Forma odszyfrowana <form enctype accept-charset>
...aby dodać atrybut onsubmit="usun_pl(this)" do znacznika <form>! Strona kodowa formularza <form accept-charset> <form action="..." accept-charset="strona kodowa">...</form> Domyślnie zawartość formularza, wypełniona przez użytkownika, jest wysyłana przy użyciu takiej samej strony kodowej jak określona w dokumencie z formularzem. Może się jednak zdarzyć, że system odbierający dane (np. skrypt PHP albo program pocztowy użytkownika) posługuje się innym kodowaniem znaków. W takiej sytuacji...
- Wstawianie stylów CSS / Zewnętrzny arkusz stylów <link "stylesheet"> @charset
...arkusza jest chyba jedną z największych zalet stosowania stylów. Pozwala nam to zdefiniować takie samo formatowanie określonych elementów na wielu stronach jednocześnie. Dzięki temu, za pomocą tego jednego arkusza, wszystkie nasze strony w obrębie całego serwisu mogą mieć pewne wspólne cechy. Dodatkowo jeśli w ostatniej chwili zdecydujemy się zmienić np. rodzaj czcionki na wszystkich stronach, możemy to zrobić, modyfikując jedynie zewnętrzny arkusz stylów, bez konieczności zmiany każdej...
- Drukowanie CSS / Przełamanie strony {page-break-before, page-break-after}
...w bloku [zobacz: Wstawianie stylów]. Natomiast jako "wartość" należy podać: always - przełamanie zawsze auto - brak ograniczeń left - następna strona formatowana jako lewa right - następna strona formatowana jako prawa avoid - unikanie przełamania Polecenie to wymusza na drukarce natychmiastowe przełamanie strony, czyli zakończenie drukowania na danym arkuszu papieru i przejście do następnego. Pierwsze z nich czyni to przed wybranym elementem (wybranym przez SELEKTOR), a sam element...
- I co dalej... / Płatne serwery
...stajemy się klientami i otrzymujemy to “w pakiecie”. Brak reklam — darmowe serwery często zarabiają na tym, że wyświetlają na utrzymywanych na nich stronach reklamy w formie linków czy banerów. W przypadku płatnych usług oczywiście nie ma to miejsca. Dużo większe zasoby — na darmowych serwerach udostępniane zasoby (dysk, procesor, pamięć) są na zazwyczaj minimalnym wymaganym poziomie, aby strona działała poprawnie. W płatnych hostingach możemy jednak liczyć na znacznie większe zasoby...
- Nagłówek i treść HTML / Autor strony <meta "author", link "author">
Spis treści <meta "author", link "author"> Autor dokumentu <meta "author"> Strona autora <link "author"> Autor dokumentu <meta "author"> <head> <meta name="author" content="Tu wpisz swoje imię i nazwisko"> </head> Polecenie to należy wstawić między znacznikami: <head> oraz </head>. Pozwala ono podać informację o fizycznej osobie będącej autorem strony. Strona autora <link "author"> <head> <link rel="author" href="lokalizacja"> </head> gdzie jako lokalizacja należy podać jedną z...