Przejdź do treści

ikony - Kurs HTML i CSS

  • HTML
    Ikony (symbole) / Ikony do pobrania

    ...(AI) Marka Możesz również szybko wyszukać dowolną ikonę używając w tym celu specjalnego generatora, który jest załączony poniżej. Kolorowe emotikony do wstawienia na stronę znajdziesz w rozdziale: Emotikony (emoji). Generator ikon Zacznij wpisywać tekst, aby wyszukać ikonę: Proszę czekać... Źródło: Material Symbols and Icons - Google Fonts Możesz wskazać odszukaną ikonę myszką, aby zobaczyć jej opis. Kliknij wybraną ikonę, aby ją pobrać w ustawionym wariancie, kolorze i rozmiarze...

  • HTML
    Nagłówek i treść HTML / Ikona strony <link "shortcut icon">

    ...<head> <link rel="shortcut icon" href="ścieżka dostępu"> </head> gdzie jako "ścieżka dostępu" należy podać lokalizację, w której znajduje się plik ikony - np.: favicon.ico Polecenie to pozwala dodać ikonkę (favicon.ico), która będzie widoczna w przeglądarce przy adresie naszej strony. Typowy rozmiar ikony to 16x16 pikseli. W systemie Windows jest dodatkowa możliwość umieszczenia skrótu na pulpicie - wtedy przydatna może być ikona o rozmiarach 32x32. Format *.ico pozwala zapisać dwie wersje...

  • CSS
    Oprawa graficzna / "Duszki" CSS

    ...Portable Network Graphics), który zapewnia bezstratną kompresję danych i - w odróżnienia od GIF - wielostopniową przezroczystość, dzięki której ikony PNG nie mają poszarpanych krawędzi, nieważne na jakim kolorze tła zostaną wyświetlone. Żądania HTTP A co zrobić, kiedy wszystkie grafiki mamy już zapisane w odpowiednim formacie i przy optymalnie dobranym stopniu kompresji? Okazuje się, że na długość czasu wczytywania kompletnej strony WWW ma wpływ nie tylko co, ale w jaki sposób jest...

  • HTML
    Znaki specjalne HTML / Emotikony (emoji)

    Spis treści Co to są emotikony (emoji)? Generator emotikon (emoji) Co to są emotikony (emoji)? Emoji to specjalny rodzaj znaku przedstawiający piktogram graficzny. Mimo iż często wygląda jak ikona obrazkowa, to tak naprawdę można go wstawić w zasadzie wszędzie tam, gdzie wpisuje się zwykły tekst. Może to być np. okno rozmowy większości komunikatorów internetowych albo dodawania nowej wiadomości w zasadzie w dowolnym serwisie społecznościowym. Emotikona to specjalny ideogram służący do...

  • HTML
    Odsyłacze HTML / Odsyłacz obrazkowy <a href, img>

    ...musisz samodzielnie rysować wszystkich grafik. W Internecie na pewno znajdziesz wiele stron, gdzie możesz darmowo pobrać gotowe przyciski. Darmowe ikony graficzne do pobrania, które możesz wykorzystać przy tworzeniu odsyłaczy obrazkowych, znajdziesz w rozdziale: Ikony (symbole). Jeśli chcesz wstawić kilka odsyłaczy na jednym obrazku, zobacz rozdział: Mapa odsyłaczy. Natomiast aby dowiedzieć się więcej o wstawianiu obrazków na stronie, zapoznaj się z: Multimedia / Obrazek. Tekst alternatywny...

  • HTML
    Znaki specjalne HTML / Symbole

    ...we wzorach matematycznych. Więcej znaków specjalnych przedstawiających różne symbole w postaci ikon piktogramów znajdziesz w rozdziale: Emotikony (emoji). Na przykład: 😀 👋 🐵 🍇 🌍 🎃 👓 🏧 🏁 i wiele więcej. Natomiast ikony na stronę do pobrania znajdziesz w rozdziale: Ikony (symbole). Numer Nazwa Opis Objaśnienie Wygląd &#402; &fnof; Latin small "f" with hook (function, florin) Łacińskie małe "f" z "haczykiem" (funkcja, floren) ƒ Litery greckie &#913; &Alpha; Greek...

  • Skrypty
    Wykaz generatorów

    ...poważnej części serwisu. Tutaj możesz się również przekonać, jak mogą się zachować starsze roboty, które nie w pełni obsługują standard. Generator ikony strony HTML Stwórz własną ikonę strony przy pomocy kilku kliknięć. Przekształć dowolny symbol emoji (emotikonę) na plik graficzny. Generator wykazów HTML Sprawdź, jak łatwo zbudować profesjonalny wykaz lub numerację z listą punktów i podpunktów. Generator tabel HTML Tworzenie tabel, zwłaszcza zawierających połączone komórki, to jeden z...

  • Ćwiczenia
    Nagłówek i treść HTML / Ćwiczenia

    ...obrazek można swobodnie skopiować sobie na swoją stronę, jeżeli autor nie wyraził na to zgody. Jednym z serwisów, który udostępnia m.in. darmowe ikony, jest Iconfinder - przy wyszukiwaniu użyj filtra "free". Zwróć również uwagę na pole "License type" - w niektórych przypadkach może być konieczne wstawienie na stronie linku do strony autora wybranej ikony. Może też być zabronione użycie grafiki do celów komercyjnych. Otwórz Twoją stronę w przeglądarce internetowej i sprawdź, czy na karcie...

  • CSS
    Oprawa graficzna / Zamiennik obrazkowy

    ...jest dość proste i oczywiste. Często jednak trzeba osadzić elementy graficzne, nad którymi nie będzie widniał żaden tekst - np. przyciski, logo, ikony itp. W takim przypadku mogłoby się wydawać, że wystarczy wstawić pusty element do kodu HTML, jednak jest to bardzo zły pomysł. Takie rozwiązanie jest niepoprawne semantycznie. Staje się dużą przeszkodą dla osób niewidomych, ale również dla robotów indeksujących wyszukiwarek internetowych, co niekorzystanie odbije się na popularności witryny...

  • HTML
    Ikony (symbole) / Akcje interfejsu użytkownika

    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 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...

1 2 3 »

★★★★★ 5/5 (139)

Facebook