windows - Kurs HTML i CSS
Języki / Strony kodowe...znaków! Czy chcesz, aby Twoja strona WWW wyglądała nieprofesjonalnie? Strony kodowe Strona kodowa Nazwa Języki iso-8859-1 windows-1252 zachodnioeuropejski afrykanerski (af), albański (sq), baskijski (eu), kataloński (ca), duński (da), niderlandzki (nl), angielski (en), fareski (fo), fiński (fi), francuski (fr), galicyjski (gl), niemiecki (de), islandzki (is), irlandzki (ir), włoski (it), norweski (no), portugalski (pt), szkocki (gd), hiszpański (es), szwedzki (sv)...
- HTML dla zielonych / Edytory HTML
...koloru. Cała treść w zwykłym edytorze tekstu jest jednolita, co sprawia, że nie zauważymy błędów. Jeśli do tworzenia dokumentów HTML użyjesz np. windowsowskiego Notatnika (popularny Notepad), to polskie znaki diakrytyczne (czyli popularne "ogonki") mogą zostać błędnie zapisane - w przeglądarce internetowej pojawią się w ich miejscu "krzaczki". Na różnych forach i grupach dyskusyjnych czasem można spotkać trochę żartobliwe wypowiedzi typu: Prawdziwy webmaster nie używa żadnych dodatkowych...
- Formularze HTML / Forma odszyfrowana <form enctype accept-charset>
...przykład, jeśli nasza strona jest zapisana przy użyciu kodowania znaków utf-8, ale wiemy, że system, do którego wysyłamy formularz używa kodowania windows-1250, powinniśmy wpisać: <form action="..." accept-charset="windows-1250">...</form> Niestety atrybut accept-charset="..." nie jest cudownym sposobem na zachowanie prawidłowych polskich znaków diakrytycznych w prostych formularzach pocztowych 🙁 Nie wiadomo z jakiego systemu operacyjnego ani z jakiego programu pocztowego korzysta...
- HTML dla zielonych / Rodzaj czcionki HTML <span "font-family">
<span style="font-family: rodzaj">Tu wpisz tekst</span> lub <span style="font-family: rodzaj1, rodzaj2, rodzaj3...">Tu wpisz tekst</span> gdzie zamiast rodzaj, rodzaj1, rodzaj2, rodzaj3... należy wpisać rodzaje czcionek (np.: Arial, 'Courier New', 'Times New Roman', Verdana i inne). Jeżeli nazwa czcionki składa się z kilku wyrazów, to trzeba ją objąć w znaki apostrofu (np.: <span style="font-family: Verdana, 'Times New Roman', Arial">Tekst</span>). W miejsce kropek można wpisać dalsze rodzaje...
- Ikony (symbole) / Sprzęt
...keyboard_arrow_down Drukuj print print Komputer computer computer Urządzenia devices devices Komputer stacjonarny Windows desktop_windows desktop_windows DNS dns dns Inteligentny wyświetlacz smart_display smart_display Klawiatura backspace keyboard_backspace keyboard_backspace Słuchawki headphones headphones Inteligentna zabawka smart_toy smart_toy Telefon Android phone_android phone_android Pamięć memory memory Klawiatura strzałka w prawo keyboard_arrow_right...
- Odsyłacze HTML / Odsyłacz pocztowy <a "mailto">
(e-mail) Spis treści <a "mailto"> Odsyłacz pocztowy <a "mailto"> Ochrona adresu e-mail Dodatkowe parametry odsyłacza pocztowego Odsyłacz pocztowy <a "mailto"> <a href="mailto:adres e-mail">opis</a> gdzie jako "adres e-mail" należy podać adres poczty elektronicznej osoby, do której ma zostać wysłany list (np.: jan_kowalski@example.com). Dzięki temu odsyłaczowi, użytkownicy oglądający Twoją stronę, będą mogli wysłać list e-mail pod adres podany w poleceniu. Po kliknięciu takiego...
- Formularze HTML / Przykład formularza HTML
Jeśli jeszcze niezbyt dobrze rozumiesz formularze HTML, specjalnie dla Ciebie napisałem ten przykład. Myślę, że po jego przeczytaniu wyjaśni się wiele niezrozumiałych dotąd rzeczy. Natomiast jeżeli chcesz dowiedzieć się więcej na temat dodatkowych możliwości pól formularza użytych w poniższym przykładzie, zobacz rozdziały: Ramy formularza <form> Pole tekstowe <input text> Pole opcji <input radio> Pole wyboru <input checkbox> Lista rozwijalna <select, option> Obszar tekstowy <textarea>...
CSS dla zielonych / Czcionka CSS {font-size, font-family}Podobnie jak w przypadku koloru tła oraz tekstu dobrze jest również ustalić rozmiar i krój czcionki na całej stronie. body { font-size: rozmiar; font-family: rodzaj; } gdzie jako "rozmiar" należy wpisać: xx-small Czcionka najmniejsza x-small Czcionka bardzo mała small Czcionka mała medium Czcionka średnia large Czcionka duża x-large Czcionka bardzo duża xx-large Czcionka największa Natomiast zamiast rodzaj należy wpisać krój czcionki (np.: Arial, 'Courier New', 'Times New Roman...
- HTML dla zielonych / Ramy dokumentu HTML <!doctype, html, head, meta charset "description", title, body>
...FrontPage), koniecznie musisz się przełączyć w tryb bezpośredniej edycji kodu źródłowego HTML. Dodatkowo jeśli używasz zwykłego edytora teksu (np. windowsowskiego Notatnika - Notepad), to niektóre polskie znaki mogą zostanć błędnie zakodowane - zamiast nich pojawią się "krzaczki"! Jeszcze raz radzę zaopatrzyć się w jakiś edytor HTML - najlepiej polski. Większość edytorów HTML przy tworzeniu nowego dokumentu automatycznie wpisuje swój własny szablon - zbliżony do powyższego. Jeśli chcesz...
- HTML dla zielonych / Wpisywanie tekstu HTML
Jeśli chcemy umieścić na stronie WWW zwykły tekst, możemy wpisać go bezpośrednio z klawiatury - w miejsce właściwej treści dokumentu (patrz: Ramy dokumentu). Nie trzeba przy tym stosować żadnych dodatkowych poleceń. Należy jednak pamiętać, że przeglądarka internetowa automatycznie zawinie wszystkie wiersze, dlatego w edytorze HTML tekst możemy wpisywać dowolnie, np. po wpisaniu: To jest zwykły tekst... To jest zwykły tekst... To jest zwykły tekst... To jest zwykły tekst... Na ekranie...