D. </span>
</div>
</div>
</div>
</div>
<!-- Feedback -->
<div class="mt-3">
<!-- Wyświetl feedback dla widocznych pytań -->
<div class="alert alert-success mb-0">
Element <title> jest kluczowym składnikiem dokumentu HTML, ponieważ określa tytuł strony, który jest wyświetlany na karcie przeglądarki oraz w wynikach wyszukiwania. W każdym poprawnie skonstruowanym dokumencie HTML powinien znajdować się co najmniej jeden element <title>, a jego brak skutkuje ostrzeżeniem lub błędem walidatora HTML. Zgodnie z specyfikacją HTML5, element <title> powinien być umieszczony wewnątrz sekcji <head>. Dobrą praktyką jest, aby tytuł był krótki, ale jednocześnie informacyjny i zawierał istotne słowa kluczowe, co może poprawić widoczność w wyszukiwarkach. Na przykład, tytuł 'Strona Główna - Moja Firma' jasno określa zawartość i cel strony, co jest korzystne dla użytkowników i robotów wyszukiwarek. Pamiętaj, że niepoprawna struktura dokumentu HTML może prowadzić do problemów z indeksowaniem przez wyszukiwarki oraz może wpłynąć na doświadczenie użytkownika.
</div>
</div>
</article>
<hr class="my-4">
<article class="mb-4">
<!-- Pytanie -->
<div class="mb-3">
<div class="d-flex justify-content-between align-items-start mb-3">
<h6 class="mb-0">Pytanie 29</h6>
<div class="d-inline-block">
<button type="button"
class="btn btn-sm btn-outline-danger"
data-report-question="przedstawiona-ikona-funkcji-edytora-grafiki-rastro-6329d65f"
aria-label="Zgłoś błąd">
<i class="fas fa-exclamation-triangle"></i>
</button>
</div>
</div>
<!-- Wyświetl pełną treść pytania dla widocznych pytań -->
<p>Ikona przedstawiająca funkcję w edytorze grafiki rastrowej, znana jako „kubełek”, pozwala na</p>
<figure class="figure mt-3">
<img src="/images/53586.png"
class="figure-img img-fluid rounded"
alt="Ilustracja do pytania"
itemprop="image">
</figure>
</div>
<!-- Odpowiedzi -->
<div class="mb-3">
<!-- Wyświetl odpowiedzi dla widocznych pytań -->
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-2
bg-success bg-opacity-10 border-success text-success
">
<div class="flex-grow-1">
<span>A. wypełnienie obszaru, który został zaznaczony kolorem</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>B. wybór obszaru o identycznym kolorze</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>C. zmianę bieżących kolorów</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>D. pobranie wybranej barwy i ustawienie jej jako aktywnej</span>
</div>
</div>
</div>
</div>
<!-- Feedback -->
<div class="mt-3">
<!-- Wyświetl feedback dla widocznych pytań -->
<div class="alert alert-success mb-0">
Narzędzie 'kubełek', często spotykane w edytorach grafiki rastrowej takich jak Adobe Photoshop czy GIMP, służy do wypełniania zaznaczonego obszaru kolorem. Jest to szczególnie przydatne w sytuacjach, gdy chcemy szybko zapełnić jednolitym kolorem duże powierzchnie, takie jak tła lub obiekty. Działa na zasadzie zalewania najbliższych pikseli wybranym kolorem, uwzględniając podobieństwo kolorów, co można regulować za pomocą opcji tolerancji. W praktyce, narzędzie to usprawnia proces tworzenia grafik, ponieważ eliminuje potrzebę ręcznego kolorowania każdego piksela. Dodatkowo 'kubełek' może być stosowany w połączeniu z różnymi trybami mieszania, co pozwala na uzyskanie bardziej zaawansowanych efektów wizualnych. Praca z 'kubełkiem' wymaga zrozumienia koncepcji warstw, ponieważ wypełnianie na konkretnej warstwie ma wpływ na finalny wygląd projektu. Wiedza o tym, jak skutecznie używać narzędzia 'kubełek', jest niezbędna dla każdego grafika cyfrowego, który chce pracować efektywnie i profesjonalnie, realizując projekty zgodnie z najlepszymi praktykami branżowymi.
</div>
</div>
</article>
<hr class="my-4">
<article class="mb-4">
<!-- Pytanie -->
<div class="mb-3">
<div class="d-flex justify-content-between align-items-start mb-3">
<h6 class="mb-0">Pytanie 30</h6>
<div class="d-inline-block">
<button type="button"
class="btn btn-sm btn-outline-danger"
data-report-question="w-ms-sql-server-predefiniowana-rola-o-nazwie-dbcre-dbbcfa22"
aria-label="Zgłoś błąd">
<i class="fas fa-exclamation-triangle"></i>
</button>
</div>
</div>
<!-- Wyświetl pełną treść pytania dla widocznych pytań -->
<p>W MS SQL Server rola predefiniowana o nazwie dbcreator umożliwia użytkownikowi</p>
</div>
<!-- Odpowiedzi -->
<div class="mb-3">
<!-- Wyświetl odpowiedzi dla widocznych pytań -->
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>A. wykonywanie wszelkich operacji na serwerze i posiadanie praw do każdej bazy</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>B. zarządzanie plikami na dysku</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>C. zarządzanie bezpieczeństwem systemu</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-2
bg-success bg-opacity-10 border-success text-success
">
<div class="flex-grow-1">
<span>D. tworzenie, modyfikowanie, usuwanie oraz przywracanie bazy danych</span>
</div>
</div>
</div>
</div>
<!-- Feedback -->
<div class="mt-3">
<!-- Wyświetl feedback dla widocznych pytań -->
<div class="alert alert-success mb-0">
Rola dbcreator w MS SQL Server rzeczywiście pozwala użytkownikowi na tworzenie, modyfikowanie, usuwanie i odzyskiwanie baz danych. Użytkownicy, którzy mają przypisaną tę rolę, mogą łatwo zarządzać bazami danych w danym serwerze, co jest kluczowe w środowiskach, gdzie bazy danych muszą być regularnie aktualizowane lub tworzone od podstaw. Przykładowo, w przypadku rozwijania aplikacji biznesowej, programista może korzystać z tej roli do tworzenia nowych baz danych na potrzeby testów, co pozwala na szybkie wdrażanie oraz iterację w procesie rozwoju oprogramowania. W praktyce, przypisanie roli dbcreator powinno być stosowane z uwagą, aby ograniczyć do minimum dostęp do krytycznych operacji tylko dla zaufanych użytkowników. Dobre praktyki sugerują regularne przeglądanie i audyt przypisania ról oraz monitorowanie działań użytkowników, aby zapobiegać nieautoryzowanym zmianom w strukturze baz danych.
</div>
</div>
</article>
<hr class="my-4">
<article class="mb-4">
<!-- Pytanie -->
<div class="mb-3">
<div class="d-flex justify-content-between align-items-start mb-3">
<h6 class="mb-0">Pytanie 31</h6>
<div class="d-inline-block">
<button type="button"
class="btn btn-sm btn-outline-danger"
data-report-question="ktore-ze-stwierdzen-dotyczacych-klucza-podstawoweg-0f7e11a7"
aria-label="Zgłoś błąd">
<i class="fas fa-exclamation-triangle"></i>
</button>
</div>
</div>
<!-- Wyświetl pełną treść pytania dla widocznych pytań -->
<p>Które z poniższych stwierdzeń na temat klucza głównego jest prawdziwe?</p>
</div>
<!-- Odpowiedzi -->
<div class="mb-3">
<!-- Wyświetl odpowiedzi dla widocznych pytań -->
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-2
bg-success bg-opacity-10 border-success text-success
">
<div class="flex-grow-1">
<span>A. Jest unikalny dla danej tabeli</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>B. Składa się wyłącznie z jednego pola</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>C. Może przyjmować wyłącznie wartości liczbowe</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>D. W przypadku tabeli z danymi osobowymi może to być pole nazwisko</span>
</div>
</div>
</div>
</div>
<!-- Feedback -->
<div class="mt-3">
<!-- Wyświetl feedback dla widocznych pytań -->
<div class="alert alert-success mb-0">
Klucz podstawowy to atrybut (lub zbiór atrybutów) w tabeli, który jednoznacznie identyfikuje każdy wiersz w tej tabeli. Jego unikalność w obrębie tabeli jest kluczowa, ponieważ pozwala na zapobieganie duplikatom i zapewnia integralność danych. Na przykład, w tabeli przechowującej informacje o klientach, kolumna z identyfikatorem klienta (np. ID klienta) powinna być kluczem podstawowym, ponieważ każdy klient musi mieć unikalny identyfikator. Standardy baz danych, takie jak model relacyjny, podkreślają znaczenie kluczy podstawowych w zapewnieniu stabilności i efektywności w przechowywaniu danych. Użycie klucza podstawowego również wpływa na wydajność operacji wyszukiwania i łączenia tabel, dlatego w projektowaniu baz danych należy starannie dobierać atrybuty, które będą pełnić tę rolę, aby spełniały wymagania unikalności oraz wydajności.
</div>
</div>
</article>
<hr class="my-4">
<article class="mb-4">
<!-- Pytanie -->
<div class="mb-3">
<div class="d-flex justify-content-between align-items-start mb-3">
<h6 class="mb-0">Pytanie 32</h6>
<div class="d-inline-block">
<button type="button"
class="btn btn-sm btn-outline-danger"
data-report-question="wskaz-typ-zozony-a52035b6"
aria-label="Zgłoś błąd">
<i class="fas fa-exclamation-triangle"></i>
</button>
</div>
</div>
<!-- Wyświetl pełną treść pytania dla widocznych pytań -->
<p>Wskaź złożony typ danych.</p>
</div>
<!-- Odpowiedzi -->
<div class="mb-3">
<!-- Wyświetl odpowiedzi dla widocznych pytań -->
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-2
bg-success bg-opacity-10 border-success text-success
">
<div class="flex-grow-1">
<span>A. class</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>B. char</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>C. float</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>D. bool</span>
</div>
</div>
</div>
</div>
<!-- Feedback -->
<div class="mt-3">
<!-- Wyświetl feedback dla widocznych pytań -->
<div class="alert alert-success mb-0">
Złożone typy w programowaniu to takie struktury, które mogą mieć wiele wartości albo różne rodzaje danych. W językach takich jak C++ czy Java, typ 'class' jest super ważny, bo dzięki niemu możemy tworzyć obiekty. Klasa działa jak szablon do tworzenia obiektów, gdzie możesz mieć różne dane (pola) i funkcje (metody), które z tymi danymi coś robią. Na przykład klasa 'Samochód' mogłaby mieć pola, takie jak 'marka' i 'model', a także metody jak 'przyspiesz()' lub 'hamuj()'. W programowaniu obiektowym mamy różne zasady, jak enkapsulacja czy dziedziczenie. Definiowanie klas pozwala na lepszą organizację kodu, co ułatwia pracę, zwłaszcza przy większych projektach. Klasy są teraz podstawowym elementem wielu nowoczesnych języków, więc warto się ich dobrze nauczyć, bo naprawdę pomagają w tworzeniu aplikacji.
</div>
</div>
</article>
<hr class="my-4">
<article class="mb-4">
<!-- Pytanie -->
<div class="mb-3">
<div class="d-flex justify-content-between align-items-start mb-3">
<h6 class="mb-0">Pytanie 33</h6>
<div class="d-inline-block">
<button type="button"
class="btn btn-sm btn-outline-danger"
data-report-question="na-podstawie-tabeli-towar-wykonano-nastepujace-za-728803d2"
aria-label="Zgłoś błąd">
<i class="fas fa-exclamation-triangle"></i>
</button>
</div>
</div>
<!-- Wyświetl pełną treść pytania dla widocznych pytań -->
<p>Na podstawie tabeli Towar zrealizowano poniższe zapytanie SQL: ```SELECT nazwa_towaru FROM `Towar` WHERE cena_katalogowa < 65 ORDER BY waga DESC``` Jaki będzie rezultat tej operacji?</p>
<figure class="figure mt-3">
<img src="/images/11171.png"
class="figure-img img-fluid rounded"
alt="Ilustracja do pytania"
itemprop="image">
</figure>
</div>
<!-- Odpowiedzi -->
<div class="mb-3">
<!-- Wyświetl odpowiedzi dla widocznych pytań -->
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-2
bg-success bg-opacity-10 border-success text-success
">
<div class="flex-grow-1">
<span>A. Papier ksero A4, Kredki 24 kolory, Zeszyt A5, Zeszyt A5 w linie</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>B. Zeszyt A5 w linie, Zeszyt A5, Kredki 24 kolory, Papier ksero A4</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>C. Papier ksero A4, Kredki 24 kolory, Zeszyt A5 w linie, Zeszyt A5</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>D. Zeszyt A5, Zeszyt A5 w linie, Kredki 24 kolory, Papier ksero A4</span>
</div>
</div>
</div>
</div>
<!-- Feedback -->
<div class="mt-3">
<!-- Wyświetl feedback dla widocznych pytań -->
<div class="alert alert-success mb-0">
Zapytanie SQL selekcjonuje towary z tabeli Towar, których cena katalogowa jest mniejsza niż 65, a następnie sortuje wyniki malejąco według wagi. Dzięki temu otrzymujemy listę towarów uporządkowaną od najcięższego do najlżejszego, a jednocześnie wykluczamy towary, które nie spełniają kryterium ceny. W podanym zestawie danych znajdują się cztery towary spełniające warunek cenowy: Papier ksero A4, Zeszyt A5, Zeszyt A5 w linie i Kredki 24 kolory. Spośród tych towarów najcięższy jest Papier ksero A4 (2.3), następnie Kredki 24 kolory (0.3), Zeszyt A5 (0.13), a najlżejszy jest Zeszyt A5 w linie (0.12). Kolejność wyników odpowiada zatem prawidłowej odpowiedzi numer 3. W praktyce umiejętność tworzenia zapytań SQL z warunkami filtrowania i sortowania jest niezwykle istotna w analizie danych, umożliwiając precyzyjne wyodrębnienie potrzebnych informacji z dużych zbiorów danych. Dobrym standardem jest zawsze testowanie zapytań na przykładowych danych, aby potwierdzić poprawność wyników przed ich zastosowaniem w środowisku produkcyjnym.
</div>
</div>
</article>
<hr class="my-4">
<article class="mb-4">
<!-- Pytanie -->
<div class="mb-3">
<div class="d-flex justify-content-between align-items-start mb-3">
<h6 class="mb-0">Pytanie 34</h6>
<div class="d-inline-block">
<button type="button"
class="btn btn-sm btn-outline-danger"
data-report-question="znacznik-ins-w-jezyku-html-suzy-do-oznaczenia-a20fd117"
aria-label="Zgłoś błąd">
<i class="fas fa-exclamation-triangle"></i>
</button>
</div>
</div>
<!-- Wyświetl pełną treść pytania dla widocznych pytań -->
<p>Znacznik <ins> w HTML jest używany do wskazywania</p>
</div>
<!-- Odpowiedzi -->
<div class="mb-3">
<!-- Wyświetl odpowiedzi dla widocznych pytań -->
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>A. tekstu, który został przeformatowany</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>B. cytowanego fragmentu tekstu</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
bg-success bg-opacity-10 text-success
">
<div class="flex-grow-1">
<span>C. tekstu, który został dodany</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-2
bg-danger bg-opacity-10 border-danger text-danger
">
<div class="flex-grow-1">
<span>D. tekstu, który został usunięty</span>
</div>
</div>
</div>
</div>
<!-- Feedback -->
<div class="mt-3">
<!-- Wyświetl feedback dla widocznych pytań -->
<div class="alert alert-danger mb-0">
Wybierając błędne odpowiedzi, pokazujesz, że coś może być niejasne, jeśli chodzi o znaczniki HTML. Na przykład, myślenie, że <ins> to znacznik do oznaczania cytatów, to pomyłka. Do tego zadania służy <blockquote> albo <q>, które mają swoje własne, zupełnie inne znaczenie. Jeśli wybrałeś opcję mówiącą o oznaczaniu usuniętego tekstu, to też jest błąd, bo do tego mamy znacznik <del>. A użycie <ins> w kontekście zmiany formatu tekstu to jeszcze jedna pomyłka, bo ten znacznik nie mówi nic o formatowaniu. Tak naprawdę, <ins> tylko wskazuje nowe fragmenty tekstu, a nie zmienia ich stylu. Jeżeli nie rozumiesz tych funkcji różnych znaczników HTML, to łatwo można wpaść w pułapkę błędów w kodzie, co później będzie miało wpływ na semantykę stron oraz ich dostępność. Dlatego tak ważne jest, żeby znać różnice między tymi znacznikami i korzystać z nich, jak należy.
</div>
</div>
</article>
<hr class="my-4">
<article class="mb-4">
<!-- Pytanie -->
<div class="mb-3">
<div class="d-flex justify-content-between align-items-start mb-3">
<h6 class="mb-0">Pytanie 35</h6>
<div class="d-inline-block">
<button type="button"
class="btn btn-sm btn-outline-danger"
data-report-question="ktore-z-podanych-par-znacznikow-html-maja-wizualni-0632e779"
aria-label="Zgłoś błąd">
<i class="fas fa-exclamation-triangle"></i>
</button>
</div>
</div>
<!-- Wyświetl pełną treść pytania dla widocznych pytań -->
<p>Które z wymienionych par znaczników HTML mają identyczny efekt wizualny na stronie internetowej, jeśli nie zastosowano żadnych stylów CSS?</p>
</div>
<!-- Odpowiedzi -->
<div class="mb-3">
<!-- Wyświetl odpowiedzi dla widocznych pytań -->
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>A. <b> i <big></span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>B. <p> oraz <h2></span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>C. <meta> oraz <title></span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-2
bg-success bg-opacity-10 border-success text-success
">
<div class="flex-grow-1">
<span>D. <b> i <strong></span>
</div>
</div>
</div>
</div>
<!-- Feedback -->
<div class="mt-3">
<!-- Wyświetl feedback dla widocznych pytań -->
<div class="alert alert-success mb-0">
Odpowiedź <b> i <strong> jest poprawna, ponieważ oba znaczniki służą do wyróżniania tekstu, przy czym nie mają one różnicy w wizualizacji, jeśli nie zastosowano żadnych stylów CSS. Z punktu widzenia semantyki HTML, <strong> jest znacznikiem, który wyraża większe znaczenie dla zawartego w nim tekstu, co jest korzystne dla dostępności oraz SEO, ale wizualnie, bez dodatkowych stylów, obie etykiety wykazują te same cechy. Przykładowo, można ich używać w sytuacjach, gdy chcemy wyróżnić ważne informacje w artykule lub nagłówku. Zastosowanie tych znaczników zgodnie z dobrymi praktykami HTML pozwala na lepsze zrozumienie struktury strony przez wyszukiwarki oraz czytniki ekranu, co ma znaczenie w kontekście dostępności. W związku z tym, wyróżnianie tekstu za pomocą <b> i <strong> jest nie tylko estetyczne, ale także funkcjonalne, wspierając zarówno użytkowników, jak i algorytmy wyszukiwania.
</div>
</div>
</article>
<hr class="my-4">
<article class="mb-4">
<!-- Pytanie -->
<div class="mb-3">
<div class="d-flex justify-content-between align-items-start mb-3">
<h6 class="mb-0">Pytanie 36</h6>
<div class="d-inline-block">
<button type="button"
class="btn btn-sm btn-outline-danger"
data-report-question="przedstawione-polecenie-mysql-ma-za-zadanie-1458ba30"
aria-label="Zgłoś błąd">
<i class="fas fa-exclamation-triangle"></i>
</button>
</div>
</div>
<!-- Wyświetl pełną treść pytania dla widocznych pytań -->
<p>Przedstawione polecenie MySQL ma za zadanie <br><pre style="font-family: monospace; padding: 10px; border: 2px solid #000; display: inline-block;"> ALTER TABLE ksiazki
MODIFY tytul VARCHAR(100) NOT NULL;</pre></p>
</div>
<!-- Odpowiedzi -->
<div class="mb-3">
<!-- Wyświetl odpowiedzi dla widocznych pytań -->
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>A. zmienić nazwę kolumny w tabeli ksiazki.</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>B. usunąć kolumnę tytul z tabeli ksiazki.</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>C. dodać do tabeli ksiazki kolumnę tytul.</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-2
bg-success bg-opacity-10 border-success text-success
">
<div class="flex-grow-1">
<span>D. zmienić typ kolumny tytul w tabeli ksiazki.</span>
</div>
</div>
</div>
</div>
<!-- Feedback -->
<div class="mt-3">
<!-- Wyświetl feedback dla widocznych pytań -->
<div class="alert alert-success mb-0">
Dobra robota, Twoja odpowiedź jest właściwa! W poleceniu użyto ALTER TABLE, co to jest ten typowy sposób na modyfikowanie tabel w bazach danych. No i to słowo kluczowe MODIFY wskazuje, że zmieniamy coś w już istniejącej kolumnie. W tym przypadku chodzi o kolumnę 'tytul' w tabeli 'ksiazki', której typ zmieniamy na VARCHAR(100), co znaczy, że teraz może ona mieć teksty do 100 znaków długości. Dodatkowo dodajemy ograniczenie NOT NULL, więc 'tytul' musi być zawsze wypełniony. To normalna rzecz, kiedy na przykład musimy dostosować strukturę danych, gdy na przykład zauważymy, że tytuły książek stają się dłuższe albo musimy mieć pewność, że zawsze są wprowadzone.
</div>
</div>
</article>
<hr class="my-4">
<article class="mb-4">
<!-- Pytanie -->
<div class="mb-3">
<div class="d-flex justify-content-between align-items-start mb-3">
<h6 class="mb-0">Pytanie 37</h6>
<div class="d-inline-block">
<button type="button"
class="btn btn-sm btn-outline-danger"
data-report-question="w-jezyku-html-atrybutem-znacznika-video-ktory-w-bbd52d57"
aria-label="Zgłoś błąd">
<i class="fas fa-exclamation-triangle"></i>
</button>
</div>
</div>
<!-- Wyświetl pełną treść pytania dla widocznych pytań -->
<p>W HTML atrybut znacznika video, który umożliwia ciągłe odtwarzanie, to</p>
</div>
<!-- Odpowiedzi -->
<div class="mb-3">
<!-- Wyświetl odpowiedzi dla widocznych pytań -->
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>A. controls</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-2
bg-success bg-opacity-10 border-success text-success
">
<div class="flex-grow-1">
<span>B. loop</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>C. muted</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>D. poster</span>
</div>
</div>
</div>
</div>
<!-- Feedback -->
<div class="mt-3">
<!-- Wyświetl feedback dla widocznych pytań -->
<div class="alert alert-success mb-0">
Atrybut loop w znaczniku video jest kluczowy dla zapewnienia, że wideo będzie odtwarzane w nieskończoność, co jest szczególnie przydatne w przypadku prezentacji multimedialnych czy tła w aplikacjach webowych. Umożliwia to automatyczne powtarzanie treści bez interwencji użytkownika, co może poprawić doświadczenia użytkownika oraz skuteczność przekazu. Zgodnie z dokumentacją HTML5, aby użyć atrybutu loop, wystarczy dodać go do znacznika video, co pozwala na osiągnięcie zamierzonego efektu. Przykładem może być: <video src='video.mp4' loop autoplay></video>, gdzie wideo będzie się odtwarzać automatycznie i w kółko. Użycie tego atrybutu jest szczególnie istotne w kontekście interaktywnych aplikacji i gier, gdzie ciągłość odtwarzania może być kluczowa dla zaangażowania odbiorcy. Atrybut loop jest częścią specyfikacji W3C dotyczącej HTML5, która promuje dostępność i elastyczność w tworzeniu nowoczesnych aplikacji internetowych.
</div>
</div>
</article>
<hr class="my-4">
<article class="mb-4">
<!-- Pytanie -->
<div class="mb-3">
<div class="d-flex justify-content-between align-items-start mb-3">
<h6 class="mb-0">Pytanie 38</h6>
<div class="d-inline-block">
<button type="button"
class="btn btn-sm btn-outline-danger"
data-report-question="w-jezyku-javascript-utworzono-obiekt-aby-pobrac-4821d479"
aria-label="Zgłoś błąd">
<i class="fas fa-exclamation-triangle"></i>
</button>
</div>
</div>
<!-- Wyświetl pełną treść pytania dla widocznych pytań -->
<p>W języku JavaScript zdefiniowano obiekt ```obiekt = { q: 1, w: 2, e: 3, r: 4 };``` W jaki sposób można uzyskać wartość właściwości ```w```?</p>
</div>
<!-- Odpowiedzi -->
<div class="mb-3">
<!-- Wyświetl odpowiedzi dla widocznych pytań -->
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>A. obiekt->w</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-2
bg-success bg-opacity-10 border-success text-success
">
<div class="flex-grow-1">
<span>B. obiekt.w</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>C. obiekt::w</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>D. obiekt:w</span>
</div>
</div>
</div>
</div>
<!-- Feedback -->
<div class="mt-3">
<!-- Wyświetl feedback dla widocznych pytań -->
<div class="alert alert-success mb-0">
Aby uzyskać dostęp do wartości własności obiektu w JavaScript, stosuje się notację kropkową. Odpowiedź obiekt.w jest poprawna, ponieważ w JavaScript, odwołując się do właściwości obiektu, używamy kropki jako separatora między nazwą obiektu a nazwą właściwości. W podanym przykładzie obiekt ma cztery właściwości: q, w, e oraz r, z których każda ma przypisaną wartość. Używając notacji obiekt.w, możemy bezpośrednio uzyskać wartość 2, która jest przypisana do właściwości w. W praktyce, notacja kropkowa jest powszechnie stosowana i jest preferowaną metodą dostępu do właściwości obiektów, ponieważ jest bardziej czytelna i łatwiejsza w użyciu. Alternatywnie, można również użyć notacji nawiasowej, jak obiekt['w'], co może być przydatne, gdy nazwa właściwości zawiera znaki niedozwolone w identyfikatorach, ale w większości przypadków notacja kropkowa jest bardziej ergonomiczna i zalecana zgodnie z dobrymi praktykami programowania.
</div>
</div>
</article>
<hr class="my-4">
<article class="mb-4">
<!-- Pytanie -->
<div class="mb-3">
<div class="d-flex justify-content-between align-items-start mb-3">
<h6 class="mb-0">Pytanie 39</h6>
<div class="d-inline-block">
<button type="button"
class="btn btn-sm btn-outline-danger"
data-report-question="po-wykonaniu-przedstawionego-kodu-javascript-wyswi-9e59d5d2"
aria-label="Zgłoś błąd">
<i class="fas fa-exclamation-triangle"></i>
</button>
</div>
</div>
<!-- Wyświetl pełną treść pytania dla widocznych pytań -->
<p>Jaką wartość zobaczymy po wykonaniu poniższego kodu JavaScript?
<table style="border: 2px solid black; border-collapse: collapse;"><tr><td style="border: 1px solid black; padding: 10px; font-family: monospace;"><script> <br> document.write(Math.round(4.51)+Math.pow(2,3)); <br> </script></td></tr></table></p>
</div>
<!-- Odpowiedzi -->
<div class="mb-3">
<!-- Wyświetl odpowiedzi dla widocznych pytań -->
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>A. 11</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-2
bg-success bg-opacity-10 border-success text-success
">
<div class="flex-grow-1">
<span>B. 13</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>C. 14</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>D. 12</span>
</div>
</div>
</div>
</div>
<!-- Feedback -->
<div class="mt-3">
<!-- Wyświetl feedback dla widocznych pytań -->
<div class="alert alert-success mb-0">
W przedstawionym kodzie JavaScript użyto dwóch metod wbudowanych obiektu Math Math.round i Math.pow. Math.round zaokrągla wartość do najbliższej liczby całkowitej. W przypadku liczby 4.51 zostanie to zaokrąglone do 5 ponieważ 0.51 jest bliżej 1 niż 0. Math.pow wykonuje potęgowanie czyli podnosi liczbę do określonej potęgi. W przypadku Math.pow(2 3) mamy do czynienia z potęgowaniem 2 do potęgi 3 co jest równe 8 ponieważ 2 * 2 * 2 = 8. Następnie te dwie wartości są dodawane do siebie co daje 5 + 8 = 13. Wartość 13 jest wyświetlana na stronie za pomocą document.write co jest prostym sposobem na wypisywanie wyników w kontekście przeglądarki. W praktyce jednak korzystanie z document.write jest odradzane na rzecz bardziej nowoczesnych rozwiązań jak manipulacja DOM czy używanie innerHTML. Dzięki tym metodom możemy skutecznie zarządzać i wyświetlać dane na stronach internetowych co jest kluczowe w nowoczesnym tworzeniu stron WWW. Zrozumienie działania takich funkcji wbudowanych pozwala na efektywne rozwiązywanie problemów związanych z obliczeniami w języku JavaScript co jest bardzo przydatne w pracy programisty.
</div>
</div>
</article>
<hr class="my-4">
<article class="mb-4">
<!-- Pytanie -->
<div class="mb-3">
<div class="d-flex justify-content-between align-items-start mb-3">
<h6 class="mb-0">Pytanie 40</h6>
<div class="d-inline-block">
<button type="button"
class="btn btn-sm btn-outline-danger"
data-report-question="na-rysunku-pokazano-schemat-rozmieszczenia-blokow-c96590b7"
aria-label="Zgłoś błąd">
<i class="fas fa-exclamation-triangle"></i>
</button>
</div>
</div>
<!-- Wyświetl pełną treść pytania dla widocznych pytań -->
<p>Na ilustracji przedstawiono schemat rozmieszczenia elementów na stronie WWW. W której z jej sekcji zazwyczaj znajduje się stopka strony?</p>
<figure class="figure mt-3">
<img src="/images/11123.png"
class="figure-img img-fluid rounded"
alt="Ilustracja do pytania"
itemprop="image">
</figure>
</div>
<!-- Odpowiedzi -->
<div class="mb-3">
<!-- Wyświetl odpowiedzi dla widocznych pytań -->
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>A. 1</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>B. 4</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-2
bg-success bg-opacity-10 border-success text-success
">
<div class="flex-grow-1">
<span>C. 5</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>D. 2</span>
</div>
</div>
</div>
</div>
<!-- Feedback -->
<div class="mt-3">
<!-- Wyświetl feedback dla widocznych pytań -->
<div class="alert alert-success mb-0">
Odpowiedź 5 jest poprawna ponieważ w standardach projektowania stron internetowych stopka strony zazwyczaj znajduje się na dole każdej podstrony. Stopka to miejsce gdzie umieszczane są informacje takie jak prawa autorskie prywatność i linki do kontaktu. Dobrze zaprojektowana stopka może także zawierać skróty nawigacyjne które pomagają użytkownikowi szybko przemieszczać się po stronie. W praktyce projektanci stron WWW stosują podejście oparte na responsywnym designie co oznacza że stopka powinna być łatwo dostępna i czytelna na różnych urządzeniach. Wykorzystanie CSS Grid lub Flexbox pozwala na elastyczne zarządzanie układem strony co jest szczególnie przydatne przy projektowaniu stopki. Ponadto stopki są elementami które odpowiadają za spójność wizualną całej strony internetowej zapewniając użytkownikowi intuicyjne doświadczenie. Umieszczanie stopki w dolnej części strony jest zgodne z oczekiwaniami użytkowników co zwiększa użyteczność serwisu i pozytywnie wpływa na jego odbiór. Praktyczne zastosowanie tego podejścia można zauważyć na wielu profesjonalnych stronach gdzie stopka jest wyraźnie oddzielona i przejrzysta co ułatwia użytkownikowi odnalezienie potrzebnych informacji.
</div>
</div>
</article>
<!-- Przyciski nawigacyjne -->
<div class="d-grid gap-2 mt-4">
<div class="d-inline-block mb-2">
<a href="/egzamin/?profession=technik-informatyk&qualification=inf-03" class="btn btn-outline-primary">
<i class="fas fa-redo me-2"></i>Rozpocznij nowy egzamin
</a>
</div>
<div class="d-inline-block">
<a href="/" class="btn btn-outline-secondary">
<i class="fas fa-home me-2"></i>Powrót do strony głównej
</a>
</div>
</div>
</div>
</div>
</div>
</main>
<!-- Footer -->
<footer class="footer mt-auto py-4">
<div class="container">
<div class="row">
<!-- About Section -->
<div class="col-lg-4 footer-section">
<h2 class="h5">O Egzaminach Zawodowych</h2>
<p>
Portal z kompleksową bazą pytań egzaminacyjnych dla uczniów szkół technicznych.
Przygotuj się do egzaminu zawodowego z naszymi materiałami.
</p>
</div>
<!-- FRAGMENT CACHE: Random Qualifications -->
<div class="col-lg-4 footer-section">
<h2 class="h5">Losowe kwalifikacje</h2>
<div class="row">
<div class="col-6">
<a href="/technik-rachunkowosci/EKA.07/" class="footer-link">
<span>EKA.07</span>
<small class="text-muted">(1 404)</small>
</a>
</div>
<div class="col-6">
<a href="/asystentka-stomatologiczna/MED.01/" class="footer-link">
<span>MED.01</span>
<small class="text-muted">(804)</small>
</a>
</div>
<div class="col-6">
<a href="/technik-agrobiznesu/ROL.04/" class="footer-link">
<span>ROL.04</span>
<small class="text-muted">(1 085)</small>
</a>
</div>
<div class="col-6">
<a href="/technik-awionik/TLO.01/" class="footer-link">
<span>TLO.01</span>
<small class="text-muted">(253)</small>
</a>
</div>
<div class="col-6">
<a href="/technik-transportu-kolejowego/TKO.08/" class="footer-link">
<span>TKO.08</span>
<small class="text-muted">(316)</small>
</a>
</div>
<div class="col-6">
<a href="/technik-robot-wykonczeniowych-w-budownictwie/BUD.11/" class="footer-link">
<span>BUD.11</span>
<small class="text-muted">(1 335)</small>
</a>
</div>
<div class="col-6">
<a href="/technik-weterynarii/ROL.12/" class="footer-link">
<span>ROL.12</span>
<small class="text-muted">(1 180)</small>
</a>
</div>
<div class="col-6">
<a href="/technik-informatyk/INF.03/" class="footer-link">
<span>INF.03</span>
<small class="text-muted">(2 426)</small>
</a>
</div>
<div class="col-6">
<a href="/opiekun-w-domu-pomocy-spoecznej/SPO.03/" class="footer-link">
<span>SPO.03</span>
<small class="text-muted">(364)</small>
</a>
</div>
<div class="col-6">
<a href="/technik-elektryk/ELE.05/" class="footer-link">
<span>ELE.05</span>
<small class="text-muted">(461)</small>
</a>
</div>
</div>
</div>
<!-- Additional Info -->
<div class="col-lg-4 footer-section">
<h2 class="h5">O portalu</h2>
<p>
Baza pytań do egzaminów zawodowych dla uczniów szkół technicznych i branżowych.
Materiały zgodne z wymaganiami CKE.
</p>
</div>
</div>
<!-- Copyright & Links -->
<hr class="footer-divider">
<div class="row align-items-center">
<div class="col-md-8 text-center text-md-start">
<p class="mb-0">© 2025 <a class="footer-link" href="https://brylka.net" title="Portfolio autora">brylka.net</a> | <a href="/about-me/" class="footer-link" title="Informacje o autorze">Bartosz Bryniarski</a></p>
</div>
<div class="col-md-4 text-center text-md-end">
<!--
<a href="/sitemap.xml" class="footer-link" aria-label="Mapa strony">
<i class="fas fa-sitemap" aria-hidden="true"></i>
<span>Mapa strony</span>
</a>
-->
</div>
</div>
</div>
</footer>
<!-- Back to top button -->
<button id="backToTop"
class="btn btn-outline-primary back-to-top"
aria-label="Przewiń do góry strony"
style="display: none;">
<i class="fas fa-arrow-up" aria-hidden="true"></i>
</button>
<!-- Cookie Banner -->
<div id="cookieConsent" class="position-fixed start-0 bottom-0 py-3 shadow rounded-end"
style="display: none; z-index: 1050; max-width: 50%; background-color: rgba(248, 249, 250, 0.95);">
<div class="container-fluid px-4">
<div class="d-flex flex-column gap-2">
<div>
<i class="fas fa-cookie-bite me-2 text-secondary" aria-hidden="true"></i>
<span class="small">
Strona wykorzystuje pliki cookies do poprawy doświadczenia użytkownika oraz analizy ruchu.
<a href="#" class="footer-link" id="cookieDetails" data-bs-toggle="modal" data-bs-target="#cookieModal">
Szczegóły
</a>
</span>
</div>
<div class="d-flex gap-2 justify-content-end">
<button id="cookieAccept" class="btn btn-outline-primary btn-sm">Akceptuję</button>
<button id="cookieReject" class="btn btn-outline-secondary btn-sm">Odrzuć</button>
</div>
</div>
</div>
</div>
<!-- Modal z informacjami o cookies -->
<div class="modal fade" id="cookieModal" tabindex="-1" aria-labelledby="cookieModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h2 class="modal-title fs-5" id="cookieModalLabel">Polityka plików cookies</h2>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Zamknij"></button>
</div>
<div class="modal-body">
<h6 class="fw-bold">Czym są pliki cookies?</h6>
<p>
Cookies to małe pliki tekstowe, które są zapisywane na urządzeniu użytkownika podczas przeglądania stron internetowych.
Służą one do zapamiętywania preferencji, śledzenia zachowań użytkowników oraz poprawy funkcjonalności serwisu.
</p>
<h6 class="fw-bold mt-4">Jakie cookies wykorzystujemy?</h6>
<ul class="list-unstyled ps-3">
<li><i class="fas fa-check-circle text-success me-2"></i><strong>Niezbędne cookies</strong> - konieczne do prawidłowego działania strony</li>
<li><i class="fas fa-check-circle text-success me-2"></i><strong>Funkcjonalne cookies</strong> - umożliwiające zapamiętanie wybranych ustawień (np. wybrany motyw)</li>
<li><i class="fas fa-check-circle text-success me-2"></i><strong>Analityczne cookies</strong> - pozwalające zbierać informacje o sposobie korzystania ze strony</li>
</ul>
<h6 class="fw-bold mt-4">Jak długo przechowujemy cookies?</h6>
<p>
Pliki cookies wykorzystywane w naszym serwisie mogą być sesyjne (usuwane po zamknięciu przeglądarki)
lub stałe (pozostają na urządzeniu przez określony czas).
</p>
<h6 class="fw-bold mt-4">Jak zarządzać cookies?</h6>
<p>
Możesz zarządzać ustawieniami plików cookies w swojej przeglądarce internetowej.
Większość przeglądarek domyślnie dopuszcza przechowywanie plików cookies,
ale możliwe jest również całkowite zablokowanie tych plików lub usunięcie wybranych z nich.
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Zamknij</button>
<button type="button" class="btn btn-outline-primary" id="acceptCookiesModal">Akceptuję wszystkie</button>
</div>
</div>
</div>
</div>
<!-- JavaScript -->
<script id="bootstrap-js" src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" defer></script>
<script src="/static/exams/js/utils.51f7bcf7106f.js" defer></script>
<script src="/static/exams/js/code.63fd17b67c4c.js" defer></script>
<script src="/static/exams/js/report_modal.765118f79d5f.js" defer></script>
<script src="/static/exams/js/cdn_fallback.4903dfa46ed6.js" defer></script>
<!-- Toast messages initialization -->
<script>
document.addEventListener('DOMContentLoaded', function() {
const copyButton = document.getElementById('copy-link-button');
if (copyButton) {
copyButton.addEventListener('click', function() {
const input = document.getElementById('share-link-input');
input.select();
document.execCommand('copy');
// Zmień tekst przycisku na potwierdzenie
const originalText = this.innerHTML;
this.innerHTML = '<i class="fas fa-check me-1"></i> Skopiowano!';
// Przywróć oryginalny tekst po 2 sekundach
setTimeout(() => {
this.innerHTML = originalText;
}, 2000);
});
}
});
</script>
</body>
</html><script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
