dodać atrybut - Kurs HTML i CSS
Odsyłacze HTML / Do etykiety <a id>...jak i w przypadku odsyłaczy do adresu internetowego w innej witrynie (np. <a href="http://example.com/podstrona.html#etykieta">...</a>). Jak dodać kotwicę HTML? Kotwica (inaczej etykieta) to oznaczone miejsce w dokumencie HTML, do którego można odsyłać użytkownika za pomocą odnośników hipertekstowych. Aby wstawić kotwicę w określonym miejscu dokumentu można się posłużyć następującym kodem: <a id="nazwa-kotwicy"></a>. Można również nadać atrybut id="nazwa-kotwicy" dowolnemu...
- HTML5 / Wykaz z numeracją odwrotną <ol reversed>
...listę zaczynającą się od numeru 3. Jak utworzyć listę w kolejności malejącej w HTML? Aby utworzyć listę w kolejności malejącej w HTML, należy dodać atrybut reversed do elementu <ol>. Można również ustawić początkowy numer listy za pomocą atrybutu start. Przykład: <ol reversed start="5"> <li>Piąty</li> <li>Czwarty</li> <li>Trzeci</li> </ol> utworzy listę zaczynającą od 5 i malejącą.
- HTML5 / Blokada autouzupełniania <form autocomplete, input autocomplete, select autocomplete, textarea autocomplete>
...hasła zapisanymi wcześniej wartościami. Jak usunąć autouzupełnianie w polu tekstowym? Aby usunąć autouzupełnianie w polu tekstowym, należy dodać atrybut autocomplete="off" do tagu <input>. Na przykład: <input type="text" name="field" autocomplete="off">. To zapobiega przeglądarkom sugerowaniu i automatycznemu uzupełnianiu wartości w tym polu.
Selektory pseudoelementów CSS / Przed... :before...nie zobaczysz efektu. Obrazek przed... :before {content: url} Zamiast tekstu generowanego przed wybranym elementem, w analogiczny sposób można tam dodać grafikę: selektor:before { content: url(ścieżka dostępu do obrazka) } Ścieżkę dostępu należy konstruować względem arkusza CSS! Przykład :before {content: url} To jest akapit, rozpoczynający się obrazkiem, pomimo że nie został on umieszczony w treści akapitu. Można nawet połączyć generowanie tekstu i grafiki w jednej deklaracji...
- Selektory pseudoelementów CSS / Po... :after
...nie zobaczysz efektu. Obrazek po... :after {content: url} Zamiast tekstu generowanego po wybranym elemencie, w analogiczny sposób można tam dodać grafikę: selektor:after { content: url(ścieżka dostępu do obrazka) } Ścieżkę dostępu należy konstruować względem arkusza CSS! Przykład :after {content: url} To jest akapit, kończący się obrazkiem, pomimo że nie został on umieszczony w treści akapitu. Można nawet połączyć generowanie tekstu i grafiki w jednej deklaracji: p:after...
Wstęp do JavaScript i ECMAScript / Jak osadzić skrypt JavaScript na stronie?...pliku z rozszerzeniem *.js i potem wstawić do niego odwołanie: <script src="plik.js"></script> Dodatkowo w tym przypadku do znacznika SCRIPT można dodać atrybut logiczny async, dzięki któremu przeglądarka wczyta w tle plik z kodem skryptu (który może być czasem sporych rozmiarów), pozwalając w tym czasie użytkownikowi normalnie rozpocząć czytania treści strony, na nic nie czekając. <script async src="plik.js"></script> Podobnie działa atrybut defer, jednak wtedy przeglądarka rozpoczyna...
- HTML5 / Nowe elementy HTML5
...Element SUMMARY dostarcza ich streszczenie, legendę lub podpis. DIALOG Część aplikacji w postaci okna dialogowego. Skrypty Skrypty pozwalają dodać pewną interaktywność do dokumentów HTML. TEMPLATE Oznacza fragmentu kodu HTML, który może być kopiowany i wstawiany przez skrypt w innym miejscu dokumentu. SLOT Tworzy tzw. slot używany przy tworzeniu własnych elementów. CANVAS Używane do renderowania dynamicznej grafiki rastrowej w czasie wyświetlania strony - takiej jak wykresy lub...
- HTML5 / Napisy do filmów <track>
...BOM (znacznik kolejności bajtów) - dla plików *.vtt może on zarówno 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...
- Szablon strony na DIV-ach / Semantyczny szablon strony
...<div>...</div>, ponieważ jest to poprawne semantycznie. Zgodnie ze specyfikacją HTML 4.01, element DIV jest ogólnym pojemnikiem, pozwalającym dodać strukturę do dokumentu, którą potem można wykorzystać przy stylizacji za pomocą CSS. Musimy jednak w jakiś sposób odróżnić np. blok treści strony od bloku stopki. W tym celu użyliśmy identyfikatorów (atrybuty id="..."), ponieważ wiemy, że w jednym pliku na pewno nie pojawią się np. dwa bloki treści ani podwójna stopka. Jeśli będziemy chcieć...
- HTML dla zielonych / Odsyłacz do adresu internetowego HTML <a "http, https">
...zapewnia szyfrowane połączenie, ale jeśli nie działa, trzeba użyć drugiego typu. Jak otworzyć link w nowej karcie HTML? W tym celu trzeba dodać specjalny atrybut do znacznika odsyłacza: <a target="_blank" href="https://www.google.pl/">Otwórz Google w nowym oknie</a>.