Pytanie 1
Fragment kodu w języku HTML zawarty w ramce ilustruje zestawienie

Wynik: 22/40 punktów (55,0%)
Wymagane minimum: 20 punktów (50%)
Fragment kodu w języku HTML zawarty w ramce ilustruje zestawienie

W zapisie rgba(100, 40, 50, 0.2) czego dotyczy OSTATNIA wartość?
rgba to alfa: 0 = przezroczyste, 1 = kryjące.W CSS określono styl dla pola do edycji, które będzie miało tło w kolorze jasnozielonym po aktywacji.
input:focus { background-color: LightGreen; }
Która operacja NIE zmieni rozmiaru (wagi) pliku graficznego?
width, height) zmieniają tylko ROZMIAR WYŚWIETLANIA obrazu w przeglądarce - plik na serwerze pozostaje ten sam, więc jego waga się nie zmienia. To dlatego „zmniejszenie” obrazka atrybutem nie przyspiesza ładowania. Dlatego wagi pliku nie zmieni skalowanie atrybutami HTML.Aby strona poprawnie skalowała się na urządzeniach mobilnych, rozmiar czcionki należy zdefiniować:
<big> i <small> dają tylko zgrubną zmianę względem domyślnego rozmiaru, są przestarzałe i nie pozwalają precyzyjnie skalować. Responsywny rozmiar czcionki uzyskuje się jednostkami względnymi, czyli w procentach.Grafika, która ma być umieszczona na stronie, powinna mieć przezroczyste tło. Jakim formatem graficznym powinien być zapisany taki plik?
Kolor zielony to szesnastkowo #008000. Jaki to zapis RGB?
rgb(0, 128, 0)
rgb(0, 100, 0)
rgb(0, 80, 0)
rgb(0, 160, 0)
#008000 pary oznaczają kolejno czerwony, zielony i niebieski. Środkowa para 80 to szesnastkowo 128 (8×16), a skrajne 00 to zera - więc w RGB jest to rgb(0, 128, 0). Dlatego to zielony rgb(0, 128, 0).Dokument HTML określa akapit oraz obrazek. Aby obrazek był wyświetlany przez przeglądarkę w tej samej linii co akapit po jego lewej stronie, należy w stylu CSS obrazka uwzględnić właściwość
W języku HTML, aby uzyskać efekt podobny do tego w przykładzie, trzeba użyć konstrukcji

