html menu - Kurs HTML i CSS
Wykaz skryptów / Prawa autorskie...wszystkie skrypty do budowy serwisu WWW - w tym witryny komercyjnej. Wyrażenie "budowa serwisu WWW" oznacza np. wykorzystanie jednego ze skryptów menu do ulepszenia nawigacji na stronie WWW. Dopasowywać wygląd elementów generowanych przez skrypt, modyfikując kod HTML i CSS. Kod JavaScript można modyfikować tylko w ramach podanych w opisie instalacji. Publikować na stronie WWW kod udostępnionych tutaj skryptów wraz z opisem działania i instalacji - np. jeśli prowadzisz serwis zawierający...
HTML5 / Przestarzałe elementy i atrybuty HTML5...UL Przestarzałe znaczniki XHTML5 NOSCRIPT - nie może być używany w języku XHTML5 w przypadku serwowania dokumentu z typem MIME "application/xhtml+xml"; element został wycofany w składni XML, ponieważ parser HTML odczytuje go jako czysty tekst (inaczej do dokumentu załadowałyby się np. objęte nim arkusze CSS, nawet jeżeli przeglądarka obsługuje skrypty), co nie jest możliwe w języku XML Przestarzałe atrybuty przestarzałe atrybuty dla elementów rev, charset LINK, A shape...
- HTML5 / Nawigacja <nav>
...przykład zawiera dwie sekcje nawigacyjne: pierwsza dla całego serwisu, a druga w obrębie artykułu na stronie. <nav> <ul> <li><a href="index.html">Strona główna</a></li> <li><a href="contents.html">Spis treści</a></li> </ul> </nav> <article> <h1>Mój artykuł</h1> <nav> <ul> <li><a href="#sec1">Rozdział 1</a></li> <li><a href="#sec2">Rozdział 2</a></li> </ul> </nav> <h2 id="sec1">Rozdział 1</h2> <p>Treść rozdział 1...</p> <h2 id="sec2">Rozdział 2</h2> <p>Treść rozdział...
- Nagłówek i treść HTML / Strona mobilna <link media>
...W niektórych przypadkach autorzy udostępniają specjalną wersję strony na urządzenia mobilne. Zwykle ma ona węższy układ treści, mniej zdjęć i menu nawigacyjne lepiej przystosowane do ekranów dotykowych. Dzięki powyższemu znacznikowi możemy w prosty sposób wskazać taką wersję, na wypadek gdyby użytkownik przypadkowo trafił na stronę przeznaczoną dla tradycyjnych komputerów z dużym ekranem. Ze znacznika <link media> korzysta wyszukiwarka Google. Dzięki temu w wynikach może się pojawić...
- Menu rozwijane, otwierane, wysuwane / Przykład menu rozwijanego
Kliknij poniższe nagłówki menu myszką: HTML Dla zielonych BODY i META Tekst Odsyłacze Tabele Multimedia Ramki Formularze CSS Kaskadowe Arkusze Stylów Definicje Wstawianie stylów Skrypty Aktywne przyciski Aktualizacja Nowe okno
Tekst CSS / Białe znaki w tekście {white-space}...i układ tekstu. Aby zobaczyć białe znaki w edytorze HTML, można włączyć tryb wyświetlania znaków specjalnych, który zazwyczaj jest dostępny w menu (np. "Widok / Pokaż białe znaki" - ang. "View / Show white space") lub ustawieniach programu. Czy spacja jest znakiem specjalnym? Tak, spacja jest uważana za znak specjalny w kontekście programowania i edycji tekstu. Choć nie jest widoczna jako drukowany znak, ma znaczenie jako separator między wyrazami lub innymi elementami w tekście...
- Multimedia HTML / Obrazek HTML <img>
...obrazki najlepiej powinny być zapisane w jednym z trzech formatów: GIF - dla rysunków składających się z mniej niż 256 kolorów, np. przyciski menu i inne "ręcznie" rysowane ozdobniki. Format ten obsługuje przezroczystość. JPG - dla zdjęć wielokolorowych. Nie obsługuje przezroczystości. PNG - pozwala zapisywać z bardzo dobrą jakością zarówno ręcznie rysowane grafiki jak i zdjęcia. Obsługuje kompresję oraz zarówno pełną przezroczystość jak i półprzezroczystość. Format BMP może nie być...
- Tło CSS / Kolor tła {background-color}
selektor { background-color: kolor } Selektorem może być praktycznie dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "kolor" należy podać definicję koloru. Wpisanie "transparent" ustali tło przezroczyste. Polecenie umożliwia wstawienie tła o określonym kolorze pod danym elementem (tekstem). Jeśli definiowane własności mają odnosić się do całej strony (np. kolor tła strony), można użyć selektora BODY lub HTML. Przykład...