duże - Kurs HTML i CSS
Znaki specjalne HTML / Symbole - emotikony (emoji)Możesz szybko wyszukać dowolną ikonę emoji używając w tym celu specjalnego generatora. Wskaż myszką wybrany symbol w kolumnie "Wygląd", aby go powiększyć: Numer Objaśnienie Wygląd Znaki transportowe 🏧 Bankomat 🏧 🚮 Znak wyrzuć śmieci we właściwym miejscu 🚮 🚰 Znak woda zdatna do picia 🚰 ♿ Symbol wózka inwalidzkiego ♿ 🚹 Dla mężczyzn 🚹 🚺 Dla kobiet 🚺 🚻 Toaleta 🚻 🚼 Znak dziecko 🚼...
Dobre praktyki / Przykazania webmastera...aby pełnowymiarowe zdjęcia ładowały się dopiero po kliknięciu w miniaturę. Miniatury w żadnym razie nie mogą być tymi samymi plikami graficznymi co duże zdjęcia, a jedynie pomniejszone przy pomocy atrybutów width="..." oraz height="...". W ten sposób, mimo iż zdjęcie na stronie wygląda na małe, faktycznie będzie się wczytywać tak długo jak duże. Pomijając już fakt, że cała strona z listą takich "miniatur" będzie się ładować koszmarnie długo, to przecież użytkownik może nie być zainteresowany...
- Wykazy CSS / Typ stylu wykazu {list-style-type}
...typ stylu wykazu lower-alpha - małe litery Przykład list-style-type: lower-alpha Punkt pierwszy Punkt drugi Punkt trzeci upper-alpha - duże litery Przykład list-style-type: upper-alpha Punkt pierwszy Punkt drugi Punkt trzeci lower-latin - małe litery łacińskie Przykład list-style-type: lower-alpha Punkt pierwszy Punkt drugi Punkt trzeci upper-latin - duże litery łacińskie Przykład list-style-type: upper-alpha Punkt pierwszy Punkt drugi Punkt trzeci lower-greek...
- Multimedia HTML / Osadzenie pliku <embed>
...zostać wyświetlone okno (o podanych rozmiarach), w którym będzie odtwarzany wskazany plik. Należy pamiętać, że pliki multimedialne mają zwykle duże rozmiary, dlatego najlepiej na początku strony umieścić tekst, a dopiero na końcu polecenie <embed>. W takim przypadku w pierwszej kolejności wczyta się tekst. Polecenie <embed> sprawia wiele kłopotów nawet w przeglądarkach, które je interpretują! Ponadto należy pamiętać, że pliki multimedialne mają zwykle bardzo duże rozmiary, a więc...
- Promocja strony WWW / Pozycjonowanie (SEO)
...Wiedza ta jest tak rozległa, a niektóre sposoby pozycjonowania tak czasochłonne, że za profesjonalną usługę tego typu trzeba zapłacić naprawdę dość duże pieniądze. Są jednak pewne podstawowe zasady, które mogą w tym pomóc. Słowa kluczowe <meta name="keywords" content="słowa kluczowe"> Dla większości wyszukiwarek ten znacznik ma kluczowe znaczenie (w końcu nawet tak się nazywa - słowa kluczowe 🙂). W jaki sposób określić właściwe słowa kluczowe? To proste: wyobraź sobie, że zapomniałeś...
- HTML5 / Responsywny obrazek <picture, source>
...Tekst alternatywny Tekst który zostanie wyświetlony, jeżeli przeglądarka nie zdoła wyświetlić żadnego obrazka. Na urządzeniach mobilnych zwykle duże znaczenie ma ilość pobieranych danych przez sieć. Użytkownicy smatfonów często płacą za każdy kilobajt transferu. A nawet jeśli posiadają abonament z wysokim limitem danych, to i tak może się zdarzyć, że znajdą się akurat w miejscu o słabym zasięgu sieci. Wtedy wyświetlenie strony z ciężkimi zdjęciami może trwać bardzo długo. Rozwiązaniem...
- Tekst CSS / Transformacja tekstu {text-transform}
...transformacji tekstu, takiej jak zmiana wszystkich liter na wielkie litery, małe litery lub pierwsze litery słów na wielkie litery. Jak zrobić duże litery CSS? Aby przekształcić tekst na duże litery w CSS, możesz użyć właściwości text-transform i ustawić jej wartość na uppercase. Na przykład: <p style="text-transform: uppercase">...</p>. To spowoduje, że wszystkie litery w tekście będą wielkie.
- HTML dla zielonych / Odsyłacz obrazkowy HTML <a href, img src alt "border">
...użytkownik kliknie bezpośrednio w zdjęcie czy może w jego podpis. Na przykład: <a href="duze-zdjecie.jpg"><img src="male-zdjecie.jpg" alt="Zobacz duże zdjęcie" style="border: 0"><br> Tu wpisz podpis zdjęcia</a>.
Odsyłacze HTML / Ćwiczenia...rozmiary dokładnie takie jak widoczne bezpośrednio na stronie. Natomiast druga wersja może być zdjęciem w wysokiej rozdzielczości. W tym celu otwórz duże zdjęcie w dowolnym programie graficznym - może to być nawet aplikacja Paint, która jest dostępna w systemie Windows - i pomniejsz go (w prorgamie Paint należy użyć opcji "Zmień rozmiar"). Następnie zapisz małe zdjęcie na dysku pod inną nazwą, ale z tym samym rozszerzeniem nazwy pliku (na przykład: moje-zdjecie-mini.jpg). Aby zapewnić dobrą...
- Czcionki CSS / Wielkość czcionki {font-size}
...czcionki jest "em" i rzeczywiście tak mogłoby się wydawać, ponieważ jednostka ta jest bezpośrednio związana z czcionką - oznacza po prostu rozmiar dużej litery. Być może takie przeświadczenie wzięło się również stąd, że w zamierzchłych w czasach, gdy na rynku królowała przeglądarka MSIE 6.0, taki sposób zapewniał użytkownikom możliwość samodzielnego dopasowania rozmiaru tekstu na stronie. Dzisiaj wszystkie popularne przeglądarki nie mają już z tym żadnych problemów. Innym powodem stosowania...