przeglądarki - Kurs HTML i CSS
Widżety HTML / Szablon strony bez ramek...strony wstawia się ramkę lokalną, gdzie wczytuje się zawartość poszczególnych podstron. Taki sposób niestety posiada poważną wadę: na pasku adresu przeglądarki wyświetla się cały czas taki sam adres. Powoduje to problemy z dodaniem wybranej podstrony do ulubionych oraz choćby przekazaniem wprost jej adresu znajomemu. Ponadto odświeżenie takiej strony zawsze powoduje powrót na stronę główną serwisu. Istnieje jednak alternatywny sposób, który nie posiada tych wad. Z każdego szkieletu strony...
- Nagłówek i treść HTML / Ikona strony <link "shortcut icon">
...w głównym katalogu na serwerze WWW, czyli np. http://www.example.com/favicon.ico (Internet Explorer, Firefox, Opera 12-). Niestety niektóre przeglądarki pobierają ikonę strony tylko raz, a później rzadko jest ona odświeżana (albo nawet wcale). Dlatego zanim wprowadzimy taki dodatek, warto go wcześniej dobrze dopracować. Przy tworzeniu ikony strony HTML możesz również skorzystać ze specjalnego generatora zamieszczonego tutaj. Dzięki niemu w kilka minut skonfigurujesz własną grafikę na...
- Nagłówek i treść HTML / Tytuł strony <title>
...był zbyt długi (najwyżej kilka wyrazów). Powinien on również odnosić się do treści zawartych na danej stronie. Tytuł pojawia się na belce tytułowej przeglądarki internetowej (na samej górze okna programu, na karcie ze stroną), a także w wyszukiwarkach sieciowych, po odnalezieniu Twojej strony - dlatego właśnie nie może on być zbyt długi. Trafny tytuł może również zachęcić internautów do obejrzenia Twojej strony. Taki sam tytuł na wszystkich podstronach serwisu nie jest dobrym pomysłem, a...
- Tekst HTML / Komentarz HTML
...dalszy... </p>--> Pytania i odpowiedzi Jak zrobić komentarz? Komentarze w języku HTML to fragmenty tekstu, które nie wyświetlają się w oknie przeglądarki, ale są widoczne po włączeniu podglądu kodu źródłowego strony (np. po wciśnięciu kombinacji klawiszy Ctrl+U). Na początku komentarza należy umieścić: <!--, natomiast na jego końcu: -->. Mogą się one bez przeszkód rozciągać na wiele linijek. Czy istnieje możliwość umieszczenia znaczników HTML wewnątrz komentarzy? Tak, znaczniki...
- Odsyłacze HTML / Do etykiety <a id>
...testowa etykieta Odsyłacz drugiego rodzaju (do etykiety "#wstep" na stronie "przegladarki.html" - spójrz na pasek stanu przeglądarki po wskazaniu odsyłacza myszką): Przeglądarki - wstęp... Pytania i odpowiedzi <a id> W jaki sposób przejść do etykiety w innym dokumencie? Wystarczy w odnośniku po adresie strony wstawić znak krzyżyka (skrót klawiaturowy Shift+3), a po nim nazwę etykiety, która znajduje się na stronie docelowej. Ten sposób działa zarówno z...
Odsyłacze HTML / Ćwiczenia...i podlinkuj do pełnowymiarowych wersji zdjęć. Użyj przy tym atrybutu target="_blank", który otworzy zdjęcie w nowym oknie (nowej karcie przeglądarki). Nie musisz w tym celu tworzyć żadnych nowych podstron. Wystarczy że jako odnośnika użyjesz po prostu lokalizacji pliku z dużym zdjęciem. Otwórz stronę w przeglądarce internetowej i spróbuj kliknąć w dowolną tak przygotowaną ilustrację. Jeśli wszystko zostało wykonane prawidłowo, w nowej karcie przeglądarki powinno się otworzyć...
- Multimedia HTML / Osadzenie pliku <embed>
...teoretycznie może odtwarzać nowe formaty plików multimedialnych. Wtyczka (czyli plug-in) to specjalny niewielki program, który można doinstalować do przeglądarki, zwiększając jej możliwości. Po wywołaniu polecenia, wprost na stronie powinno zostać wyświetlone okno (o podanych rozmiarach), w którym będzie odtwarzany wskazany plik. Należy pamiętać, że pliki multimedialne mają zwykle duże rozmiary, dlatego najlepiej na początku strony umieścić tekst, a dopiero na końcu polecenie <embed>. W takim...
- Widżety HTML / Wczytywanie strony do ramki lokalnej <a target>
...atrybut, a efekt będzie ten sam) "_top" - strona zostanie wczytana w miejsce głównego dokumentu w hierarchii, czyli zmieni się adres w pasku adresu przeglądarki "_parent" - strona zostanie wczytana w miejsce nadrzędnego dokumentu w hierarchii "_blank" - strona zostanie załadowana w nowej karcie przeglądarki Atrybuty target="_top" i target="_parent" działają bardzo podobnie. Różnice można zauważyć dopiero w przypadku większej liczby zagnieżdżonych ramek - np. strona w stronie w stronie...
- Formularze HTML / Selektor plików <input "file">
...do listu (formularza). Wtedy dla znacznika <form>...</form> należałoby dodatkowo użyć atrybut enctype="multipart/form-data". Niestety nowe przeglądarki generalnie nie interpretują tego polecenia w przypadku prostego formularza pocztowego. Dla zaawansowanych Wysyłanie plików w załączniku jest natomiast obsługiwane m.in. przez PHP (należy wtedy dla znacznika <form>...</form> konieczne podać atrybut: enctype="multipart/form-data"). W języku HTML5 możliwe jest ustawienie opcji...
- Formularze HTML / Przykład formularza HTML
...name="Muzyka" value="Inna">Inna (podaj jaka): <input name="Muzyka"> <!-- Lista rozwijalna (typ podstawowy) z zaznaczoną opcją domyślną --> <p>Jakiej przeglądarki internetowej używasz?</p> <select name="Przeglądarka"> <option selected>Chrome</option> <option>Opera</option> <option>Firefox</option> <option>Edge</option> <option>Inna</option> </select> <!-- Lista rozwijalna (typ rozszerzony) z zaznaczoną opcją domyślną i zmniejszoną wysokością --> <p>Jakie znasz systemy operacyjne (możesz...