Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Llenguatge de marques (HTML, CSS i XML)

Total questions: 61

Worksheet time: 47mins

Name
Class
Date
1.

Què fa la següent abreviació Emmet? ul>li*5

a)

Escriu el codi HTML de cinc llistes ordenades amb un element

b)

Escriu el codi HTML de cinc llistes desordenades amb un element

c)

Escriu el codi HTML d'una llista desordenada amb cinc elements

d)

Escriu el codi HTML d'una llista ordenada amb cinc elements

2.

Quin símbol es fa servir en les abreviacions Emmet per fer tags aniuats (fills)

a)

+

b)

>

c)

\

d)

<

3.

Quin símbol es fa servir en les abreviacions Emmet per fer tags germans (en un mateix nivell de nidificació)

a)

+

b)

>

c)

\

d)

<

4.

Per què serveix la línia d'HTML que veiem a la imatge?

a)

Indica quina serà l'acció d'un botó del formulari inclòs en el fitxer HTML amb el que estem treballant

b)

Indica que l'arxiu HTML amb el que treballem farà ús del codi de JavaScript que trobem a script.js

c)

Indica que l'arxiu HTML amb el que treballem farà ús del codi de CSS que trobem a script.js

5.

Quina és la singularitat d'aquest element d'un formulari? <input type="radio">

a)

D'entre un conjunt d'opcions, en en permet seleccionar només una

b)

D'entre un conjunt d'opcions, en en permet seleccionar vàries

c)

Permet que el formulari pugui tenir el so d'una emissora de ràdio de fons

d)

Permet incrustar el 'player' d'una emissora de ràdio en el nostre arxiu HTML

6.

Quina és la singularitat d'aquest element d'un formulari? <input type="checkbox">

a)

D'entre un conjunt d'opcions, en en permet seleccionar només una

b)

D'entre un conjunt d'opcions, en en permet seleccionar vàries

c)

Serveix per incloure una caixa de text, el contingut de la qual cal confirmar segons el format escollit

d)

D'entre un conjunt d'opcions, en en permet seleccionar com a mínim una

7.

Quins tags hi ha darrere de la llista desplegable que es veu a la imatge, que permet seleccionar una marca de cotxe?

a)

b)

8.

Quin tag fem servir per posar el nom de cada camp que veu l'usuari?

a)

<firstname>

b)

<name>

c)

<caption>

d)

<label>

9.

Quin atribut de l'etiqueta <form> serveix per declarar què farà el formulari una vegada l'usuari premi el botó d'enviat (Submit)

(a)  

10.

Com es diu l'etiqueta general que serveix per definir els camps d'un formulari? S'especifica el tipus de cada element amb l'atribut type

(a)  

11.

Quin és l'element més destacable d'aquest codi?

a)

Que treballa amb enllaços absoluts

b)

Que treballa amb enllaços relatius

c)

Que treballa amb enllaços externs

d)

Que treballa amb enllaços interns

12.

Amb quin atribut continua, sempre, el tag per afegir un enllaç <a ... ?

(a)  

13.

<table style="width:75%"> / Què fa aquesta línia de codi?

a)

Especifica que la taula mostrarà el 75% de la seva informació

b)

Especifica que la taula ocuparà una amplada del 75% de l'ample disponible a la finestra del navegador

c)

Especifica que la taula ocuparà una amplada del 75% de l'alçada disponible a la finestra del navegador

14.

Per què serveix l'atribut valign a un element d'una taula?

a)

Per definir-ne tant la seva alineació vertical com horitzontal

b)

Per definir-ne la seva alineació vertical

c)

Per definir-ne la seva alineació horitzontal

15.

Quin atribut d'una taula hem d'especificar, en píxels, si volem que tingui contorn?

a)

line

b)

border

c)

focus

d)

td

16.

Quina és la descripció correcta de la taula que es pot veure a la imatge?

a)

Month és un <th>, January és un <td> i la tercera fila és un <tr>

b)

