przykład - Kurs HTML i CSS
HTML5 / Pasek wyniku <meter>...w ankiecie), podczas gdy pasek postępu jest przeznaczony wyłącznie do określania stopnia ukończenia jakiegoś zadania. Przykład <meter> Zobacz przykład: METER Przedziały wartości <meter low high optimum> (interpretuje: Firefox 16, Opera 11.5, Chrome 6) Wersja podstawowa: <meter value="współczynnik" low="niski" high="wysoki">alternatywa</meter> Minimum i maksimum: <meter value="wartość" min="minimum" max="maksimum" low="niska" high="wysoka">alternatywa</meter> Wartość optymalna...
- HTML5 / Blokada autouzupełniania <form autocomplete, input autocomplete, select autocomplete, textarea autocomplete>
...wprowadzania danych poprzez automatyczne sugerowanie i uzupełnianie wartości na podstawie wcześniejszych wpisów lub zapisanych danych. Na przykład, w formularzu <input type="text" name="email"> przeglądarka może automatycznie wypełnić adres e-mail użytkownika, który był wcześniej używany. Jak wyłączyć autouzupełnianie w HTML? Autouzupełnianie można wyłączyć w HTML, dodając atrybut autocomplete="off" do tagu <form>, <input>, <select> lub <textarea>. Na przykład: <input...
- HTML5 / Automatyczne zogniskowanie <... autofocus>
...w HTML jest używana do automatycznego ustawienia fokusu na określonym elemencie formularza, takim jak pole tekstowe, gdy strona jest załadowana. Na przykład, używając <input type="text" name="username" autofocus>, przeglądarka automatycznie ustawi kursor w polu username podczas ładowania strony. Jak ustawić domyślny fokus w HTML? Domyślny fokus w HTML można ustawić, dodając atrybut autofocus np. do tagu <input>, <textarea> lub <select>. Na przykład, <input type="text" name="search...
Selektory specjalne CSS / Selektor identyfikatora <... id>...lub JavaScript. Jak zdefiniować identyfikator w elemencie DIV? Aby zdefiniować identyfikator w elemencie <div>, używamy atrybutu id="...". Na przykład: <div id="moje-id">Treść</div>. Jak odnieść się do ID w CSS? Aby odnieść się do atrubutu id="..." w CSS, używa się znaku krzyżyka (#) przed nazwą identyfikatora. Na przykład: #moje-id { color: red; }. Kiedy stosuje się selektor identyfikatora? Selektor identyfikatora stosuje się, gdy chcemy przypisać style do konkretnego...
- Selektory pseudoklas CSS / Odsyłacz podstawowy :link
...Jak wstawić odsyłacz? Odsyłacz w HTML wstawiamy za pomocą znacznika <a href="...">...</a>, gdzie atrybut href="..." określa adres docelowy. Na przykład: <a href="https://www.example.com">Tekst odsyłacza</a>. Jaki kolor ma link? Domyślnie linki są niebieskie (kolor #0000FF czyli blue), a odwiedzone linki są fioletowe (kolor #800080 czyli purple). Jak zmienić kolor odsyłacza HTML? Aby zmienić kolor odsyłacza w HTML, można użyć atrybutu style="..." lub zdefiniować regułę CSS. Na...
- Czcionki CSS / Rodzaj czcionki {font-family}
...w CSS można ustawić za pomocą właściwości font-family, która określa preferowany rodzaj czcionki lub listę rodzajów czcionek do wyświetlenia. Na przykład: "font-family: 'Helvetica', sans-serif" ustawia czcionkę na "Helvetica" lub, jeśli nie jest dostępna, na czcionkę bezszeryfową. Co oznacza "font-family: serif"? Słowo kluczowe serif w właściwości font-family odnosi się do rodzaju czcionek z dodatkowymi zakończeniami (szeryfami) na literach. Czcionki "serif" są zazwyczaj bardziej...
- Czcionki CSS / Waga czcionki {font-weight}
...Jak zrobić pogrubiony tekst w CSS? Aby zrobić pogrubiony tekst w CSS, użyj właściwości font-weight i przypisz jej wartość bold. Na przykład: "font-weight: bold" pogrubia tekst. Jak zmienić grubość czcionki HTML? W HTML można zmienić grubość czcionki za pomocą atrybutu style="..." i wartości font-weight. Na przykład: <p style="font-weight: bold">Tekst pogrubiony</p> tworzy pogrubiony tekst.
- Tło CSS / Tło obrazkowe {background-image}
...jako tło w CSS? Aby ustawić obrazek jako tło w CSS, można użyć właściwości background-image i podać ścieżkę dostępu do obrazka jako wartość. Na przykład: "background-image: url('sciezka/do/obrazka.jpg')". Jak dodać tło do zdjęcia? Aby dodać tło do zdjęcia z elementami przezroczystymi w CSS, można jednocześnie użyć właściwości background-image do ustawienia obrazka jako tła oraz background-color do określenia koloru tła. Na przykład, jeśli obrazek ma format GIF lub PNG z elementami...
- Tło CSS / Zaczepienie tła obrazkowego {background-attachment}
Spis treści {background-attachment} Zaczepienie tła obrazkowego {background-attachment} Wielokrotne zaczepienie Zaczepienie tła obrazkowego {background-attachment} (interpretuje Internet Explorer 9, Firefox, Opera, Chrome) selektor { background-attachment: zaczepienie } Jako "zaczepienie" należy wpisać: scroll - przewijanie tła (domyślnie) fixed - tło nieruchome względem okna przeglądarki local - tło nieruchome względem elementu (jeśli posiada on suwaki), ale przewijane względem...
- Obramowanie CSS / Atrybuty mieszane zaokrąglenia obramowania {border-radius}
...Jak zaokrąglić "border"? Aby zaokrąglić border w CSS, można użyć właściwości border-radius i określić wartość promienia zaokrąglenia. Na przykład: "border-radius: 10px" zaokrągli wszystkie cztery rogi obramowania o promieniu 10 pikseli. Jak zaokrąglić DIV CSS? Aby zaokrąglić rogi <div> w CSS, użyj właściwości border-radius i określ wartość promienia zaokrąglenia. Na przykład: <div style="border-radius: 10px; background-color: lightgray; padding: 20px">Treść</div> zaokrągli...