przykład html - Kurs HTML i CSS
Tabele HTML / Łączenie komórek tabeli <td colspan rowspan>...nich umieszczamy tylko jeden znacznik TD lub TH, ale dodajemy do niego atrybut colspan="..." o wartości odpowiadającej liczbie scalanych komórek. Na przykład, aby utworzyć tabelę składająca się z dwóch kolumn, gdzie w pierwszym wierszu komórki są scalone, można się posłużyć następującym kodem: <table> <tr> <td colspan="2">wiersz 1, kolumna 1+2</td> </tr> <tr> <td>wiersz 2, kolumna 1</td> <td>wiersz 2, kolumna 2</td> </tr> </table>. Co robi ROWSPAN? Jest to atrybut, który możemy dodać do...
- HTML5 / Grupowa blokada pól formularza <fieldset disabled>
...<input type="text" name="pole"> <input type="radio" name="opcja" value="1"> <input type="radio" name="opcja" value="2"> </fieldset> Zobacz przykład: disabled Pytania i odpowiedzi <fieldset disabled, legend, input> Co robi FIELDSET? Tag <fieldset> w HTML jest używany do grupowania powiązanych elementów formularza w logiczne sekcje, co pomaga w organizacji i poprawia czytelność formularza. Zwykle jest używany wraz z tagiem <legend>, który dodaje tytuł do grupy pól, np. <fieldset>...
- HTML5 / Podpowiedź pola formularza <input placeholder, textarea placeholder>
...rozpoczęciu wpisywania właściwej wartości. Przykład <input placeholder> <input type="search" name="q" placeholder="Szukaj w serwisie..."> Zobacz przykład: placeholder="..." Pytania i odpowiedzi <input placeholder, textarea placeholder> Co to jest "placeholder" HTML? Placeholder w HTML to atrybut, który wyświetla tymczasowy tekst w polu formularza, zanim użytkownik wprowadzi własne dane. Jest on używany jako wskazówka lub sugestia, co należy wpisać w danym polu, np...
Wykazy CSS / Typ stylu wykazu {list-style-type}Spis treści {list-style-type} Typ stylu wykazu {list-style-type} Znakowy typ stylu wykazu Alfabetyczny typ stylu wykazu Numeryczny typ stylu wykazu Typ stylu wykazu {list-style-type} selektor { list-style-type: typ } Selektorem mogą być znaczniki dotyczące wykazów: ul - wypunktowanie, ol - wykaz numerowany oraz li - pojedynczy punkt wykazu [zobacz: Wstawianie stylów]. Natomiast "typ" odpowiada za wygląd wyróżnika (markera) wykazu. Należy zamiast niego wpisać dowolny z poniżej...
- Nagłówek i treść HTML / Ikona strony <link "shortcut icon">
...taką, która jej najlepiej pasuje. W przypadku gdy więcej niż jedna z podanych ikon będzie odpowiednia, zostanie wybrana ostatnia z wymienionych. Na przykład: <link rel="icon" href="favicon.ico" sizes="16x16 32x32" type="image/vnd.microsoft.icon"> <link rel="icon" href="favicon.png" sizes="16x16" type="image/png"> <link rel="icon" href="favicon48.png" sizes="48x48" type="image/png"> <link rel="icon" href="favicon72.png" sizes="72x72" type="image/png"> <link rel="icon" href="favicon96.png...
- Tekst HTML / Przekreślenie <s>
<s>...</s> wyświetlanie: w linii Pozwala przekreślić część tekstu. Oznacza treść, która nie jest dłużej trafna lub istotna z punktu widzenia pozostałej zawartości dokumentu. Przykład <s> Ten tekst jest przekreślony Przekreślenie innym kolorem Stosując pewną "sztuczkę", można sprawić, aby kolor linii przekreślenia różnił się od koloru tekstu: <s style="color: red"><span style="color: black">To jest czarne przekreślenie czerwoną linią</span></s> gdzie w miejsce wyróżnionych wyrazów należy...
- Selektory atrybutów CSS / Selektor atrybutu zawierającego określony wyraz
...atrybut, w którego wartości występuje podany wyraz (oprócz niego mogą występować tam również inne wyrazy). Wyraz nie może zawierać spacji! Na przykład deklaracja title~="jest" kojarzy atrybuty: title="To jest akapit" lub title="To jest pogrubienie" itd. W języku XHTML wszystkie nazwy atrybutów w selektorach muszą być pisane małymi literami. Ograniczenia tego nie posiada język HTML. Przykład Jeżeli w arkuszu stylów strony została umieszczona następująca reguła: p[title~="jest"]...
- Selektory atrybutów CSS / Selektor atrybutu zawierającego łączniki
...(myślnikami). Reguła taka pozwala nadać konkretne cechy elementom, posiadającym atrybut, którego wartość rozpoczyna się od podanego wyrazu. Na przykład składnia lang|="en" kojarzy atrybuty: lang="en-us" lub lang="en-au", jak również lang="en". Selektor taki został przewidziany do obsługi języków (atrybut LANG), których skróty zawierają często łączniki (np. "en-US" to język angielski w Stanach Zjednoczonych, "en-AU" to język angielski w Australii). W języku XHTML wszystkie nazwy...
- Selektory atrybutów CSS / Selektor atrybutu o określonej wartości
...nadany atrybut, który ma określoną wartość. Pozwala nadać konkretne cechy elementom, które posiadają atrybut, właśnie z taką dokładnie wartością. Na przykład znacznik może być automatycznie napisany czcionką koloru czerwonego, jeśli ma nadany atrybut title="...", o wartości podanej w deklaracji stylu. Znaczniki z atrybutem title="..." o innej wartości nie będą już czerwone. W języku XHTML wszystkie nazwy atrybutów w selektorach muszą być pisane małymi literami. Ograniczenia tego nie posiada...
- Rozmiary CSS / Wysokość {height}
...na <html> i <body>, a także upewnić się, że żadne z tych elementów nie ma ustawionej marginesów ani paddingu, które mogą wpłynąć na wysokość. Na przykład: <html style="height: 100%"> <body style="height: 100%; margin: 0"> <div style="height: 100%">Ten DIV zajmie całą dostępną wysokość.</div> </body> </html>.