wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

HTML Semàntic i CSS

Total questions: 22

Worksheet time: 7mins

Name
Class
Date
1.

Què implica el concepte d'HTML semàntic?

a)

Utilitzar elements HTML per a aplicar estils visuals atractius a la pàgina web

b)

Utilitzar elements HTML que descriuen el significat i l'estructura del contingut

c)

Utilitzar principalment elements “<div>” i “<span>” per a organitzar el contingut

2.

Per què és important l'HTML semàntic?

a)

Principalment per a reduir la mida dels fitxers HTML

b)

Per a millorar la interpretació del contingut per navegadors i lectors de pantalla, i per a l'optimització SEO

c)

Per a facilitar la impressió de les pàgines web

3.

Quina és la diferència principal entre els elements “<div>” i “<span>”?

a)

“<div>” s'utilitza per a text i “<span>” per a imatges

b)

“<div>” és un element en línia i “<span>” és un element de bloc

c)

“<div>” és un element de bloc que comença en una nova línia, i “<span>” és un element en línia que no ho fa

4.

Quin dels següents és un exemple d'element de bloc?

a)

“<a>”

b)

“<span>”

c)

“<p>”

5.

Quin dels següents és un exemple d'element en línia?

a)

“<header>”

b)

“<strong>”

c)

“<ul>”

6.

Quina funció tenen els elements d'encapçalament “<h1>” a “<h6>”?

a)

Definir la mida de la lletra del text

b)

Establir una jerarquia d'importància del contingut

c)

Crear llistes numerades.

7.

Quin element d'HTML5 s'utilitza per a la part introductòria d'una secció o pàgina?

a)

“<article>”

b)

“<nav>”

c)

“<header>”

8.

Quin element d'HTML5 s'utilitza per a seccions de navegació?

a)

“<aside>”

b)

“<nav>”

c)

“<footer>”

9.

Com es crea un enllaç en HTML?

a)

Amb l'element “<link>” i l'atribut “src”

b)

Amb l'element “<a>” i l'atribut “href”

c)

Amb l'element “<url>” i l'atribut “dest”

10.

Quina diferència hi ha entre una ruta relativa i una ruta absoluta en un enllaç?

a)

Les rutes relatives enllacen a altres llocs web, i les absolutes dins del mateix lloc

b)

Les rutes relatives especifiquen el camí des de la ubicació actual, i les rutes absolutes requereixen l'URL complet

c)

No hi ha cap diferència significativa entre elles

11.

Per a què s'utilitzen els comentaris en HTML i CSS?

a)

Per a afegir efectes visuals al codi

b)

Per a deixar notes i explicacions dins del codi que no es mostren a la pàgina web

c)

Per a optimitzar la velocitat de càrrega de la pàgina

12.

Per què és important la codificació de caràcters especials en HTML?

a)

Per a fer el codi HTML més curt

b)

Per a assegurar que caràcters especials es mostrin correctament en el navegador

c)

Per a millorar la seguretat del lloc web

13.

Com funciona la cascada en CSS?

a)

Els estils s'apliquen aleatòriament dins del full d'estils

b)

Els estils es llegeixen i s'apliquen en ordre, de dalt a baix dins del full d'estils, i l'última definició preval

c)

Només s'aplica la primera definició d'una propietat que es troba al full d'estils

14.

Què determina la prioritat dels estils quan hi ha conflictes?

a)

L'ordre en què apareixen els selectors a l'HTML

b)

L'especificitat del selector i l'ordre en la cascada

c)

La complexitat sintàctica de la regla CSS

15.

Quin tipus de selector té la màxima prioritat en termes d'especificitat?

a)

Selector de tipus

b)

Selector de classe

c)

Selector d'ID

16.

Què selecciona la combinació de selectors “.pare .fill”?

a)

Un element amb la classe “fill” que també té la classe “pare”

b)

Un element amb la classe “pare” que es troba dins d'un element amb la classe “fill”

c)

Un element amb la classe “fill” que és un descendent d'un element amb la classe “pare”

17.

Què selecciona la combinació de selectors “p.important”?

a)

Tots els elements “<p>” de la pàgina

b)

Tots els elements amb la classe important

c)

Tots els elements “<p>” que també tenen la classe important.

18.

Per què és recomanable utilitzar múltiples classes en un element HTML?

a)

Per augmentar l'especificitat dels selectors

b)

Per aplicar estils de manera modular i facilitar la reutilització del codi CSS

c)

Per fer el codi HTML més llarg i detallat

19.

Quina de les següents NO és una manera principal de representar colors en CSS?

a)

Notació binària

b)

Paraules clau (com red, green, blue)

c)

Valors RGB (com rgb(255, 0, 0))

20.

Quina unitat de longitud en CSS és un exemple de longitud absoluta?

a)

Píxel (px)

b)

Percentatge (%)

c)

Em (em)

21.

Quina característica principal tenen les longituds relatives en CSS?

a)

Es basen en unitats físiques fixes

b)

Es basen en la mida d'un altre element o de la font

c)

Sempre tenen la mateixa mida independentment del dispositiu

22.

Quan és recomanable utilitzar la unitat “em” en CSS?

a)

Principalment per definir l'amplada de la maquetació general de la pàgina

b)

Sovint per estilitzar el text, incloses les mides de lletra i l'espaiat al seu voltant

c)

Quan es vol una mida fixa que no depengui de la mida de la font