NEW
Font size
WorksheetsPodsumowanie HTML
Total questions: 42
Worksheet time: 21mins
W języku HTML, aby zdefiniować słowa kluczowe strony, należy użyć zapisu:
<meta keywords="psy, koty, gryzonie">.
<meta name="keywords"="psy, koty, gryzonie">.
<meta name="keywords" content="psy, koty, gryzonie">.
<meta name="description" content="psy, koty, gryzonie">.
W języku HTML, aby zdefiniować poziomą linię, należy użyć znacznika:
<line>
<br>
<hl>
<hr>
W języku HTML zapisano kod wstawiający grafikę na stronę internetową:
<img src="rysunek.png" alt="pejzaż">.
Jeżeli plik rysunek.png nie zostanie odnaleziony, przeglądarka:
nie wyświetli strony internetowej.
w miejscu grafiki wypisze tekst pejzaż.
w miejscu grafiki wypisze tekst rysunek.png.
w miejscu grafiki wypisze błąd wyświetlania strony.
Który z zapisów znacznika <meta> jest prawidłowy ze względu na wykorzystane atrybuty?
<meta background=blue>
<meta name="!DOCTYPE">
<meta title="Strona dla hobbystów">
<meta name="description" content="Masz jakieś hobby? To jest strona dla Ciebie!">
Aby w dokumencie HTML były dostępne polskie litery (np. ś, ć, ł, ó),
należy w sekcji <head> użyć znacznika:
<meta charset="ISO-8859-2">
<meta lang="pl">
<meta charset="UTF-8">
<link rel="lang" href="pl">
Który z wymienionych znaczników należy do części <head> dokumentu HTML?
<img>
<title>
<span>
<section>
Prawidłowy sposób umieszczenia komentarza w dokumencie HTML to:
// To jest komentarz
/!-- To jest komentarz --/
/* To jest komentarz */
<!-- To jest komentarz -->
W jaki sposób należy odwołać się do pliku default.css, jeśli index.html znajduje się w katalogu Strona, a plik default.css w podkatalogu style katalogu Strona?
<link rel="stylesheet" type="text/css" href="./style/default.css" />
<link rel="stylesheet" type="text/css" href="c:/style/default.css" />
<link rel="stylesheet" type="text/css" href="..\style\default.css" />
<link rel="stylesheet" type="text/css" href="c:\style/default.css" />
Który z formatów plików graficznych jest najlepszy dla obrazów z przezroczystością, takich jak logo?
JPG
GIF
PNG
BMP
Aby poprawnie zdefiniować hierarchiczną strukturę tekstu witryny internetowej, należy zastosować:
znacznik <div>.
znaczniki <frame> i <table>.
znacznik <p> z formatowaniem.
znaczniki <h1>, <h2> oraz <p>.
Fragment kodu HTML przedstawia listę:
.wypunktowaną
numerowaną
odnośników
skrótów
Który z zestawów znaczników jest używany do tworzenia listy wypunktowanej?
<ol> i <li>
<ul> i <li>
<dl> i <dt>
<ul> i <p>
Listy definicji (<dl>) najlepiej sprawdzają się w tworzeniu:
spisu treści.
galerii zdjęć.
menu nawigacyjnego.
słownika pojęć.
Zamieszczony kod wyświetla tabelę składającą się z:
A. dwóch wierszy i dwóch kolumn.
dwóch wierszy i jednej kolumny.
jednego wiersza i dwóch kolumn.
jednego wiersza i jednej kolumny.
Zamieszczony kod wyświetla tabelę składającą się z:
A. dwóch wierszy i dwóch kolumn.
dwóch wierszy i jednej kolumny.
jednego wiersza i dwóch kolumn.
jednego wiersza i jednej kolumny.
Głównym celem formularzy w HTML jest:
wyświetlanie statycznych informacji.
organizowanie układu strony.
zbieranie danych od użytkownika.
wstawianie multimediów.
Atrybut method="post" w znaczniku <form> oznacza, że dane z formularza:
zostaną dołączone do adresu URL strony.
będą przesyłane w niewidoczny sposób, w treści żądania HTTP.
będą przesyłane w szyfrowanej formie.
zostaną zapisane w pliku cookie.
Jakie jest domyślne zachowanie znacznika <input>, gdy nie określono jego atrybutu type?
Staje się przyciskiem.
Staje się polem wyboru.
Tworzy jednowierszowe pole tekstowe.
Powoduje błąd w przeglądarce.
Do czego służy znacznik <select> w formularzach?
Do tworzenia pola wprowadzania hasła.
Do tworzenia rozwijanej listy z opcjami.
Do tworzenia przycisku do przesyłania danych.
Do tworzenia pola wyboru (checkbox).
Do czego służy znacznik <input type="radio"> w formularzu HTML?
Do wyboru wielu opcji jednocześnie.
Do wprowadzenia jednowierszowego tekstu.
Do wyboru dokładnie jednej opcji z grupy.
Do wysyłania formularza.
Który zapis prawidłowo tworzy pole wyboru kilku opcji w formularzu?
<input type="text" name="zgoda">
<input type="checkbox" name="zgoda">
<input type="radio" name="zgoda">
<input type="submit" value="zgoda">
Które znaczniki HTML5 są używane do osadzania plików audio i wideo?
<embed> i <object>
<img> i <a>
<audio> i <video>
<media> i <player>
Głównym przeznaczeniem znacznika <canvas> jest:
tworzenie wielokolumnowych układów strony.
osadzanie map geograficznych.
dynamiczne rysowanie grafiki i animacji za pomocą skryptów.
wyświetlanie list plików do pobrania.
Który z odsyłaczy do strony internetowej ma poprawną składnię?
<a link="http://adres">tekst</a>
<a href="http://adres">tekst</a>
<a url="http://adres">tekst</a>
Który z atrybutów walidacyjnych wprowadzonych w HTML5 sprawia, że pole formularza musi zostać wypełnione przed wysłaniem?
validate
required
submit
check
Który znacznik HTML5 najlepiej opisuje główną zawartość strony?
<main>
<article>
<section>
<div>
Do oznaczenia stopki dokumentu lub sekcji służy znacznik:
<bottom>
<end>
<footer>
<aside>
Który znacznik służy do oznaczania niezależnej treści,
np. wpisu blogowego lub artykułu prasowego?
<section>
<main>
<header>
<article>
Do oznaczenia bocznej treści, np. panelu z reklamami lub dodatkowymi linkami, stosujemy znacznik:
<aside>
<nav>
<footer>
<header>
Który znacznik HTML5 przeznaczony jest do umieszczania nawigacji w dokumencie?
<navigate>
<nav>
<menu>
<links>
Z jakiego powodu stosuje się znaczniki semantyczne w HTML5?
Aby zmniejszyć rozmiar pliku HTML.
Aby poprawić czytelność kodu i ułatwić interpretację treści przez wyszukiwarki i technologie asystujące.
Aby zastąpić arkusze stylów CSS.
Aby przyspieszyć ładowanie obrazów.
Które zdanie najlepiej opisuje działanie znacznika <br> w HTML?
Tworzy nowy akapit tekstu.
Wstawia pojedyncze przejście do nowej linii w tekście.
Oddziela zawartość nagłówka od treści strony.
Dodaje poziomą linię dzielącą treść.
Początek zawartości strony WWW zaczyna się od znacznika:
<html>
<head>
<body>
<title>
Aby napis „Zabytki Polski” był wyświetlony w przeglądarce w pierwszym wierszu akapitu jako tekst pogrubiony, a napis „z XIX wieku” w drugim wierszu tego samego akapitu jako tekst pochylony, tak jak pokazano na rysunku, należy wpisać polecenia:
<p>Zabytki Polski<br>
<i>z XIX wieku</i></p>
<p><b>Zabytki Polski</b><br>
<i>z XIX wieku</i></p>
<p><b>Zabytki Polski</b>
<i>z XIX wieku</i></p>
<p><b>Zabytki Polski</b><br>
z XIX wieku</i></p>
Zapis
<h2 style="text-align: center;">Wynalazki XX wieku</h2>
oznacza, że tekst „Wynalazki XX wieku” będzie w przeglądarce:
wyświetlony jako wyśrodkowany nagłówek drugiego poziomu
wyświetlony jako wyjustowany nagłówek drugiego poziomu
wyświetlony jako tekst wyśrodkowany i pochylony
wyświetlony jako wyśrodkowany paragraf drugiego poziomu
cały akapit staje się hiperłączem prowadzącym do strony o Sejmie RP
do tekstu „Więcej informacji o” dodane jest hiperłącze do strony internetowej o Sejmie RP
do tekstu „Sejmie RP” dodane jest hiperłącze do strony internetowej o Sejmie RP
do tekstu „Więcej informacji o Sejmie RP” dodane jest hiperłącze do strony internetowej o Sejmie
Które polecenie umożliwi wyświetlenie w przeglądarce po prawej stronie ekranu zdjęcia zapisanego w pliku statek.jpg?
<img src="statek.jpg" style="text-align: right;">
<img statek.jpg style="float: right;">
<img src="statek" style="float: right;">
<img src="statek.jpg" style="float: right;">
Wybierz poprawny sposób wyświetlenia napisu pogrubionego i kursywą:
<b><i>Napis</b></i>
<i><b>Napis</b></i>
<i><b>Napis</i></b>
<strong><em>Napis</strong></em>
W języku HTML zapisano formularz. Który z efektów działania kodu będzie wyświetlony przez przeglądarkę zakładając, że w pierwsze pole użytkownik przeglądarki wpisał wartość „Przykładowy text”?
Efekt 1.
Efekt 2.
Efekt 3.
Efekt 4.
Na podstawie fragmentu dokumentu HTML, określ co należy wpisać w miejsce kropek w odnośniku w menu, aby przenosił on do rozdziału 2.
href = "#r2"
href = "#sekcja2"
href = "sekcja2"
href = "r2"
Która z reguł dotyczących stosowania semantycznych znaczników sekcji języka HTML 5 jest prawdziwa?
Znacznik <nav> jest charakterystyczny dla części <article>.
Znacznik <footer> powinien być zastosowany na górze strony, a <header> na jej dole.
Znacznik <aside> jest stosowany dla głównej treści strony.
Znacznik <main> może być zastosowany tylko raz w dokumencie.
Co można powiedzieć o przedstawionym zapisie języka HTML 5?
<title>Strona o psach</title>
Zostanie zapisany w treści strony, na samej górze.
Pojawi się na karcie dokumentu w przeglądarce.
Jest opcjonalny dla języka HTML 5 i nie musi wystąpić w dokumencie.
Jest jedynie informacją dla robotów wyszukiwarek i nie jest wyświetlany przez przeglądarkę.
