przykład html - Kurs HTML i CSS
HTML5 / Napisy do filmów <track>...zostać dodany, jak i pominięty. W tym przypadku raczej korzystniej będzie go dodać (Notatnik robi to automatycznie). Przykład <track> Zobacz przykład: TRACK Rodzaj napisów Istnieje możliwość podania więcej niż jednego znacznika <track> dla tego samego materiału wideo. Mogą to być tłumaczenia napisów na różne języki. W takim przypadku pomocny jest atrybut srclang="...", w którym podajemy nazwę kodową języka (zobacz: Skróty nazw języków). Oprócz tego zaleca się również podanie atrybutu...
- HTML dla zielonych / Odsyłacz obrazkowy HTML <a href, img src alt "border">
...znacznika odsyłacza. Odnośniki obrazkowe można tworzyć dla wszystkich typów odsyłaczy: do podstrony, do adresu internetowego i pocztowych. Na przykład jeśli plik zdjęcia nazywa się "obrazek.jpg" i znajduje się w tym samym katalogu na dysku komputera co dokument *.html, w którym chcemy wstawić odsyłacz obrazkowy, można się posłużyć odpowiednio następującymi znacznikami: <a href="podstrona.html"><img src="obrazek.jpg" alt="Przejdź do podstrony" style="border: 0"></a> (odsyłacz do...
- Tabele HTML / Komórki nagłówkowe tabeli <th>
...nagłówek w tabeli HTML? W tym celu wystarczy wstawić normalny wiersz na początku tabeli, ale zamiast znaczników TD dodać w nim elementy TH. Na przykład, aby utworzyć dwukolumnową tabelę składającą się z jednego wiersza nagłówka i dwóch zwykłych wierszy, można się posłużyć następującym kodem: <table> <tr> <th>nagłówek, kolumna 1</th> <th>nagłówek, kolumna 2</th> </tr> <tr> <td>wiersz 1, kolumna 1</td> <td>wiersz 1, kolumna 2</td> </tr> <tr> <td>wiersz 2, kolumna 1</td> <td>wiersz 2...
- 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...
- 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...
- HTML5 / Uwydatnienie <mark>
...możemy przekazać użytkownikowi, że taki fragment może być dla niego szczególnie przydatny, biorąc pod uwagę czynności, które właśnie podjął. Na przykład jeżeli użytkownik właśnie użył wyszukiwarki w serwisie, w wynikach wyszukiwania możemy uwydatnić słowa, których szukał. Należy wyraźnie odróżnić znaczenie uwydatnienia realizowanego przez znacznik MARK od EM i STRONG. Element MARK uwydatnia tekst tylko w określonym kontekście (w innym może już nie być zaznaczony). Natomiast znacznik EM...
- HTML5 / Wstępne ładowanie <link "preload" as>
...aplikacji. Działa to poprzez wczytywanie zasobów, takich jak skrypty lub style, z wyprzedzeniem, aby były one dostępne, gdy będą potrzebne. Na przykład, aby wstępnie załadować skrypt, można użyć <link rel="preload" href="script.js" as="script">. Stosuje się je, gdy zasoby są kluczowe dla wydajności lub w czasie, gdy nie są jeszcze bezpośrednio używane, ale będą potrzebne wkrótce. Jak działa wstępne ładowanie? Wstępne ładowanie działa poprzez wczytywanie zasobów, takich jak pliki...