listy html - Kurs HTML i CSS
Menu w CSS / Poziome menu...że naszym celem będzie stworzenie estetycznego i funkcjonalnego menu nawigacyjnego na bazie kodu HTML przedstawionego na wstępie w formie listy nieuporządkowanej - tylko poprzez dołączenie deklaracji CSS. Tym razem, na przekór domyślnej prezentacji pozycji listy, ułożymy odnośniki nawigacyjne poziomo - w formie zakładek. Takie ustawienie możemy uzyskać na dwa sposoby: Ustawiając sposób wyświetlania pozycji listy na wartość inline, czyli w linii. Oprócz tego, tak jak poprzednio...
- Menu w CSS / Pionowe menu
...że naszym celem będzie stworzenie estetycznego i funkcjonalnego menu nawigacyjnego na bazie kodu HTML przedstawionego na wstępie w formie listy nieuporządkowanej - tylko poprzez dołączenie deklaracji CSS. Zaczniemy od prostszego przykładu - ułożenia linków w menu zgodnie z normalnym formatowaniem listy, czyli w pionie. Domyślny sposób prezentacji oczywiście nie jest zadowalający. Pierwsze co musimy zrobić, to usunąć wyróżniki punktów wykazu (tzw. markery) oraz zniwelować...
Tekst HTML / Wykaz <ul, ol, li>...w postaci numeracji. Aby rozpoznać, którego elementu należy użyć w danej sytuacji, najlepiej zadać sobie pytanie: czy po przestawieniu elementów listy nadal będzie miała ona sens logiczny? Jeśli tak, lepiej skorzystać z listy nieuporządkowanej. Natomiast w przypadku kiedy opisujemy np. listę kroków, które należy wykonać w określonej kolejności, właściwym znacznikiem będzie lista uporządkowana. Jak zrobić listę kropkowaną HTML? W celu wstawienia listy nieuporządkowanej najpierw...
- Dobre praktyki / Przykazania webmastera
Spis treści Wstęp Dobre praktyki HTML Dbaj o poprawność ortograficzną i stylistyczną tekstu Używaj polskich znaków diakrytycznych Rozpoczynaj pracę od stworzenia semantycznego kodu HTML bez żadnej stylizacji Nie używaj elementów ani atrybutów zdeprecjonowanych Unikaj stosowania ramek - zarówno tradycyjnych jak i lokalnych Nie stosuj tabelek do budowania układu strony Nawigacja musi być intuicyjna i wygodna Unikaj używania atrybutu target="..." dla odsyłaczy Nie używaj znaczników img...
- Oprawa graficzna / "Duszki" CSS
...55px 1px; text-decoration: none; border: 0; } a:visited { color: #0cf; } Więcej Listy Aby prawidłowo ostylizować wyróżniki obrazkowe listy wypunktowanej, należy zadbać, aby na arkuszu z "duszkami" nie było żadnej grafiki z prawej strony ani poniżej markera graficznego listy. W przeciwnym przypadku ta dodatkowa grafika ukazałaby się pod tekstem punktów wykazu albo dostalibyśmy coś na kształt zdublowanego wyróżnika obrazkowego - jeden pod drugim. Kolejne grafiki wyróżników trzeba...
Kontakt...ANI TYM BARDZIEJ KOMUNIKATORÓW INTERNETOWYCH NA ŻADNE PYTANIA DOTYCZĄCE PROBLEMÓW ZWIĄZANYCH Z TWORZENIEM STRON WWW. Niestety wszystkie tego typu listy i wiadomości pozostaną bez odpowiedzi. Bardzo chętnie natomiast czekam na listy z uwagami, propozycjami rozwoju i informacjami o ewentualnych błędach znalezionych w Kursie HTML i CSS. Nie obiecuję, że odpowiem na każdy taki list lub od razu zareaguję, ale postaram się każdy uważnie przeczytać, gdy tylko wolny czas mi na to pozwoli. Podane...
- Menu w CSS / Rozdzielenia struktury i prezentacji dokumentu
...zbiór następujących po sobie pozycji, a więc zastosowanie jej do prezentacji pozycji menu jest jak najbardziej prawidłowe. Domyślne ułożenie punktów listy będzie wygodne w przeglądarkach tekstowych, które nie obsługują CSS. Będzie to również wygodne dla niewidomych, którzy do czytania stron internetowych używają syntezatorów mowy. Do tworzenia menu na pewno nie nadaje się znacznik <br>, ponieważ wtedy zmiana wyglądu za pomocą CSS byłaby możliwa tylko w niewielkim stopniu - nie można by np...
- Wykazy CSS / Niestandardowy typ stylu wykazu @counter-style
...rozdzieloną dowolnymi białymi znakami (np. spacjami) listę tekstów, które zostaną użyte jako wyróżniki wykazu (patrz poniżej). Każdy z elementów tej listy powinien być ujęty w znaki cudzysłowu ("...") albo apostrofy ('...'), chyba że spełnia format niestandardowego identyfikatora. Możemy używać zarówno litery, cyfry jak i inne znaki, a nawet piktogramy emoji. Przy czym w tym ostatnim przypadku należy skopiować sam znak emotikony, a nie używać numerycznego kodu encji HTML. Niestandardowy...
Menu rozwijane, otwierane, wysuwane / Skrypt menu rozwijanego, otwieranego, wysuwanego...należy podać lokalizację utworzonego wcześniej pliku menu.js. Dalej trzeba na stronie w wybranym miejscu osadzić blok menu za pomocą znaczników listy definicyjnej <dl>...</dl>, np.: <dl id="menu0"> <dt>Nagłówek 1</dt> <dd>Element 1.1</dd> <dd>Element 1.2</dd> <dd>Element 1.3</dd> <dt>Nagłówek 2</dt> <dd>Element 2.1</dd> <dd>Element 2.2</dd> <dd>Element 2.3</dd> <dt>Nagłówek 3</dt> <dd>Element 3.1</dd> <dd>Element 3.2</dd> <dd>Element 3.3</dd> </dl> Znaczenie kolejnych...
- Kursory CSS / Kursor obrazkowy {cursor: url}
...cur, natomiast kursory animowane *.ani. Ponadto specyfikacja CSS 2.1 podaje tutaj możliwość wczytania kursora SVG. Możliwe jest również podanie listy kursorów rozdzielonych przecinkami. W takim przypadku wczytany zostanie pierwszy z listy plik, który przeglądarka potrafi obsłużyć. Dlatego właśnie na końcu listy powinien zostać podany tradycyjny kształt: :link, :visited { cursor: url(example.svg#linkcursor), url(hyper.cur), pointer } Każdy kursor posiada ustalony jednopikselowy tzw...