Month és un <td>, January és un <th> i la tercera fila és un <tr>

c)

Month és un <tr>, January és un <td> i la tercera fila és un <th>

17.

En aquesta imatge (Codepip), quina ruta és la bona per arribar de start.html a end.html?

a)

end.html

b)

./end.html

c)

http://earth.com/na/usa/end.html

d)

/na/usa/end.html

18.

Qui va ser el creador de l'HTML?

a)

Stanley Page

b)

Tim Berners-Lee

c)

Mark Zuckerberg

d)

Sam Altman

19.

Quants nivells de headings <hX> podem tenir en un document HTML?

(a)  

20.

WWW és un sistema que distingeix majúscules i minúscules (case sensitive). No és el mateix index.html que INDEX.HTML

a)

Cert

b)

Fals

21.

Com interpretarà això el navegador: <b>paraula</b>?

a)

Que 'paraula' ha d'anar ratllat

b)

Que 'paraula' ha d'anar en cursiva

c)

Que 'paraula' ha d'anar en negreta

d)

Que 'paraula' ha d'anar en subratllat

22.

<ul> és una llista ordenada i <ol> és una llista desordenada

a)

Fals

b)

Cert

23.

Per què serveix el tag <em>?

a)

Serveix per emfatitzar una paraula d'un text. Generalment es mostra en cursiva. Un lector de pantalla (accessibilitat) llegiria la paraula amb èmfasi

b)

Serveix per emfatitzar una paraula d'un text. Generalment es mostra en negreta. Un lector de pantalla (accessibilitat) llegiria la paraula amb èmfasi

24.

Quan treballem la navegabilitat per un lloc web amb l'etiqueta <nav> farem servir, en la majoria dels casos, enllaços

(a)  

25.

Quina és la tecla 'estrella' de les abreviacions Emmet?

a)

Ctrl

b)

Shift

c)

Tabulador

d)

Intro

e)

Alt

26.

A què responen les inicials CSS?

a)

Copy Style Smart

b)

Cascade Style Sheets

c)

Cascade Sheets Style

d)

Copy Style Sheets

27.

Cal saber HTML per aprendre CSS?

a)

No, perquè la sintaxi de les CSS i d'HTML no és la mateixa

b)

Sí, ja que la sintaxi de les CSS i d'HTML és la mateixa

c)

Sí, ja que les CSS serveixen per enriquir l'HTML

d)

No, perquè són dos llenguatges totalment independents

28.

Quina és la finalitat de l'ús dels fulls d'estil CSS?

a)

Es limita a canviar els colors de la nostra pàgina web

b)

A més d'incorporar el disseny estètic a la nostra aplicació web, mantenir la programació de les accions i el disseny separats

c)

A més d'incorporar el disseny estètic a la nostra aplicació web, mantenir l'estructura i el disseny separats

29.

Un fitxer CSS es pot aplicar a diferents pàgines web (fitxers HTML)?

a)

Sí

b)

No

30.

En aquest cas, on s'han ubicat les propietats CSS?

a)

A l'etiqueta

b)

A la capçalera del document HTML

c)

En un document extern (*.css)

31.

En aquest cas, on s'han ubicat les propietats CSS?

a)

A l'etiqueta que es veu afectada

b)

En un fitxer extern (*.css)

c)

A la capçalera del document HTML

32.

En aquest cas, on s'han ubicat les propietats CSS?

a)

A l'etiqueta a la qual fa referència

b)

En un fitxer extern (*.css)

c)

A la capçalera del document HTML

33.

L'inconvenient d'usar documents externs (*.css) per establir les propietats CSS és que no podem reutilitzar el mateix full d'estil per a diferents documents HTML

a)

Fals

b)

Cert

34.

Què és un selector de CSS?

a)

Ens serveix per definir a quin o a quins elements volem aplicar les declaracions de la regla

b)

Són les diverses característiques que han de complir els elements seleccionats

c)

