treść - Kurs HTML i CSS
Menu rozwijane, otwierane, wysuwane / Skrypt menu rozwijanego, otwieranego, wysuwanegoSpis treści Wymagana wiedza Skrypt menu rozwijanego, otwieranego, wysuwanego Wymagana wiedza Listy definicyjne <dl>...</dl> Podstawy odsyłaczy Podstawy stylów CSS (m.in. arkusze stylów, klasy selektorów i pozycjonowanie absolutne) Skrypt menu rozwijanego, otwieranego, wysuwanego Aby wstawić na swoją stronę menu rozwijane, postępuj według poniższych instrukcji: Utwórz w swoim edytorze HTML nowy dokument. Wklej do niego poniższy kod i zapisz w pliku menu.js: /** * @author...
Tekst HTML / Kod poprawny semantycznie...właściwy sobie sposób. Znaczniki semantyczne mają ogromne znaczenie dla syntezatorów mowy, czyli specjalnych przeglądarek, które odczytują treść stron WWW na głos. Używane są najczęściej przez osoby niewidome. Taka osoba nie zobaczy koloru czcionki i nie będzie wiedzieć, że gdzieś tekst został wytłuszczony w tradycyjny sposób. Natomiast używany syntezator mowy, kiedy natrafi na znacznik <strong>...</strong>, może specjalnie podkreślić tonem głosu zawarty w nim tekst. Wprost...
- Widżety HTML / Szablon strony bez ramek
...jednak możliwe, wszystkie podstrony serwisu trzeba tworzyć w specjalny sposób. Z każdej z nich wydzielamy właściwą zawartość. Może być to po prostu treść tekstowa, prawdopodobnie ze znacznikami formatującymi, takimi jak pogrubienie lub pochylenie, akapity itp. Ważne jest, aby do plików head.php i foot.php wydzielić jak największy fragment kodu źródłowego - ten, który powtarza się na wszystkich podstronach serwisu. Aby wykorzystać szablon PHP, wszystkie pliki podstron serwisu muszą mieć...
Oprawa graficzna / Zamiennik obrazkowy...w treści artykułów. Zdjęcia takie, jako elementy publikowane redakcyjnie, nie zależą od arkusza CSS (skórki), a zatem należy je traktować jako treść, a nie oprawę graficzną. W przypadku takich ilustracji należy używać tradycyjnych znaczników IMG, nie zapominając przy tym o właściwym wypełnieniu atrybutu alt="..." (opisującym, co znajduje się na zdjęciu). W przypadku ilustracji o pokaźnych rozmiarach, zaleca się umieścić w kodzie źródłowym miniaturki (fizycznie pomniejszone za pomocą...
- HTML5 / Napisy do filmów <track>
Spis treści <track> Napisy do filmów <track> Rodzaj napisów WebVTT Ustawienia napisu Dialogi Formatowanie tekstu Stylizacja napisów Napisy do filmów <track> (interpretuje: Internet Explorer 10, Firefox 31, Opera 12.1, Chrome 23) <video> <source src="lokalizacja pliku w formacie 1" type='format 1'> <source src="lokalizacja pliku w formacie 2" type='format 2'> (...) <track src="napisy.vtt" default> (...) Treść alternatywna </video> gdzie: napisy.vtt Lokalizacja pliku...
- Szablon strony na DIV-ach / Responsywny szablon
...urządzeń mobilnych. Takie podejście nosi nazwę najpierw urządzenia mobilne (ang. mobile first). Wszystkie bloki na stronie - nagłówek, menu, treść i stopka - znajdują się w jednej kolumnie, której szerokość dynamicznie dopasowuje się do całej dostępnej poziomej przestrzeni okna przeglądarki. Dzięki temu strona powinna być czytelna nawet na najmniejszych ekranach. Pierwszy punkt przeskoku zdefiniowaliśmy na wartości 800px. Jeśli użytkownik dysponuje urządzeniem z przynajmniej tak dużym...
- Tekst HTML / Przekreślenie <s>
<s>...</s> wyświetlanie: w linii Pozwala przekreślić część tekstu. Oznacza treść, która nie jest dłużej trafna lub istotna z punktu widzenia pozostałej zawartości dokumentu. Przykład <s> Ten tekst jest przekreślony Przekreślenie innym kolorem Stosując pewną "sztuczkę", można sprawić, aby kolor linii przekreślenia różnił się od koloru tekstu: <s style="color: red"><span style="color: black">To jest czarne przekreślenie czerwoną linią</span></s> gdzie w miejsce wyróżnionych wyrazów należy...
- Tekst HTML / Zmiany <ins, del>
Treść wstawiona <ins>opis</ins> Treść usunięta <del>opis</del> Pozwala podać informację o wprowadzonych na stronie zmianach. Jeśli ostatnio dodane zostały jakieś nowe rozdziały, aby o tym zakomunikować, opis tych zmian można wpisać do znacznika <ins> (taki tekst może zostać automatycznie podkreślony). Natomiast do znacznika <del> wpisujemy opis usuniętych rozdziałów, które nie są już dostępne (zwykle tekst przekreślony). Przykład <ins, del> W tym tygodniu został dodany rozdział...
- Formularze HTML / Przycisk <button>
<button type="rodzaj">Treść przycisku</button> gdzie "rodzaj" określa typ przycisku i można tutaj podać: "submit" - przycisk wysłania formularza (domyślnie) "reset" - przycisk wyczyszczenia danych "button" - zwykły przycisk Wprowadza na ekran przycisk. Polecenie to jest zbliżone do przycisków: wysłania oraz wyczyszczenia formularza, a także do: <input type="button" value="napis">. Jednak pozwala ono dodatkowo, wprowadzić do przycisku grafikę, tabelkę i inne elementy - wystarczy umieścić...
- Podcast HTML / #7 Widżety HTML
Pobierz plik MP3... Zobacz więcej... Wszystkie odcinki podcastu HTML: #1 HTML dla zielonych #2 Nagłówek i treść HTML #3 Tekst HTML #4 Odsyłacze HTML #5 Tabele HTML #6 Multimedia HTML #7 Widżety HTML #8 Formularze HTML #9 HTML5 Widżety HTML i ramki - wprowadzenie Ramki HTML umożliwiają stworzenie strony WWW podzielonej na kilka okienek. Ramka to dodatkowe okienko, które często posiada własne suwaki do przewijania zawartości, a jest umieszczone bezpośrednio na stronie...