menu html - Kurs HTML i CSS
HTML dla zielonych / Jak zrobić dobrą stronę HTML...miejsce". Większość dobrych stron w Internecie zbudowana jest następująco: na górze znajduje się banner lub logo serwisu, po lewej lub po prawej - menu, a obok - treść strony. Nie znaczy to, że musisz koniecznie podporządkować się takiemu kanonowi, lecz jeżeli chcesz uzyskać podobną strukturę, we właściwej treści strony (BODY) wpisz np.: <header style="text-align: center">Tutaj można umieścić logo serwisu</header> <nav style="width: 300px; float: left; overflow: hidden"> Tu umieszcza się...
Menu rozwijane, otwierane, wysuwane / Przykład menu rozwijanegoKliknij 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 new Menu('menu0');
- Formularze HTML / Lista rozwijalna <select, option, optgroup>
...Atrybuty value="..." są obowiązkowe, jeśli zamierzamy wykorzystać formularz w skrypcie. Polecenie pozwala wprowadzić listę rozwijalną (menu) - inaczej zwaną również polem kombi - z której możemy wybrać jedną (typ podstawowy) lub kilka możliwości (typ rozszerzony) - za pomocą klawisza Ctrl. Każdy znacznik <option>...</option> odpowiada jednej opcji na liście. Możliwe jest oczywiście wprowadzenie więcej niż dwóch opcji wyboru (w miejsce kropek). UWAGA! W zawartości elementu OPTION...
Kursory CSS / Kształt kursora {cursor}...brak kursora (CSS 3) - interpretuje MSIE 9, Firefox 3, Opera, Chrome Przykład Wskaż ten tekst myszką Odsyłacze i kursory statusu context-menu - menu kontekstowe, zwykle dostępne po kliknięciu prawym przyciskiem myszki (CSS 3) - interpretuje MSIE 9, Firefox 3 Przykład Wskaż ten tekst myszką help - kursor pomocy Przykład Wskaż ten tekst myszką pointer - wskaźnik (wskazuje odsyłacz) Przykład Wskaż ten tekst myszką progress - "postęp" (CSS 2.1, ale nie CSS 2) Przykład...
- Układ elastyczny CSS / Flexbox
...wizualnego ułożenia bloków na ekranie. Dlatego często korzystniej jest, aby najpierw w kodzie umieścić treść artykułu, a dopiero po niej rozbudowane menu nawigacyjne. Niestety w takiej sytuacji nie można było stworzyć prawdziwie elastycznego układu strony, z kolumną menu po lewej stronie, a treścią artykułu zajmującą całą wolną przestrzeń po prawej. Na szczęście CSS3 rozwiązuje ten problem. Nie trzeba już stosować tabelek, pozycji absolutnych ani trików z płynnym układaniem elementów. Dzięki...
- Reguły warunkowe CSS / Zapytania właściwości @supports
(CSS3 - interpretuje Firefox, Opera, Chrome) Język CSS ma wbudowany prosty system obsługi starszych wersji przeglądarek, które nie interpretują pełnej specyfikacji. Właściwości (cechy), których przeglądarka nie rozumie, są ignorowane. Oczywiście w takiej sytuacji strona nie będzie wyglądać dokładnie tak, jak założył jej twórca, ale nadal powinna być czytelna. Co ważne, nie spowoduje to odrzucenia całego arkusza stylów, więc dokument HTML zostanie poddany częściowemu formatowaniu - na tyle, ile...
- HTML5 / Filmy i dźwięk <video, audio, source>
...obejrzenie filmów czy posłuchania muzyki użytkownikom Maców i Linuksa. Zdarzały się poważne trudności z ustawieniem warstw (otwierane menu, okna dialogowe) ponad oknem wyświetlanym przez wtyczkę. Często okno odtwarzania wtyczki po prostu zawsze przebijało przez taką warstwę. Brakowało możliwości zmiany wyglądu przy pomocy CSS. Nie było możliwe dołączenie do filmów własnych napisów. Nic dziwnego, że w HTML5 postanowiono zmienić tę sytuację. Najpierw zdecydowano się wprowadzić...
- HTML5 / Ewolucja języka HTML
...Przeglądarka Google Chrome aktualizuje się automatycznie. Zatem prawdopodobnie masz zainstalowaną najnowszą jej wersję. Aby to sprawdzić, otwórz menu: Pomoc / Google Chrome - informacje.
Prawa autorskie...serwisu WWW - w tym witryny komercyjnej. Wyrażenie "budowa serwisu WWW" oznacza np. wykorzystanie jednego z podanych przykładów kodu CSS tworzących menu nawigacyjne, wraz z użytą tam grafiką, do zwiększenia estetyki tworzonej strony. Umieścić kurs w niezmienionej wersji offline umożliwiającej normalne przeglądanie dokumentów *.html w wewnętrznym intranecie firmy, szkoły, uczelni itp., ale tylko jeżeli nie będzie do niego dostępu z zewnątrz - z globalnego Internetu. Wykorzystywać kurs jako...
- HTML5 / Element edytowalny <... contenteditable>
...Zapewnia ona, że w przypadku próby wklejenia tekstu ze schowka systemowego (poprzez skrót klawiaturowy Ctrl+V albo opcję "Wklej" z menu kontekstowego), który zawiera np. pogrubienie, wszelkie formatowanie zostanie wcześniej z niego wyczyszczone (tekst po wklejeniu nie będzie pogrubiony). Podanie wartości contenteditable="plaintext-only" w przeglądarkach, które jej nie obsługują, może spowodować, że element w ogóle nie będzie edytowalny. Pytania i odpowiedzi <div...