Són les paraules clau de CSS que ens permeten fer canvis d'estil al nostre document

35.

Les declaracions en CSS estan formades per...

a)

Propietats i valors

b)

Selectors i valors

c)

Propietats i selectors

d)

Altres declaracions, més simples

36.

Assenyala la seqüència que defineix les propietats CSS que hi ha a la imatge

a)

Tag, identificador, tag i classe

b)

Tag, classe, tag i identificador

c)

Classe, tag, classe i identificador

37.

Si volem fer una regla que canviï el color de fons d'un tag, haurem de modificar la propietat...

(a)  

38.

Si volem fer una regla que ens posi el tipus de lletra d'una classe en el format de l'esquerra, haurem d'assignar a la propietat font-family el valor...

a)

2em

b)

monospace

c)

serif

d)

sans-serif

39.

Si fem una regla que digui "font:size:2em" estem treballant amb un sistema de mesura...

a)

Absolut, ja que definim exactament quant ha de medir la lletra

b)

Relatiu, ja que definim què ha de medir la lletra en termes de proporcions

c)

Erroni, ja que seria inadequat per definir la mida d'una lletra en un fitxer HTML

40.

Quin caràcter posarem davant del nom d'una regla CSS que seleccioni una classe?

a)

.

b)

*

c)

#

d)

!

41.

Quin caràcter posarem davant del nom d'una regla CSS que seleccioni un identificador?

a)

#

b)

.

c)

(

d)

*

42.

Per què serveix el tag <div>?

a)

Serveix per organtizar una pàgina web en seccions i, d'aquesta manera, poder aplicar estils CSS a casa secció

b)

Serveix per dividir la pantalla de la pàgina web en dos, de manera que es poden mostrar apartats diferents

c)

Serveix per dividir dos números enters d'un formulari i aplicar un estil CSS al resultat

43.

A què fan referència els números que donen valor a la propietat 'margin'?

a)

En ordre: marge superior, marge dret, marge inferior i marge esquerre

b)

En ordre: marge esquerre, marge inferior, marge dret i marge superior

c)

En ordre: marge superior, marge inferior, marge dret i marge esquerre

d)

En ordre: marge inferior, marge superior, marge esquerre i marge dret

44.

Per fer un selector que afecti a tots els elements <h1> d'aquest codi que tinguin com a id "heading" haurem d'escriure...

a)

h1.heading

b)

h1 heading

c)

h1#heading

d)

h1*heading

45.

Quin selector haurem d'escriure si volem canviar propietats a l'id que té com a nom mistery?

a)

.mistery

b)

#mistery

c)

*mistery

d)

mistery

46.

Què seleccionaran els selectors de la imatge?

a)

Tots els elements <span> i <h1> del codi que pertanyin a la classe 'highlight'

b)

Tots els elements <span> i <h1> del codi que pertanyin a l'id 'highlight'

c)

Tots els elements <span> i <h1> del codi

d)

Tots els elements <span> i <h1> del codi als que els pugui aplicar un destacat

47.

Si escrivim un selector de CSS com a 'div span', què seleccionarà?

a)

Tots els elements <span> que estiguin a dins d'un <div>

b)

Tots els elements <div> que estiguin a dins d'un <span>

48.

Per què serveix posar diversos selectors, un rere l'altre, separats per comes?

a)

Per aplicar un estil a un element d'un document HTML

b)

Per aplicar diferents estils a diferents elements d'un document HTML

c)

Per aplicar un mateix estil a diferents elements d'un document HTML

49.

Quin caràcter permet seleccionar tots els elements d'un document HTML per aplicar-li un estil amb CSS?

a)

*

b)

/

c)

.

d)

{

50.

A quin any es va publicar el primer estàndard de CSS?

a)

2005

b)

1999

c)

1996

d)

1985

