informacje - Kurs HTML i CSS
Ikony (symbole) / Akcje interfejsu użytkownikaMożesz szybko wyszukać dowolną ikonę używając w tym celu specjalnego generatora. Wybierz wariant ikony, a następnie kliknij przycisk "Pobierz". Możesz dopasować kolor i rozmiar przy użyciu kontrolek znajdujących się w nagłówku tabeli. Nazwa Wariant Szukaj search search Strona główna home home Menu menu menu Zamknij close close Ustawienia settings settings Zaznacz kółko check_circle check_circle Ulubione favorite favorite Dodaj add add Usuń delete delete Strzałka wstecz arrow_back...
- Ikony (symbole) / Społecznościowe
Możesz szybko wyszukać dowolną ikonę używając w tym celu specjalnego generatora. Wybierz wariant ikony, a następnie kliknij przycisk "Pobierz". Możesz dopasować kolor i rozmiar przy użyciu kontrolek znajdujących się w nagłówku tabeli. Nazwa Wariant Osoba person person Grupa group group Udostępnij share share Kciuk w górę thumb_up thumb_up Grupy groups groups Publiczne public public Dodaj osobę person_add person_add Uścisk dłoni handshake handshake Konsultant wsparcia support_agent...
- Ikony (symbole) / Formatowanie tekstu
Możesz szybko wyszukać dowolną ikonę używając w tym celu specjalnego generatora. Wybierz wariant ikony, a następnie kliknij przycisk "Pobierz". Możesz dopasować kolor i rozmiar przy użyciu kontrolek znajdujących się w nagłówku tabeli. Nazwa Wariant Opis description description Kopia treści content_copy content_copy Pulpit nawigacyjny dashboard dashboard Edytuj notatkę edit_note edit_note Książka menu menu_book menu_book Widok siatki grid_view grid_view Lista list list Folder folder...
- Ikony (symbole) / Audio i wideo
Możesz szybko wyszukać dowolną ikonę używając w tym celu specjalnego generatora. Wybierz wariant ikony, a następnie kliknij przycisk "Pobierz". Możesz dopasować kolor i rozmiar przy użyciu kontrolek znajdujących się w nagłówku tabeli. Nazwa Wariant Strzałka Odtwarzania play_arrow play_arrow Koło Odtwarzania play_circle play_circle Mikrofon mic mic Kamera wideo videocam videocam Zwiększ głośność volume_up volume_up Pauza pause pause Nutka muzyczna music_note music_note Książki w...
- Ikony (symbole) / Sprzęt
Możesz szybko wyszukać dowolną ikonę używając w tym celu specjalnego generatora. Wybierz wariant ikony, a następnie kliknij przycisk "Pobierz". Możesz dopasować kolor i rozmiar przy użyciu kontrolek znajdujących się w nagłówku tabeli. Nazwa Wariant Telefon iPhone phone_iphone phone_iphone Zapisz save save Smartfon smartphone smartphone Klawiatura strzałka w dół keyboard_arrow_down keyboard_arrow_down Drukuj print print Komputer computer computer Urządzenia devices devices Komputer...
- Podcast HTML / #9 HTML5
...Zazwyczaj zawiera nagłówek sekcji, ale sam w sobie nie tworzy nowej sekcji. <footer>: stanowi stopkę sekcji lub całej strony, przechowując informacje, takie jak autor lub prawa autorskie. Również nie tworzy nowej sekcji w dokumencie. <main>: wskazuje główną zawartość strony WWW, z którą bezpośrednio związany jest tytuł strony. Służy jedynie do grupowania - nie tworzy nowej sekcji. <nav>: sekcja strony zawierająca odnośniki nawigacyjne (np. menu główne). Inne ważne elementy...
Dobre praktyki / CSS Zorientowane Obiektowo...left; margin-right: 1em; } .Menu a { color: blue; text-decoration: none; } Kompozycja Zwróćmy uwagę, że typowy artykuł może zawierać informacje o: autorze - np. z jego imieniem, nazwiskiem i zdjęciem źródle - nazwa, logo i odnośnik Każdy z tych elementów można traktować jako osobny obiekt (zmiana wyglądu informacji o autorze nie powinna wpływać na wygląd samej treści artykułu), z których składa się (ang. composition) główny obiekt artykułu. Myślenie o skomplikowanym...
Aktualizacja / System newsów...i obszernej witryny może dość długo trwać). Natomiast w odróżnieniu od sygnalizowania nowości, system newsów zbiera w jednym miejscu wszystkie informacje wraz z opisami wprowadzonych zmian. Wystarczy spojrzeć i już można szybko przenieść się do nowych stron, klikając odpowiednie odsyłacze. Wymagana wiedza: Odsyłacze Wstawianie obrazków Podstawy stylów CSS (m.in. arkusze stylów) Aby wprowadzić system newsów, należy skopiować poniższy kod i zapisać go w pliku z rozszerzeniem *.css...
Tekst HTML / Ćwiczenia...odnośnik wraz z jego krótkim opisem znajdował się w osobnym punkcie. Na podstronie kontakt.html użyj znacznika ADDRESS, aby odpowiednio oznaczyć informacje kontaktowe z autorem strony - czyli z Tobą 🙂
- Odsyłacze HTML / Odnośniki hipertekstowe
...W porównaniu z wyszukiwarkami internetowymi, linki mają taką zaletę, że autor zwykle starannie je wybrał i dlatego zawierają najczęściej rzetelne informacje, których odszukanie w tradycyjny sposób mogłoby zająć dużo więcej czasu. Gdyby nie odsyłacze, cały ten kurs musiałby składać się z jednej ogromnej strony lub z wielu nie powiązanych ze sobą dokumentów, przez co nawigacja w takim serwisie byłaby niezwykle utrudniona. Aby wejść na dowolną stronę (nawet w tym samym serwisie), za każdym...