size text - Kurs HTML i CSS
HTML dla zielonych / Łączenie znaczników i atrybutów HTML <p "text-align", span "font-size, color", b, i, u>...pogrubienie, pochylenie, przekreślenie) dotyczące tekstu można łączyć, np. po wpisaniu w edytorze: <p style="text-align: center"><span style="font-size: large; color: red"><b><i><u> To jest jakiś tekst </u></i></b></span></p> otrzymamy: To jest jakiś tekst Zauważ, że znaczniki zamykamy w kolejności odwrotnej jak je otwieraliśmy. Czyli najpierw zamykamy znacznik, który został otwarty jako ostatni (w naszym przykładzie jest to: <u>), a na końcu zamykamy ten znacznik, który otworzyliśmy...
- 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...
Komendy CSS3 / Tekst CSSŹródło: CSS Text Module Level 3 Spis treści hanging-punctuation hyphens letter-spacing line-break overflow-wrap tab-size text-align text-align-all text-align-last text-indent text-justify text-transform white-space word-break word-spacing word-wrap hanging-punctuation Zawieszenie znaków interpunkcyjnych Wartość none | [ first || [ force-end | allow-end ] || last ] Inicjalizacja none Zastosowanie tekst Dziedziczenie tak Procenty nie hyphens Dzielenie Wartość...
- Komendy HTML 4.01 / Elementy zdeprecjonowane
...ze standardem HTML. Wykaz elementów zdeprecjonowanych Element Zamiennik APPLET OBJECT BASEFONT CSS: color, font-family, font-size CENTER CSS: text-align DIR UL FONT CSS: color, font-family, font-size ISINDEX INPUT MENU UL S CSS: text-decoration STRIKE CSS: text-decoration U CSS: text-decoration Wykaz atrybutów zdeprecjonowanych Atrybut Zastosowanie Zamiennik align APPLET, IFRAME, IMG, INPUT, OBJECT CSS: float...
Aktualizacja / System newsów...wprowadzić system newsów, należy skopiować poniższy kod i zapisać go w pliku z rozszerzeniem *.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...
- Formularze HTML / Przykład formularza HTML
...wysokością --> <p>Jakie znasz systemy operacyjne (możesz wybrać kilka opcji trzymając klawisz Ctrl)?</p> <select name="System operacyjny" multiple size="3"> <option selected>Windows</option> <option>DOS</option> <option>Linux</option> <option>Inny</option> </select> <!-- Pole komentarza (o powiększonych rozmiarach oraz z tekstem domyślnym) --> <p>Podaj swój komentarz:</p> <textarea name="Komentarz" cols="50" rows="10">Proszę, wpisz tutaj jakiś komentarz...</textarea> <br><br><br> <...
- Komendy HTML 4.01 / Wykaz atrybutów
...informacji meta name PARAM (wymagany) Nazwa własności name SELECT Nazwa pola nohref AREA Ten obszar nie ma przypisanej akcji noresize FRAME Nie pozwala użytkownikom zmieniać rozmiaru ramki noshade HR Pozioma linia pozbawiona cienia nowrap TD, TH Blokada zawijania tekstu object APPLET Plik zasobów onblur A, AREA, BUTTON, INPUT, LABEL, SELECT, TEXTAREA Element utracił zogniskowanie onchange INPUT, SELECT, TEXTAREA Wartość elementu została zmieniona...
- Indeks, wyszukiwarka / Skrypt indeksu, wyszukiwarki
...id="' + this.id + '" action="javascript:void(0)" onsubmit="' + this.id + '.wyswietl(); return false">' + '<input type="text" name="haslo" size="30" onkeyup="' + this.id + '.zaznacz()" class="text">' + '<div><select name="hasla" size="' + (typeof rozmiar != 'undefined' && rozmiar ? rozmiar : 15) + '" ondblclick="' + this.id + '.wyswietl()">' ); for (var i = 0; i < hasla.length; i++) { document.write('<option value="' + ((typeof adres_bazowy == 'undefined...
- Menu w CSS / Menu z nagłówkami
...margin: 0; padding: 0; } dl { width: 200px; } dt { background-color: #ccc; color: #000; padding: 7px; font-weight: bold; font-size: larger; text-align: center; } dl a:link, dl a:visited { display: block; width: 186px; text-decoration: none; background-color: #ccc; color: #000; padding: 5px; border: 2px outset #ccc; } dl a:hover { border-style: inset; padding: 7px 3px 3px 7px; } CSS Czcionki Tekst Tło Marginesy Obramowanie dl, dt, dd...
- Menu rozwijane, otwierane, wysuwane / Wygląd menu rozwijanego, otwieranego, wysuwanego
...<script> new Menu('menu0', 'menu0', true, false, 0, 0, -1, -1, true); </script> oraz dołączyć następujący arkusz CSS: #menu0, #menu0 dl { font-size: 12px; position: absolute; width: 150px; margin: 0; padding: 0; border-width: 1px; border-style: solid; border-color: #eee #aaa #aaa #eee; } #menu0 dt { cursor: pointer; margin: 0; padding: 0; background-color: #888; color: #fff; text-align: center; font-weight: bold; font-size: 14px; border-width: 1px...