51.
Els editors XML faciliten __________ de documents XML
a)
a. la creació
b)
b. la verificació
c)
c. l'interpretació
d)
d. la tabulació
52.
Marca les afirmacions que siguin certes respecte a XML: Trieu-ne una o més:
a)
a. És compatible amb el protocol com HTTP.
b)
b. XML pot aplicar-se a gran varietat de situacions.
c)
c. XML no soporta la tecnología d'objectes.
d)
d. El disseny XML és formal i concís.
53.
Els llenguatges de marques descriptius permeten:
a)
a. Donar format als documents.
b)
b. Definir l'estructura de les dades d'un document.
c)
c. Permeten l'intercanvi de fitxers entre diferents aplicacions i plataformes.
d)
d. Permeten especificar com s’ha de representar la informació.
54.
Digués quina resposta no és una característica dels llenguatges de marques: Trieu-ne una:
a)
a. Són fàcils de crear i bastant flexibles per representar dades molt diverses.
b)
b. Permeten fer servir metadades.
c)
c. Són fàcils d’interpretar.
d)
d. Són difícils de processar.
55.
Marca la resposta que més s'ajusti a la definició d'atribut d'un llenguatge de marques: Trieu-ne una:
a)
a. Indiquen les propietats que poden dur associades els elements.
b)
b. Representen estructures amb les quals s'organitza el contingut del document de marques.
c)
c. És un text escrit entre el símbol menor que (<) i el símbol més gran que (>).
d)
d. Són accions que es desencadenen quan el programa navegador interpreta el document.
56.
Quines de les següents opcions són característiques de les dades binàries: Seleccione una o más de una:
a)
a. No es poden afegir metadates.
b)
b. Els ordinadors les llegeixen fàcilment.
c)
c. Generalment estan optimitzades per ocupar l’espai necessari.
d)
d. Estan disponibles immediatament per fer càlculs numèrics, ja que realment es tracta de nombres. No serà necessari fer cap transformació per poder emprar aquest nombre en qualsevol càlcul.
57.
Quina de les següents afirmacions és una característica comuna d'XML i HTML? Trieu-ne una:
a)
a. Deriven de SGML.
b)
b. Guardan el format d'un document.
c)
c. Guarden l'estructura lògica dels documents.
d)
d. Utilitzen un conjunt limitat d'etiquetes.
58.

Donat aquest document XML, digués quina opció descriu l'estructura organitzativa:

a)

a. Està format per un element "pare" (persona) que conté 5 elements "fills" (nom, home, data_de_naixement, ciutat i provincia), i a la vegada un element fill (data_de_naixement) que té tres elements "fills" (dia, mes, any).

b)

b. Està format per un element "pare" (persona) que conté 8 elements "fills" (nom, home, data_de_naixement, ciutat , provincia, dia, mes i any).

c)

c. Està format per un element "pare" (persona) que conté 8 elements "atributs" (nom, home, data_de_naixement, ciutat , provincia, dia, mes i any).

d)

d. Està format per un element "pare" (persona) que conté 4 elements "fills" (nom, data_de_naixement, ciutat i provincia), i l'element fill (data_naixement) té tres elements fills (dia, mes, i any). I hi ha un atribut anomenat "home".

59.

Quin codi seria el correcte per assignar els valors: v100, vermell i 30 als camps codi, color i preu respectivament en un document XML?

a)

<article>

<codi=V100>

<nom color=vermell preu=30> Vestit </nom>

</article>

b)

<article codi="V100">

<nom color="vermell" preu="30">Vestit</nom>

</article>

c)

<article>

<codi="V100">

</nom color="vermell" preu="30">Vestit<nom>

</article>

d)

La seva representació en un document XML podria ser:

<article codi=V100>

<nom color=vermell preu=30> Vestit </nom>

</article>

60.

Un document XML es pot respresentar sempre en forma d'arbre

a)

Cert

b)

Fals

61.

Un __________ defineix l’estructura i els elements i atributs “legals” d’un document XML. Són les normes que serveixen per definir com ha de ser un document XML

a)

XQL

b)

DTD

c)

SGML

d)

PCDATA