Zadanie 32. z .EE.09-SG-23.01

#przycisk {
  background-color: white;
  padding: 10px;
  border-width: 2px;
  border-bottom-style: dashed;
}

Wskaż przycisk sformatowany przedstawionym stylem CSS.

1. Przycisk 1
2. Przycisk 2
3. Przycisk 3
4. Przycisk 4

Zadanie 28. z .EE.09-SG-22.06

Który wykaz znaczników definiujących przedstawiony projekt witryny w sposób semantyczny (znaczeniowy) jest zgodny ze standardem HTML 5?

1. Wykaz 1.
2. Wykaz 2.
3. Wykaz 3.
4. Wykaz 4.

Zadanie 28. z .EE.09-SG-22.01

Na obrazie przedstawiono projekt układu bloków witryny internetowej. Zakładając, że bloki są realizowane za pomocą znaczników sekcji, a szerokość została zdefiniowana jedynie dla bloków 2, 3 i 4, ich formatowanie powinno zawierać właściwość

1. float: left dla wszystkich bloków.
2. clear: both dla wszystkich bloków.
3. float: left jedynie dla bloków 3 i 4 i clear: both dla bloku 2.
4. clear: both dla bloku 5 i float: left jedynie dla bloków 2, 3 i 4.

Zadanie 26. z .EE.09-SG-21.06

<div id="pierwszy">BLOK 1</div>
<div id="drugi">BLOK 2</div>
<div id="trzeci">BLOK 3</div>
<div id="czwarty">BLOK 4</div>
<div id="piaty">BLOK 5</div>

Wskaż kod CSS odpowiadający układowi bloków 2 - 5, zakładając, że są one zbudowane w oparciu o przedstawiony kod HTML. 

#drugi {
float: left;
width: 40%; }
#trzeci {
float: left;
width: 30% ; }
#czwarty {
float: right;
width: 30% ; }
#piaty {
clear: both;
width: 30%; }
Kod 1.

#drugi {
float: left;
width: 40%; }
#trzeci {
float: left;
width: 30% ; }
#czwarty {
float: right;
width: 30% ; }
#piaty {
float: left;
width: 30%; }
Kod 2.

#drugi {
float: left;
width: 40%; }
#trzeci {
float: left;
width: 30% ; }
#czwarty {
width: 30% ; }
#piaty {
float: right;
width: 30%; }
Kod 3.

#drugi {
float: left;
width: 40%; }
#trzeci {
width: 30% ; }
#czwarty {
width: 30% ; }
#piaty {
float: right;
width: 30%; }
Kod 4.

1. Kod 1.
2. Kod 2.
3. Kod 3.
4. Kod 4.

Zadanie 31. z .EE.09-SG-21.06

p {
padding: 20px;
color: blue;
font-weight: 900;
border: 1px solid;
} 

Który z paragrafów został sformatowany przedstawionym stylem zakładając, że pozostałe własności paragrafu przyjmują wartości domyślne?

1. Efekt 1.
2. Efekt 2.
3. Efekt 3.
4. Efekt 4.

Zadanie 22. z .EE.09-SG-21.01

Która z przedstawionych grup znaczników HTML zawiera znaczniki służące do grupowania elementów i tworzenia struktury dokumentu?

1. br, img, hr
2. table, tr, td
3. span, strong, em
4. div, article, header

Zadanie 24. z .EE.09-SG-21.01

Który zapis w dokumencie HTML pozwala na połączenie z zewnętrznym arkuszem stylów o nazwie style.css?

1. <link rel="stylesheet" href="style.css">
   
2. <link rel="stylesheet' scr="style.css">
   
3. <link href="style.css">
   
4. <link scr="style.css">

Zadanie 24. z .EE.09-SG-20.06

Na rysunku przedstawiono strukturę bloków strony internetowej. Który z fragmentów formatowania strony pasuje do takiego układu? (Dla uproszczenia pominięto właściwości koloru tła, wysokości i czcionki)

1. #pierwszy {float:left; width:30%; }
   #drugi {clear:both; width:70%; }
   #trzeci {float:left; width:70%; }
   #czwarty {clear:both; }
2. #pierwszy {float:left; width:30%;}
   #drugi {float:left; width:70%;}
   #trzeci {float:left; width:70%;}
   #czwarty {clear:both; }
3. #pierwszy { width: 30%; }
   #drugi { width: 70%; }
   #trzeci { width: 70%; }
   #czwarty { width: 100%; }
4. #pierwszy{float:left; width:30%;}
   #drugi {clear:both; width:70%;}
   #trzeci {clear:both; width:70%;}
   #czwarty {float:left; width:100%;}

Zadanie 33. z .EE.09-SG-20.06

Aby dostosować stronę internetową dla niewidomych, należy nadać wyświetlanym za pomocą znacznika img obrazom atrybut

1. alt
2. src
3. text
4. style

Zadanie 26. z .EE.09-SG-20.01

Witryna internetowa ma mieć przedstawioną strukturę bloków. Aby uzyskać ten układ, należy znacznikom sekcji przypisać właściwości w następujący sposób:

1. float tylko dla bloku 5; clear dla bloku 2
2. float tylko dla bloków: 3, 4; clear dla bloku 5
3. float tylko dla bloku 2; clear dla bloków: 3, 4
4. float tylko dla bloków: 2, 3, 4; clear dla bloku 5

Zadanie 30. z .EE.09-SG-20.01

Aby obraz wstawiony kodem HTML mógł być interpretowany przez programy wspomagające osoby niewidzące, należy zdefiniować atrybut

1. alt
2. src
3. sizes
4. border

Zadanie 28. z .EE.09-X-19.06

<a href="http://google.com" >strona Google</a>
W języku HTML zdefiniowano odnośnik do strony internetowej. Aby strona otwierała się w nowym oknie lub zakładce przeglądarki, należy dopisać do definicji odnośnika atrybut

1. rel = "next"
2. rel = "external"
3. target = "_blank"
4. target = "_parent"

Zadanie 34. z .EE.09-X-19.06

Aby obraz umieszczony na stronie internetowej automatycznie skalował się do rozmiaru ekranu, na którym jest wyświetlana strona, należy

1. oba jego wymiary ustawić w pikselach.
2. jeden z jego wymiarów ustawić w pikselach.
3. nie modyfikować obu jego wymiarów stylami CSS.
4. jego szerokość ustawić w wartościach procentowych.