strony - Kurs HTML i CSS
Widżety HTML / Ćwiczenia...z Twoją stroną. Użyj funkcji "Udostępnij / Umieść", aby skopiować kod HTML widżetu z wybranym filmem. Wstaw film bezpośrednio w treści swojej strony. Otwórz Twoją stronę w przeglądarce i sprawdź, czy można uruchomić odtwarzanie filmu.
CSS dla zielonych / PodsumowanieTo by było na tyle. Poznane tu polecenia powinny pozwolić Ci nie tylko na napisanie prostej strony WWW, ale zarazem określenie jej wyglądu w profesjonalny sposób. W dalszych rozdziałach Kursu CSS poznasz m.in. bardziej zaawansowane techniki tworzenia selektorów oraz rozbudowaną listę własności, dzięki którym zyskasz jeszcze większe możliwości stylizacji elementów Twojego serwisu. Zapraszam...
Znaki specjalne HTML / Przedmioty - emotikony (emoji)...🥁 🪘 Długie bęben 🪘 Telefon 📱 Telefon komórkowy 📱 📲 Telefon komórkowy ze strzałką w prawo z lewej strony 📲 ☎ Czarny telefon ☎ 📞 Odbiornik telefoniczny 📞 📟 Pager 📟 📠 Faks 📠 Komputer 🔋 Bateria 🔋 🔌 Wtyczka elektryczna 🔌 💻 Komputer osobisty 💻 🖥 Komputer stacjonarny 🖥 🖨 Drukarka 🖨 ⌨ Klawiatura ⌨ 🖱 Myszka z...
- Wykazy CSS / Niestandardowy typ stylu wykazu @counter-style
...format niestandardowego identyfikatora. Przeglądarki zwykle wyświetlają wyróżniki wykazów w taki sposób, aby były wyrównane ze sobą do prawej strony. Chociaż wygląda to estetycznie, czasami możemy mieć potrzebę ułożenia wyróżników wykazu w inny sposób. Na przykład dosć często spotyka się dopełnianie liczb na początku zerami. Między innymi taki właśnie efekt pozwala nam uzyskać powyższa deklaracja. Przykład @counter-style {pad} @counter-style nazwa { system: numeric; symbols: "0" "1...
- Odsyłacze HTML / Odsyłacz obrazkowy <a href, img>
...src="ścieżka dostępu do obrazka" alt="tekst alternatywny"></a> adres Wartość tworzona analogicznie jak w przypadku odsyłaczy do: podstrony, etykiety, adresu internetowego, poczty e-mail czy dowolnych innych odsyłaczy (w zależności od wybranego typu odsyłacza). ścieżka dostępu do obrazka Lokalizacja na dysku, gdzie znajduje się żądany plik obrazka. tekst alternatywny Informacja prezentowana, jeśli obrazek nie zostanie wyświetlony. Do tej pory w tym rozdziale przedstawione...
- Ćwiczenia HTML
Zdobądź praktyczne umiejętności w HTML dzięki ćwiczeniom dla początkujących. Krok po kroku naucz się tworzyć własne strony internetowe, pisząc i modyfikując kod HTML.
- Ikony (symbole) / Typowe akcje
...flutter_dash flutter_dash Kopia zapasowa backup backup Zapisz jako save_as save_as Logo aplikacji głównej home_app_logo home_app_logo Podgląd strony pageview pageview Dostępność accessibility accessibility Alarm włączony alarm_on alarm_on Dynamiczny kanał dynamic_feed dynamic_feed Etykieta ważna label_important label_important Zatwierdzenie approval approval Kalendarz kontaktów permanentnych perm_contact_calendar perm_contact_calendar Stopa kwadratowa square_foot square_foot...
Nagłówek i treść HTML / Podcast HTML...w formie podcastu: #2 Nagłówek i treść HTML (online). Pomoże Ci to lepiej zrozumieć, czego się nauczysz w tej części kursu: Twórz profesjonalne strony WWW! Kompleksowy przewodnik po strukturze HTML, znaczeniu metatagów, SEO i RWD. Opanuj robots, canonical, viewport i obowiązkowe UTF-8, aby osiągnąć optymalne wyniki w Google. 🔊 Posłuchaj podcastu HTML
- Tabele HTML / Struktura tabeli HTML <table, tr, td>
...zawartości jej komórek w taki sposób, aby rozciągnąć się tak bardzo, jak to będzie potrzebne, ale jednocześnie nie przekroczyć dostępnej szerokości strony. Jeśli jednak tabela zawiera krótką treść, nie zostanie rozciągnięta, ale ustawi się po lewej stronie ekranu. Aby wyśrodkować taką wąską tabelę, można się posłużyć następującym kodem: <table style="margin: auto">...</table>.
- Multimedia HTML / Podcast HTML
...(online). Pomoże Ci to lepiej zrozumieć, czego się nauczysz w tej części kursu: Wstawiaj grafikę (img), dźwięk (MP3, WAV) i wideo (embed) na swoje strony WWW. Odkryj najlepsze formaty (GIF, JPG, PNG) oraz uniwersalne metody osadzania i pobierania plików (a, object). Zadbaj o dostępność i wydajność multimediów na stronie. 🔊 Posłuchaj podcastu HTML