wygląd - Kurs HTML i CSS
Znaki specjalne HTML / Przedmioty - emotikony (emoji)Możesz szybko wyszukać dowolną ikonę emoji używając w tym celu specjalnego generatora. Numer Objaśnienie Wygląd Ubrania 👓 Okulary 👓 🕶 Okulary przeciwsłoneczne 🕶 🥽 Gogle 🥽 🥼 Kitel (biały fartuch) 🥼 🦺 Kamizelka bezpieczeństwa 🦺 👔 Krawat 👔 👕 Koszulka 👕 👖 Dżinsy 👖 🧣 Szalik 🧣 🧤 Rękawiczki 🧤 🧥 Płaszcz, kurtka 🧥 🧦 Skarpetki 🧦...
- Znaki specjalne HTML / Symbole - emotikony (emoji)
Możesz szybko wyszukać dowolną ikonę emoji używając w tym celu specjalnego generatora. 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 🚼 🚾 WC 🚾 🛂 Odprawa (kontrola) paszportowa 🛂...
- Znaki specjalne HTML / Flagi - emotikony (emoji)
Możesz szybko wyszukać dowolną ikonę emoji używając w tym celu specjalnego generatora. Numer Objaśnienie Wygląd Flagi 🏁 Flaga koniec wyścigu 🏁 🚩 Trójkątna flaga na stanowisku 🚩 🎌 Skrzyżowane chorągiewki 🎌 🏴 Powiewająca czarna flaga 🏴 🏳 Powiewająca biała flaga 🏳 Źródło: Unicode Character Database
Wykazy CSS / Niestandardowy typ stylu wykazu @counter-style...reguły stylów @counter-style, która pozwala zdefiniować swój własny, niestandardowy typ stylu wykazu, w którym można precyzyjnie kontrolować wygląd jego wyróżników. Aby utworzyć swój niestandardowy typ stylu wykazu, najpierw w arkuszu stylów (wewnętrznym lub zewnętrznym) należy wstawić jego definicję: @counter-style typ { system: algorytm; cecha: wartość; } Typ określa nazwę, którą potem będziemy się posługiwać przypisując tak zdefiniowany typ stylu do wybranych wykazów na stronie...
- Tabele HTML / Łączenie komórek tabeli <td colspan rowspan>
...tutaj. Dzięki niemu w kilka minut skonfigurujesz dowolny, nawet najbardziej skomplikowany układ wierszy i kolumn, a także zdefiniujesz estetyczny wygląd poprawiający prezentację treści. ✅ Rozpocznij konfigurację tabeli Przykład <td colspan rowspan> Poziome łączenie komórek: Dla pierwszej komórki <td colspan="2"> (druga komórka nie istnieje, ponieważ została połączona z pierwszą) komórka1+2 komórka3 komórka4 Aby otrzymać powyższą tabelę, należy wpisać: <table> <tr> <td...
- Promocja strony WWW / Projekt graficzny
...to, żeby Twoja strona była arcydziełem sztuki webdesignerskiej, ale dobrze jest trzymać się przynajmniej elementarnych zasad projektowania tak, aby wygląd serwisu już na wstępie nie odrzucał odwiedzających (podstawowe zasady projektowania layoutu strony znajdziesz w rozdziale: Jak zrobić dobrą stronę). Dobrym pomysłem może być konsultowanie każdego etapu swojej pracy z innymi. Można np. poddać stronę do oceny na forum dyskusyjnym jednego z wielu popularnych serwisów webmasterskich. Oczywiście...
- Formularze HTML / Pole tekstowe <input "text">
Spis treści <input "text"> Pole tekstowe <input "text"> Odpowiedź domyślna <input "text" value> Długość pola <input "text" size> Maksymalna ilość znaków, które można wpisać do pola <input "text" maxlength> Pole tylko do odczytu <input "text" readonly> Blokada pola <input "text" disabled> Tabulator <input text tabindex> Pole tekstowe <input "text"> <form action="..."> <input type="text" name="nazwa"> </form> lub <form action="..."> <input name="nazwa"> </form> gdzie jako "nazwa...
- Formularze HTML / Hasło <input "password">
Spis treści <input "password"> Hasło <input "password"> Strona na hasło Hasło <input "password"> <form action="..."> <input type="password" name="nazwa"> </form> gdzie jako "nazwa" należy wpisać nazwę danego pola. Zostanie ona później wysłana wraz z formularzem. Nazwa nie powinna być zbyt długa! Wprowadza pole, w którym można wpisać hasło. Od zwykłego pola tekstowego różni się tylko tym, że podczas wpisywania do niego tekstu, nie są widoczne podawane znaki, ale jedynie gwiazdki ("*")...
- Znaki specjalne HTML / Międzynarodowe
Numer Nazwa Opis Objaśnienie Wygląd " " Quotation mark (APL quote) Znak cudzysłowu " & & Ampersand Ampersand (znak and) & < < Less-than sign Znak mniejszości < > > Greater-than sign Znak większości > Œ Œ Latin capital ligature "OE" Łacińskie wielkie połączenie "OE" Œ œ œ Latin small ligature "oe" Łacińskie małe połączenie "oe" œ Š Š Latin capital letter "S" with caron Łacińska...
- Formularze HTML / Obszar tekstowy <textarea>
Spis treści <textarea> Obszar tekstowy <textarea> Pole tylko do odczytu <textarea readonly> Blokada pola <textarea disabled> Obszar tekstowy <textarea> <form action="..."> <textarea name="nazwa" cols="x" rows="y">Tu wpisz tekst który pojawi się domyślnie</textarea> </form> gdzie jako "nazwa" należy wpisać nazwę danego pola (np. skróconą treść pytania). Zostanie ona później wysłana wraz z formularzem. Natomiast "x" oraz "y" oznaczają odpowiednio: ilość kolumn i wierszy tekstu, które...