Aby sprawdzić poprawność składni kodu CSS, można skorzystać z:
Weryfikację kompletności formularza, działającą po stronie przeglądarki, należy zrealizować w języku
Dostosowanie wyglądu witryny do indywidualnych preferencji użytkownika oraz jego identyfikacja w systemie są możliwe dzięki mechanizmowi
Który z podanych znaczników HTML nie jest używany do formatowania tekstu?
Symbol, który pojawia się przed adresem w pasku adresowym przeglądarki internetowej lub przy tytule otwartej karty, określany jest mianem
Który znacznik służy do budowania hierarchii (struktury) tekstu nagłówkami?
<h6>
<head>
<u>
<style>
<h1> do <h6> - od najważniejszego do najmniej ważnego. <h6> to nagłówek najniższego poziomu, ale wciąż element tej struktury. Dlatego do hierarchii nagłówków należy <h6>.Dla przedstawionego fragmentu kodu
<img src="kwiat.jpg alt="kwiat">walidator HTML zwróci błąd, ponieważ
Aby przygotować szablon strony z trzema kolumnami ustawionymi obok siebie, należy posłużyć się stylem CSS:
.kolumny { float: right; height: 33%; }
.kolumny { float: left; width: 33%; }
.kolumny { float: left; width: 40%; }
.kolumny { clear: both; height: 33%; }
float: left oraz szerokość około jednej trzeciej kontenera, czyli width: 33%. Dzięki float elementy blokowe układają się w jednym rzędzie zamiast jeden pod drugim, a szerokość 33% sprawia, że trzy kolumny wypełniają całą szerokość. Dlatego poprawny jest styl .kolumny { float: left; width: 33%; }.Na stronie umieszczono obrazek, a po nim akapit. Aby obrazek znalazł się w tej samej linii, po LEWEJ stronie tekstu, w stylu CSS obrazka należy ustawić:
style: left;
align: left;
float: left;
alt: left;
float: left;. Właściwość float „wypycha” element w bok i pozwala innej treści ułożyć się obok. Dlatego potrzebne jest float: left;.Której właściwości CSS użyć, aby ustawić odstępy między WYRAZAMI?
letter-spaceword-spacingline-spacingwhite-spaceword-spacing, np. word-spacing: 5px; rozsuwa słowa. Dlatego do odstępów między wyrazami służy word-spacing.Aby wykorzystać skrypt znajdujący się w pliku przyklad.js, konieczne jest połączenie go ze stroną przy użyciu kodu
Jaką właściwość CSS należy zastosować, aby ustawić wewnętrzne marginesy dla danego elementu?
Kolor zapisany w notacji szesnastkowej #0000FF to:
#RRGGBB, gdzie każda para cyfr (00-FF) to składowa: czerwona, zielona i niebieska. W #0000FF składowe R i G są zerowe (00), a niebieska maksymalna (FF = 255), więc powstaje czysty niebieski. To odpowiednik zapisu rgb(0, 0, 255). Znajomość skrajnych wartości (00 i FF) pozwala szybko rozpoznać kolory podstawowe. Dlatego #0000FF to niebieski.W CSS zastosowano poniższe formatowanie. Kolorem czerwonym będzie wyświetlony
| h1 i { color: red; } |
W stylu CSS zdefiniowano klasę uzytkownik:
p.uzytkownik { color: blue; }Na stronie będą wyświetlane czcionką w kolorze niebieskim:
Portal internetowy dysponuje bardzo złożonym systemem stylów, który obejmuje style zewnętrzne, wewnętrzne oraz lokalne. Jak można zagwarantować, że określona cecha zdefiniowana w zewnętrznym stylu jest zawsze stosowana do elementu HTML, niezależnie od bardziej priorytetowych stylów?
Jakie jest właściwe określenie stylu CSS dla przycisku typu submit z czarnym tłem, bez ramki oraz z marginesami wewnętrznymi równymi 5 px?
input[type=submit] {
background-color: #000000;
border: none;
padding: 5px;
} A |
input[type=submit] {
background-color: #ffffff;
border: none;
padding: 5px;
} B |
input=submit {
background-color: #000000;
border: none;
margin: 5px;
} C |
input=submit {
background-color: #000000;
border: 0px;
margin: 5px;
} D |
<form> <input type="email" id="addr" required> <input type="submit" value="Zapisz"> </form>Na podstawie przedstawionego kodu formularza HTML można powiedzieć, że pole edycyjne:
Aplikacja o nazwie FileZilla umożliwia
Na podstawie filmu wskaż, która cecha dodana do stylu CSS zamieni miejscami bloki aside i nav, pozostawiając w środku blok section?
Wskaźnik HTML, który umożliwia oznaczenie tekstu jako błędnego lub nieodpowiedniego poprzez jego przekreślenie, to jaki?
Wskaż blok, który jest sformatowany zgodnie z podanym stylem CSS.
background: linear-gradient(to right, LightBlue, DarkBlue);

W skrypcie JavaScript użyto metody DOM getElementsByClassName('akapit'). Ta metoda odniesie się do akapitu
W CSS, aby zastosować efekt przekreślenia, a także podkreślenia dolnego lub górnego w tekście, należy użyć
Którą technologię poleca się, aby treść serwisu mogli edytować użytkownicy bez umiejętności programowania?
Co można powiedzieć o wyświetlonym przez witrynę tekście „test kolorów”?
<p id="p1" style="color:blue;">test kolorów</p> <button type="button" onclick="document.getElementById('p1').style.color='red'"> test</button> |
Na ilustracji pokazano strukturę bloków witryny internetowej. Który z elementów stylu strony jest zgodny z podanym układem? Dla uproszczenia pominięto cechy koloru tła, wysokości oraz czcionki)

Który z poniższych formatów NIE umożliwia zapis plików animowanych?
Która reguła dotycząca sekcji <head> w HTML jest poprawna?
<head> zawiera się sekcja <body><head> nie można umieszczać kodu CSS, a jedynie odwołanie do pliku CSS<head> mogą wystąpić znaczniki <meta>, <title>, <link><head> definiuje się szablon strony znacznikami <div><head> zawiera metadane dokumentu - informacje o stronie, a nie jej widoczną treść. Mieszczą się w niej m.in. <title> (tytuł karty), <meta> (np. kodowanie znaków, opis), <link> (dołączenie zewnętrznego arkusza CSS lub favikony) oraz <style> i <script>. Widoczną zawartość strony - nagłówki, akapity, obrazy, <div> - umieszcza się w odrębnej sekcji <body>. Dlatego poprawna jest reguła o <meta>, <title> i <link> w <head>.Jaką rozdzielczość należy przyjąć, aby uzyskać proporcje obrazu 16:9, zakładając, że piksel ma formę kwadratu?
p { font-family: Arial, Helvetica, sans-serif; }Zdefiniowany styl dla selektora p spowoduje, że tekst w paragrafie zostanie wyświetlony czcionką: