stronie - Kurs HTML i CSS
Menu drzewiaste / Skrypt menu drzewiastego...W jednym dokumencie nie może być dwóch elementów z takim samym atrybutem id="...". Dlatego jeżeli chcemy wstawić drugie menu na tej samej stronie, trzeba dla niego użyć już zmodyfikowanego kodu, np.: <ul id="tree1" class="tree"> ... </ul> <script> new Tree("tree1"); </script> Aby menu prezentowało się w pełni funkcjonalnie, trzeba jeszcze przygotować trzy grafiki ikon i zapisać je w tym samym katalogu, co skrypt menu. Na przykład: closed.gif - przedstawia ikonę zamkniętego...
- Skórki
...link.setAttribute('href', url != '' ? url : original); } } this.show(); } var skin = new Skin(); Następnie na każdej podstronie serwisu, zaraz pod znacznikiem <link>, dołączającym domyślny zewnętrzny arkusz stylów, dodaj odwołanie do utworzonego właśnie pliku skin.js - za pomocą znacznika <script>...</script>: <link rel="stylesheet" href="style.css"> <script src="skin.js"></script> Ostatnim krokiem będzie przygotowanie specjalnej podstrony, na której będą...
HTML dla zielonych / Odsyłacz obrazkowy HTML <a href, img src alt "border">...i odpowiedzi <a href, img src alt "border"> Jak zrobić, aby obrazek był linkiem? Najłatwiejszym sposobem umieszczenia odsyłacza obrazkowego na stronie jest wstawienie obrazka wewnątrz znacznika odsyłacza. Odnośniki obrazkowe można tworzyć dla wszystkich typów odsyłaczy: do podstrony, do adresu internetowego i pocztowych. Na przykład jeśli plik zdjęcia nazywa się "obrazek.jpg" i znajduje się w tym samym katalogu na dysku komputera co dokument *.html, w którym chcemy wstawić odsyłacz...
- Nagłówek i treść HTML / Struktura dokumentu HTML
...przez wyszukiwarki sieciowe. Każdy dokument powinien zawierać obowiązkowo przynajmniej deklarację strony kodowej, bez której polskie litery na stronie mogą zostać błędnie wyświetlone! W pojedynczym dokumencie znajduje się zwykle kilka znaczników <meta> - każdy dotyczy innej informacji - wszystkie muszą znajdować się wewnątrz nagłówka strony (<head>...</head>). Ponadto w tym rozdziale opisane zostaną również inne przydatne znaczniki, które można umieścić w nagłówku dokumentu, opisujące...
- Nagłówek i treść HTML / Słowa kluczowe <meta "keywords">
...znacznika: <meta name="keywords" content="wyraz1, wyraz2, wyraz3...">. Jednak ponieważ tak wstawione słowa kluczowe nie wyświetlają się normalnie na stronie, w przeszłości twórcy witryn internetowych nadużywali tego sposobu. Dodawali oni wiele nieadekwatnych ale bardzo popularnych wyrazów kluczowych do swoich serwisów licząc na to, że dzięki temu ich strona znajdzie się wyżej w wynikach wyszukiwania np. Google. Z tego powodu obecnie znacznik ten jest zupełnie ignorowany przez większość...
- Nagłówek i treść HTML / Automatyczne odświeżanie strony <meta "refresh">
...pamięci podręcznej - poprzez kombinację klawiszy Ctrl+F5. Może to być przydatne zwłaszcza, kiedy wprowadziliśmy zmiany w elementach osadzonych na stronie (np. obrazkach), ale ciągle widzimy ich poprzednią wersję. Jak ustawić automatyczne odświeżanie strony? Aby wymusić automatyczne odświeżenie strony np. po upływie 60 sekund, wystarczy umieścić w nagłówku dokumentu - tzn. gdziekolwiek wewnątrz elementu <head>...</head> - następujący znacznik: <meta http-equiv="refresh" content="60">...
- Nagłówek i treść HTML / Tytuł strony <title>
...dowolny tekst, zaleca się jednak, aby nie 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...
- Nagłówek i treść HTML / Kanały informacyjne <link "rss, atom">
...bez potrzeby ciągłego odwiedzania serwisu i sprawdzania, czy pojawiło się coś nowego. Możliwe jest osadzenie kilku kanałów informacyjnych na jednej stronie - wystarczy wstawić kolejno kilka takich znaczników. W takim przypadku każdy powinien mieć inny tytuł (atrybut title="..."), ponieważ inaczej użytkownik nie będzie mógł rozróżnić, co chciałby subskrybować. Przykład <link "rss"> <link rel="alternate" title="Kurs HTML - darmowe szkolenie: tworzenie stron internetowych...
- Tekst HTML / Przekreślenie <s>
...w HTML? Aby podkreślić tekst w języku HTML, wystarczy wpisać go wewnątrz znacznika <s>...</s>. Jak skreślić tekst HTML? Domyślnie tekst na stronie internetowej jest napisany zwykłą czcionką. Aby skreślić fragment tekstu, wystarczy umieścić go wewnątrz znacznika <s>...</s>. W ten sposób często oznacza się treść, która jest już nieaktualna albo przestała być istotna.
- Nagłówek i treść HTML / Plik robots.txt
...linijki tego typu. Wielkość liter w nazwach robotów nie ma znaczenia. Lista istniejących robotów wyszukiwarek sieciowych znajduje się na stronie: The Web Robots Database. Zamiast nazwy robota można wpisać również znak gwiazdki ("*"), co wskazuje każdego istniejącego robota. Kiedy robot danej wyszukiwarki odwiedza witrynę, najpierw sprawdza czy istnieje plik robots.txt. Jeśli tak, szuka w nim rekordu (grupy linii), który pasuje do jego nazwy. Jeśli taki znajdzie, odczytuje linie z...