href - Kurs HTML i CSS
Migotanie...utrudniając czytanie. Migotanie można stosować nie tylko do znaczników <div>...</div>, ale również do każdego innego, np. migające odsyłacze (<a href="...">...</a>): To jest migające hiperłącze (możesz je klikać)
- Indeks, wyszukiwarka / Wygląd
...na którym wstawiony jest indeks haseł, wystarczy wstawić odwołanie do utworzonego właśnie zewnętrznego arkusza stylów: <link rel="stylesheet" href="indeks.css">
- Rozwijane menu
...z takiego menu będą niedostępne. Dlatego zaleca się umieścić w innym miejscu również zwykłych odsyłaczy tekstowych. <select onchange="self.location.href = this.value"> <option VALUE="adres1.html">Opis1</option> <option VALUE="adres2.html">Opis2</option> ... </select> adres1.html, adres1.html Adresy (lub względne ścieżki dostępu) stron, które chcemy wczytać po wybraniu danej pozycji na liście Opis1, Opis2 Test, który pojawi się na liście i po wybraniu których nastąpi wczytanie stron...
HTML5 / Zmienione elementy i atrybuty HTML5...zostanie w całości wczytany przez przeglądarkę. dir Dodano nową wartość - "auto". enctype Dla znacznika FORM dodano obsługę "text/plain". href Dla elementu LINK nie może zawierać pustej wartości. Dla elementu BASE musi zawierać adres bezwzględny. Dla elementu A może zawierać IRI (od zwykłego adresu URL różni się tym, że może składać się z liter spoza alfabetu łacińskiego). Wymagane jest jednak przy tym, aby dokument był zapisany przy użyciu strony kodowej UTF-8 lub UTF-16...
- HTML5 / Sekcja <section>
...identyfikatorem, do którego będzie się można potem odnosić: <section id="moja-sekcja"> <h1>Moja sekcja</h1> ... </section> (...) Przejdź do: <a href="#moja-sekcja">Moja sekcja</a> Sekcja nie powinna być używana jako ogólny pojemnik na elementy. Jeżeli istnieje potrzeba, aby zmienić wygląd kilku następujących po sobie elementów, należy do tego użyć znacznika DIV, który w odróżnieniu od SECTION, nie niesie ze sobą żadnego znaczenia semantycznego. Ponadto znacznik SECTION został...
- HTML5 / Załącznik <figure, figcaption>
...na inną podstronę, bo inaczej dokument utraciłby spójność. Przykład <figure> <p>Język HTML5 upraszcza deklarowanie strony kodowej dokumentu. Na <a href="#listing1">przykładzie 1</a> możemy się przekonać, jak to zrobić.</p> <figure id="listing1"> <pre><code> <meta charset="UTF-8"> </code></pre> </figure> <p>Krótszą formę ma również deklaracja typu dokumentu.</p> Warto zwrócić uwagę, że gdyby tekst akapitu był sformułowany w inny sposób, użycie znacznika FIGURE mogłoby być raczej...
- HTML5 / Blokowanie wyświetlania <link "stylesheet" blocking, script blocking, style blocking>
(interpretuje: Opera 91, Chrome 105) Zewnętrzny arkusz stylów CSS: <link rel="stylesheet" href="style.css" blocking="render"> Skrypt JavaScript: <script blocking="render"></script> Wewnętrzny arkusz stylów CSS: <style blocking="render">...</style> style.css Lokalizacja zewnętrznego arkusza stylów CSS Przeglądarka internetowa może wykonywać niektóre operacje równocześnie. Czasami mogłoby to jednak prowadzić do nieoczekiwanych rezultatów. Dlatego na przykład osadzenie zewnętrznego...
- HTML5 / Kategorie elementów HTML5
...IFRAME, IMG, OBJECT, PICTURE, VIDEO interaktywne (ang. interactive content) Treść przeznaczona specjalnie do interakcji z użytkownikiem. A (href="..."), AUDIO (controls), BUTTON, DETAILS, EMBED, IFRAME, IMG (usemap="..."), INPUT (controls), LABEL, SELECT, TEXTAREA elementy formularzy (ang. form-associated elements) Elementy znajdujące się wewnątrz FORM lub do niego przypisane. BUTTON, FIELDSET, INPUT, LABEL, OBJECT, OUTPUT, SELECT, TEXTAREA, IMG wymienione elementy formularzy...
Dla nauczycieli / Scenariusz lekcji informatyki dla szkoły podstawowej...i linków Czas trwania: 45 minut Cele szczegółowe Uczeń potrafi dodać obrazek i utworzyć odsyłacz. Rozumie znaczenie atrybutów src="...", href="...", alt="...". Materiały Wstawienie obrazka HTML Wyśrodkowanie obrazka Odsyłacz do podstrony Odsyłacz do adresu internetowego Odsyłacz obrazkowy Odsyłacz pocztowy Przebieg 5 min - Powtórzenie z poprzednich zajęć: budowa dokumentu HTML. 10 min - Pokaz na rzutniku: jak dodać obrazek + opis atrybutów. 15 min - Uczniowie...
- Dla nauczycieli / Scenariusz lekcji informatyki dla branżowej szkoły I stopnia
...Wstawienie obrazka HTML Odsyłacze HTML Przebieg 10 min - Wprowadzenie do znaczników <img> i <a> Wyjaśnienie atrybutów: src="...", alt="...", href="...", target="_blank" (nowe okno). 20 min - Praca praktyczna Uczniowie wstawiają obrazek na stronie. Tworzą link do innej strony i do adresu e-mail. 10 min - Analiza błędów i zapisanie pracy 5 min - Zadanie domowe: dodać więcej obrazków i linków. Lekcja 3 - Formatowanie strony i style CSS Czas trwania: 45 minut Cele szczegółowe...