zewnętrzny - Kurs HTML i CSS
Wstawianie stylów CSS / Zewnętrzny arkusz stylów <link "stylesheet"> @charset...Zewnętrzny arkusz stylów <link "stylesheet"> <head> (...) <link rel="stylesheet" href="style.css"> (...) </head> gdzie "style.css" jest zewnętrznym arkuszem stylów. Natomiast znaki (...) oznaczają inne polecenia, które zwykle pojawiają się w nagłówku dokumentu, np. deklaracja strony kodowej. Możliwość wstawiania zewnętrznego arkusza jest chyba jedną z największych zalet stosowania stylów. Pozwala nam to zdefiniować takie samo formatowanie określonych elementów na wielu stronach...
HTML5 / Uwierzytelnienie <audio crossorigin, img crossorigin, link crossorigin, script crossorigin, video crossorigin>...crossorigin="uwierzytelnienie"></video> lokalizacja Ścieżka dostępu albo adres URL wskazujące na miejsce, skąd ma zostać załadowany zewnętrzny zasób uwierzytelnienie Należy wpisać: anonymous - dane uwierzytelniające zostaną przesłane tylko w przypadku, kiedy odwołanie nastąpi z tej samej domeny (to samo co użycie crossorigin jako atrybut logiczny - tzn. bez podania wartości). Czyli przykładowo jeśli na naszej stronie wstawimy obrazek znajdujący się na innym serwerze...
- HTML5 / Priorytet ładowania <img fetchpriority, link fetchpriority, script fetchpriority>
...fetchpriority="priorytet"></script> lokalizacja Ścieżka dostępu albo adres URL wskazujące na miejsce, skąd ma zostać załadowany zewnętrzny zasób priorytet Należy wybrać jedną z następujących wartości: high - wskazany zasób załaduje się wcześniej względem innych tego samego rodzaju. low - wskazany zasób załaduje się później względem innych tego samego rodzaju. auto - wartość domyślna Na stronie internetowej możemy osadzić wiele zasobów ładowanych z zewnętrznych...
- Tekst HTML / Komentarz HTML
...zignorowany przez przeglądarkę --> Komentarzy nie można zagnieżdżać (umieszczać jeden wewnątrz drugiego), tzn. niedozwolona jest konstrukcja: <!-- zewnętrzny <!-- komentarz wewnętrzny --> zewnętrzny --> nawet jeśli komentarze znajdują się w wielu linijkach. Częstym zastosowaniem komentarza jest również objęcie nim bloku kodu (razem ze znacznikami), który zdecydowaliśmy się chwilowo usunąć ze strony, ale zamierzamy go jeszcze kiedyś (niedługo) wykorzystać. Zaletą takiego sposobu, w stosunku...
- Ikony (symbole) / Zdjęcie i obraz
...wyłączona flash_off flash_off Obróć aparat Android flip_camera_android flip_camera_android Historie webowe web_stories web_stories Mikrofon zewnętrzny włączony mic_external_on mic_external_on Rozmycie obiektywu lens_blur lens_blur Brak fotografii no_photography no_photography Ziarno grain grain Szczegóły details details Panorama panorama panorama Pudełko GIF gif_box gif_box Chropowaty flaky flaky Ekspozycja Plus 1 exposure_plus_1 exposure_plus_1 Lupa loupe loupe Usuwanie...
- Oprawa graficzna / Zamiennik obrazkowy
...div { background-image: url(obrazek.gif); width: 200px; height: 50px; } div span { display: none; } Wyjaśnienie: Najpierw pod zewnętrzny element podstawiamy obrazek tła Musimy ustalić rozmiary bloku na identycznie jak wymiary grafiki - inaczej otrzymalibyśmy element w szerokości całej strony i wysokości zależnej od zawartego w nim tekstu Na koniec po prostu ukrywamy tekst wpisany w środku, poprzez usunięcie wewnętrznego elementu Oczywiście w rzeczywistym zastosowaniu...
Menu drzewiaste / Skrypt menu drzewiastego...</ul> </li> <li><a href="...">Dokument 4</a></li> </ul> <script> new Tree("tree0"); </script> Rzeczy, które trzeba tutaj podkreślić: Najbardziej zewnętrzny znacznik <ul>...</ul> powinien mieć przypisaną klasę CSS: class="tree". Dzięki temu punkty menu przyjmą odpowiedni wygląd. Ten sam najbardziej zewnętrzny znacznik <ul>...</ul> musi posiadać atrybut: id="tree0" Zaraz poniżej kodu menu musi się znajdować blok <script>...</script>. Zauważ, że wyróżniony w nim identyfikator tree0 musi być...
Dla nauczycieli / Scenariusz lekcji informatyki dla liceum i technikum...atrybuty (np. controls, autoplay, loop). 10 min - Wstawianie widżetów (iframe) Wyjaśnienie tagu <iframe>, jego zastosowanie i sposób osadzania zewnętrznych treści (np. YouTube). 10 min - Ćwiczenie praktyczne: strona z obrazkami, wideo i audio Uczniowie tworzą stronę, na której wstawiają wideo z YouTube i widżet (iframe) z zewnętrzną zawartością. 5 min - Omówienie błędów, wspólna analiza kodu 5 min - Zadanie domowe: rozbudować stronę o więcej multimediów, dodać dodatkowy filmik...
- HTML5 / Wstępne ładowanie <link "preload" as>
...wartości: w języku HTML - audio, document (dokument HTML), embed, frame, iframe, image, object, track, video w języku CSS - font, style (zewnętrzny arkusz stylów oraz import arkusza stylów) w języku JavaScript - fetch, json, script w języku XML - xslt (ang. Extensible Stylesheet Language Transformations) typ Odpowiedni typ MIME lokalizacja Ścieżka dostępu albo adres URL wskazujące na miejsce, skąd ma zostać załadowany zewnętrzny zasób Domyślnie przeglądarki internetowe...
- Wstawianie stylów CSS / Import arkusza stylów @import
<style> @import url(adres zewnętrznego arkusza stylów); </style> Polecenie można wstawić zarówno w wewnętrznym jak i zewnętrznym arkuszu stylów. Pozwala wczytać zewnętrzny arkusz stylów, przy czym może się on znajdować na tym samym serwerze (wtedy można podać względną ścieżkę dostępu) lub w dowolnym miejscu w obrębie całego Internetu (wtedy podajemy adres internetowy). Po wczytaniu, zostanie on automatycznie dołączony do strony. Oprócz importu arkusza, możesz umieścić pomiędzy znacznikami...