przykład html - Kurs HTML i CSS
Formularze HTML / Przykład formularza HTMLJeś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>...
- HTML dla zielonych / Edytory HTML
...Do pisania kodu HTML najlepiej użyć dedykowanego edytora. Istnieje wiele darmowych i płatnych edytorów HTML dla różnych systemów operacyjnych. Na przykład: Pajączek, CoreEditor, Bluefish, Brackets, PSPad, gedit, Kate, Quanta Plus, SCREEM, Smultron. Jaki edytor HTML? Brackets to jeden z lepszych edytorów HTML. Posiada szereg wbudowanych funkcji przydatnych przy tworzeniu stron internetowych. Obsługuje instalowanie darmowych rozszerzeń, które mogą dodatkowo zwiększyć jego możliwości...
- XHTML / Typy MIME dokumentów XHTML
...typem MIME innym niż text/html) nie wyświetli się, jeżeli będzie zawierał błędy XML! Takim błędem może być np. przeplatanie znaczników: <p>To jest przykład błędnego kodu XML: wewnątrz paragrafu jest <em>emfaza.</p></em> Po wpisaniu takiego kodu, zamiast spodziewanej strony, ujrzymy komunikat błędu ze wskazaniem linii, w której on wystąpił. Pozornie takie działanie może być niewygodne, ale tak naprawdę to jest mechanizm, na który od dawna czekali bardziej zaawansowani webmasterzy. Dzięki...
- Widżety HTML / Szablon strony bez ramek
...który nie posiada 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...
Dobre praktyki / Przykazania webmastera...kodu źródłowego w celu jego stylizacji. Tam gdzie to tylko możliwe, używaj znaczników, które najbardziej szczegółowo oddają znaczenie elementów Na przykład znacznik dfn niesie ze sobą więcej informacji o znaczeniu elementu niż em, a tym bardziej i. Lepiej oznaczony kod, to później łatwiejsza jego stylizacja, a zwykle dodatkowo lepsza pozycja w wyszukiwarkach i większa dostępność strony - np. dla osób niewidomych. W dokumentach używaj tylko tyle znaczników i atrybutów, ile faktycznie jest...
- Nagłówek i treść HTML / Język strony <html lang, link hreflang>
...bieżącego dokumentu w podanym języku. Polecenie to może być przydatne, jeśli tłumaczymy artykuły w naszym serwisie na kilka różnych języków. Na przykład podstawową wersją może być język polski, ale udostępniamy również język angielski. Możliwe jest oczywiście wskazanie więcej niż jednej alternatywnej wersji językowej. W takim przypadku wystarczy dodać kilka takich znaczników - każdy dla innego języka. Zwracam uwagę, że w dokumencie HTML może się znajdować tylko jeden znacznik <head>...
- HTML dla zielonych / Wstawienie obrazka HTML <img src alt>
...wstawianiu obrazków na stronach internetowych, zobacz rozdział: Multimedia / Obrazek. Przykład <img> Ścieżka dostępu <img> Poniżej znajdziesz przykłady poprawnych ścieżek dostępu, dla różnych struktur katalogów na dysku. We wszystkich przypadkach naszym zamiarem będzie wstawienie obrazka o nazwie plik.gif do dokumentu strona.html - drogę "przejścia" zaznaczono kolorem zielonym i strzałkami. Przy tworzeniu ścieżki zawsze "startujemy" od strona.html i zmierzamy do plik.gif. Plik...
- Tryb Quirks / Tryb niecałkowitej zgodności ze standardami
...ze standardami W3C: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> Tryb Quirks - niecałkowitej zgodności: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <!DOCTYPE HTML...
- Widżety HTML / Wczytywanie strony do ramki lokalnej <a target>
...się w miejsce pliku "ramka1.html"</a> <a href="...">Ten link załaduje się w miejsce pliku "ramka2.html"</a> Przykład <a target> Zobacz powyższy przykład Wczytanie stron do dwóch ramek Jak łatwo zauważyć, za pomocą pojedynczego odsyłacza można wczytać nową stronę tylko do jednej ramki jednocześnie. Jeśli chcielibyśmy aby po kliknięciu odnośnika zmieniła się zawartość dwóch (lub więcej) ramek, można w tym celu użyć JavaScriptu: <a href="javascript:void(0)...
- XHTML / Wymagania stawiane dokumentom XHTML
...a jednocześnie kodowanie nie jest określone przez żaden protokół wyższego rzędu, jak np. nagłówek HTTP "Content-Type" wysyłany przez serwer. Oto przykład typowego dokumentu XHTML (1.0) z dołączoną deklaracją XML: <?xml version="1.0" encoding="ISO-8859-2"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="pl"> <head> <title>Tytuł dokumentu</title> </head> <body>...