wygląd - Kurs HTML i CSS
Menu drzewiaste / Skrypt menu drzewiastego...Najbardziej zewnętrzny znacznik <ul>...</ul> powinien mieć przypisaną klasę CSS: class="tree". Dzięki temu punkty menu przyjmą odpowiedni wygląd. Ten sam najbardziej zewnętrzny znacznik <ul>...</ul> musi posiadać atrybut: id="tree0" Zaraz poniżej kodu menu musi się znajdować blok <script>...</script>. Zauważ, że wyróżniony w nim identyfikator tree0 musi być identyczny z tym, co wpisano jako wartość atrybutu id="..." na początku menu! UWAGA! Wewnątrz wszystkich znaczników...
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...
- 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 ("*")...
- Formularze HTML / Grupowanie pól <fieldset, legend>
Wersja podstawowa: <fieldset> (Pola formularza) </fieldset> Wersja z tytułem: <fieldset> <legend>Tytuł</legend> (Pola formularza) </fieldset> Pozwala zgrupować tematycznie kilka pól formularza, dzięki czemu zostają one objęte ramką. Wygląd ramki grupującej może się różnić w zależności od przeglądarki. W drugiej z podanych wersji powoduje pojawienie się tytułu na ramce grupującej. UWAGA! Znacznik <legend>...</legend> (tytuł ramki grupującej) musi znajdować się bezpośrednio po...
- 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...
- 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 / 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...
- Formularze HTML / Wyczyszczenie danych <input "reset">
Spis treści <input "reset"> Wyczyszczenie danych <input "reset"> Blokada pola <input "reset" disabled> Potwierdzenie wyczyszczenia formularza <form onreset> Wyczyszczenie danych <input "reset"> <form action="..."> <input type="reset" 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 napis, np.: "Resetuj". Komenda wyświetla na ekranie przycisk, po naciśnięciu...
- 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...