enter - Kurs HTML i CSS
HTML5 / Klawisz Enter <... enterkeyhint>(interpretuje: Firefox 94, Opera 66, Chrome 77) Elementy bez znacznika zamykającego (np. INPUT): <element enterkeyhint="zatwierdzenie"> Elementy ze znacznikiem zamykającym (np. TEXTAREA): <element enterkeyhint="zatwierdzenie">...</element> element Znaczniki: dowolne pole formularza HTML 4.01 lub HTML5, w którym można wpisywać tekst TEXTAREA elementy tekstowe z atrybutem contenteditable="true" dowolny element HTML 4.01 lub HTML5 zawierający powyższe znaczniki - polecenie zostanie...
- HTML dla zielonych / Koniec linii HTML <br>
<br> Powyższy znacznik (<br>) stosuje się gdy chcemy natychmiastowo zakończyć linię. Zapytasz zapewne: Po co go stosować, nie można po prostu nacisnąć Enter i przenieść kursor tekstowy do następnej linii? Otóż nie można. Przeglądarka internetowa ignoruje wszelkie znaki przejścia do następnej linii za pomocą klawisza Enter (ignoruje również postawienie obok siebie więcej niż jednej spacji - zobacz: Znaki specjalne). Na przykład jeśli wpiszesz w edytorze taki tekst: To jest pierwsza linia... a...
Tekst CSS / Białe znaki w tekście {white-space}selektor { white-space: sposób } Selektorem może być każdy znacznik wyświetlany w bloku [zobacz: Wstawianie stylów]. Natomiast jako "sposób" należy podać: normal - zamiana kilku sąsiadujących ze sobą spacji na jedną; wiersze są przełamywane automatycznie na końcu szerokości strony (domyślnie) pre - umożliwia wyświetlenie wielu spacji obok siebie; wiersze są przełamywane po napotkaniu znaku nowej linii - klawisz Enter (tekst preformatowany) nowrap - tryb identyczny jak "normal" z tym, że nie...
- 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...
- Jednostki CSS / Łańcuchy znakowe
Łańcuchy znakowe (tzw. strings) mogą być pisane w podwójnym cudzysłowie ("...") lub w pojedynczym ('...'). Łańcuchy ograniczone podwójnym cudzysłowem nie mogą już zawierać wewnątrz takiego znaku - wtedy należy użyć znaku odwróconego ukośnika (backslash) przed cudzysłowem wewnątrz. Tzn. aby wpisać następujący string: "123"123" (niepoprawnie!), należy podać: "123\"123" (poprawnie). To samo dotyczy pojedynczego cudzysłowu (zamiast '123'123' należy wpisać '123\'123'). Natomiast dozwolony jest...
- HTML5 / Zawijanie tekstu w formularzu <textarea wrap>
<textarea wrap="zawijanie">...</textarea> zawijanie Należy podać jedną z poniższych wartości: soft - tekst nie zostanie zawinięty w chwili wysyłania formularza, choć może być w taki sposób wyświetlony na ekranie (domyślnie). hard - w momencie wysłania formularza, przeglądarka automatycznie zawinie tekst wpisany w polu, tzn. doda do niego znaki nowej linii, tak aby wyglądał jak na ekranie przed wysłaniem. Treść w obszarze tekstowym formularza zwykle jest wyświetlana w postaci...
- HTML dla zielonych / Wpisywanie tekstu HTML
Jeśli chcemy umieścić na stronie WWW zwykły tekst, możemy wpisać go bezpośrednio z klawiatury - w miejsce właściwej treści dokumentu (patrz: Ramy dokumentu). Nie trzeba przy tym stosować żadnych dodatkowych poleceń. Należy jednak pamiętać, że przeglądarka internetowa automatycznie zawinie wszystkie wiersze, dlatego w edytorze HTML tekst możemy wpisywać dowolnie, np. po wpisaniu: To jest zwykły tekst... To jest zwykły tekst... To jest zwykły tekst... To jest zwykły tekst... Na ekranie...
Aktualizacja / System newsów...css - np. news.css: /* Tytuł: */ .news dt { font-size: 14px; /* rozmiar czcionki */ text-align: left; /* wyrównanie tekstu: left, right, center, justify */ padding: 5px; /* margines wewnątrz */ border-width: 1px; /* grubość obramowania */ border-style: solid; /* styl obramowania: solid, dashed, dotted, double, groove, ridge, inset, outset */ border-color: gray; /* kolor obramowania */ font-weight: bold; } .news dt, .news dt a:link, .news dt a:visited { background...
- Przeglądarka zdjęć
...treść na akapity. Ponadto aby odpowiednio wystylizować przeglądarkę zdjęć, można do niej dołączyć np. taki arkusz CSS: .zdjecia { text-align: center; } .zdjecia_menu { margin-bottom: 10px; font-size: 10px; } .zdjecia_menu input, .zdjecia_menu select { font-size: 10px; } .zdjecia_opis { margin-top: 10px; text-align: justify; } Najwygodniej będzie zapisać go w osobnym pliku z rozszerzeniem *.css - np. przegladarka_zdjec.css i osadzić w nagłówku dokumentu za pomocą...
- HTML5 / Zdarzenia HTML5
...pobierania danych ścieżki lub format ścieżki tekstowej nie jest obsługiwany. load track Dane ścieżki zostały pobrane i poprawnie przetworzone. enter TextTrackCue Etykieta (cue) stała się aktywna. exit TextTrackCue Etykieta (cue) przestała być aktywna. Zdarzenia drag-and-drop dragstart Element źródłowy Użytkownik rozpoczyna przeciąganie elementu. drag Element źródłowy Element jest przeciągany. dragenter Bezpośrednio wskazany element lub element body Przeciągany element...