wygląd - Kurs HTML i CSS
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...
- Wstawianie stylów CSS / Sposoby osadzania stylów CSS
Kaskadowe Arkusze Stylów CSS nie mogą funkcjonować samodzielnie, ponieważ definiują jedynie sposób formatowania (wygląd) elementów dokumentu, ale same ich nie tworzą. Elementy muszą zostać wstawione do dokumentu w postaci struktury znaczników np. za pomocą języka XHTML lub HTML. Dlatego aby poznać ogrom dodatkowych możliwości, jakie dają style CSS, konieczna jest wcześniejsza znajomość zasad języka HTML. Zapamiętaj zatem prostą zasadę: za pomocą języka HTML wstawia się znaczniki do kodu...
- Formularze HTML / Wysłanie formularza <input "submit, image">
Spis treści <input "submit, image"> Przycisk tekstowy <input "submit"> Przycisk obrazkowy <input "image"> Nazwa przycisku wysłania formularza <input "submit" name> Przycisk tekstowy <input "submit"> <form action="..."> <input type="submit" value="wartość"> </form> gdzie jako "wartość" należy wpisać napis, który pojawi się na przycisku wysyłania formularza. Jeśli opuścimy ten parametr, pojawi się tam domyślny tekst, np.: "Prześlij kwerendę". Polecenie wprowadza na ekran przycisk z...