Cuestionario de preguntas HTML
Sumario
Contexto
Estas preguntas se han extraído del contenido de este curso online.
Para la casi totalidad de las preguntas se pueden extraer la respuesta de lo allí indicado. Quizás únicamente en lo referente a accesibilidad, sea necesario indagar en la web porque lo allí expuesto está algo desactualizdo.
Introducción
1. ¿En qué lenguaje se escriben la mayoría de las páginas web?
2. ¿Quién define las normas del lenguaje HTML?
3. ¿Quién es considerado el padre del HTML?
4. ¿Cuando se publicó el primer documento formal con la descripción de HTML?
5. ¿Cual es la última especificación oficial de HTML? ¿Cuándo se publicó?
6. ¿Cuándo se publicó el primer borrador oficial de HTML5? ¿Cuál es la última versión?
XHTML
7. XHTML 1.0 a) ¿es una adaptación de HTML 4.01 al lenguaje XML? b) ¿mantiene casi todas sus etiquetas y características? c) ¿añade algunas restricciones y elementos propios de XML?
8. El lenguaje XHTML… a) ¿es muy similar al lenguaje HTML? b) ¿es una adaptación de HTML al lenguaje XML?
9. ¿Cuál es el mecanismo que permite separar los contenidos definidos mediante XHTML y el aspecto que deben presentar esos contenidos?
Codificación
10. ¿Cómo se denomina al proceso de transformación de caracteres en secuencias de números?
11. ¿ Cual es una de las codificaciones más conocidas (y una de las primeras que se publicaron)?
Características básicas
12. ¿Cómo se denominan cada una de las palabras que se emplean para marcar el inicio y el final de una sección?
13. ¿Cuál es la principal ventaja de los lenguajes de etiquetas?
14. ¿Cuál es la principal desventaja de los lenguajes de etiquetas?
15. ¿En qué dos partes se dividen las páginas HTML?
16. ¿Qué información incluye la cabecera?
17. ¿Qué información incluye el cuerpo?
18. ¿Para que el código HTML funcione correctamente, ¿es imprescindible utilizar un editor de texto sin formato o con formato? Indica dos para linux y dos para windows.
19. ¿Cuáles son las tres etiquetas principales de un documento HTML?
20. ¿Qué etiqueta se emplea para incluir un enlace en una página?
21. ¿Cuáles son los cuatro atributos básicos?
22. Los atributos de eventos…. ¿sólo se utilizan en las páginas web que incluyen código JavaScript para realizar acciones dinámicas sobre los elementos de la página?
23. ¿Qué atributo permite establecer una tecla para acceder de forma rápida a cualquier elemento?
24. ¿Por qué está formado un elemento HTML?
25. ¿En qué dos grupos clasifica el lenguaje HTML a todos los elementos?
26. ¿Qué elementos siempre empiezan en una nueva línea y ocupan todo el espacio disponible hasta el final de la línea, aunque sus contenidos no lleguen hasta el final de la línea?
27. ¿Qué elementos sólo ocupan el espacio necesario para mostrar sus contenidos?
28. En el siguiente código de ejemplo
<html>
<head>
<title>Exemplo de elementos en líña e de bloque</title>
</head>
<body>
<p>Os párrafos son ...</p>
<a href="http://www.google.com">Os enlaces son ...</a>
<p>Dentro dun párrafo, <a href="http://www.google.com">os enlaces</a>
seguen siendo elementos en ....</p>
</body>
</html>
¿Cuáles son elementos en linea y en bloque?
29. ¿Cuáles son las cinco restricciones básicas que introduce XHTML respecto a HTML en la sintaxis de sus etiquetas?
30. ¿Entre qué etiquetas debe encerrarse el código JavaScript? ¿Por qué?
Texto
31. ¿Cuál es la forma más sencilla de estructurar un texto?
32. ¿HTML permite crear secciones de hata cuentos niveles de importancia? ¿Cuál es el nivel más importante y cuál el menos?
33. ¿Los navegadores asignan de forma automáticamente el tamaño del título de cada sección en función de su importancia?
34. ¿El aspecto que los navegadores aplican por defecto a los títulos de sección se puede modificar?
35. ¿Cual etiqueta marca un texto indicando que su importancia es mayor que la del resto del texto?
36. ¿Cual etiqueta indica que un determinado texto es de la mayor importancia dentro de la página?
37. ¿Como muestran por defecto los navegadores los elementos <em>? ¿y los <strong>?
38. Por defecto, el texto eliminado se muestra tachado de forma que el usuario pueda identificarlo fácilmente como un texto que formaba parte del texto original y que ya no tiene validez. ¿Con qué etiqueta se hace esto?
39. ¿Qué etiqueta marca las abreviaturas de un texto?
40. ¿Qué etiqueta se emplea para marcar las siglas o acrónimos del texto?
41. ¿Qué etiqueta permite incluir la definición de una palabra extraña o cuyo uso está restringido a un entorno muy determinado?
42. ¿Qué etiqueta se puede utilizar para marcar un texto como una citación?
43. ¿Qué etiqueta incluye el estándar HTML/XHTML para marcar cualquier elemento que no se puede marcar con las otras etiquetas definidas?
44. La etiqueta se visualiza por defecto con el mismo aspecto que el texto normal. Por tanto es habitual utilizar esta etiqueta junto con los atributos id y class para modificar posteriormente su aspecto con CSS. ¿Verdadero o falso?
45. ¿Qué etiqueta se utiliza para incluir una nueva línea en un punto y forzar a que el texto que sigue se muestre en la línea inferior?
46. ¿Cuál es la particularidad de la etiqueta
?
57. ¿Por qué texto se debe sustituir cada nuevo espacio en blanco por el texto para incluir espacios en blanco adicionales?
58. Quieres mostrar en una página web un texto que no se puede modificar. ¿Qué etiqueta utilizarías?
59. Quieres mostrar en una página web código fuente de una aplicación. ¿Qué etiqueta utilizarías?
60. Los caracteres que utiliza HTML para definir sus etiquetas (<, > y ") no se pueden utilizar libremente. ¿Qué entidades equivalentes podrías utilizar?
61. ¿Con qué entidad podemos reemplazar la ñ? ¿Y la letra á acentuada? ¿Y el €?
Enlaces
62. Si se considera la siguiente URL: http://www.librosweb.es/xhtml/capitulo4.html
¿Qué partes componen la URL anterior?
63. Si se considera la siguiente URL: http://www.alistapart.com/comments/webstandards2008?page=5#42
¿Qué partes componen la URL anterior?
64. ¿Qué URL incluyen todas las partes de la URL (protocolo, servidor y ruta) por lo que no se necesita más información para obtener el recurso enlazado?
65. ¿Qué URL prescinden de algunas partes de las URL para hacerlas más breves?
66. http://www.ejemplo.com/ruta1/ruta2/pagina2.html es una ruta...
67. /ruta1/ruta2/pagina2.htm es una ruta...
68.¿Mediante qué etiqueta se crean los enlaces en HTML?
69. ¿Cuál es el atributo más importante de la etiqueta <a> que se utiliza para indicar la URL a la que apunta el enlace.?
70. ¿Qué atributo de la etiqueta <a> permite definir enlaces dentro de una misma página web?
71. ¿Qué atributo de la etiqueta <a> permite indicar al navegador el idioma del recurso que se enlaza? ¿Cuál es el codigo de idioma del español de España?
72. ¿Qué atributo de la etiqueta <a> permite "avisar" al navegador sobre el tipo de contenido que se enlaza (imágenes, archivos, etc.) para que pueda preparase en caso de que no entienda ese contenido? Indica dos de sus tipos de contenido más habituales
73. ¿Qué atributo de la etiqueta <a> permite indicar la relación que la página actual tiene con la página a la que se enlaza? ¿Cuál la relación que tiene la página enlazada con la página actual ?
74. ¿Cuales son dos de las codificaciones más utlizadas?
75. ¿Qué dos etiquetas define HTML para enlazar recursos que se deben cargar automáticamente? ¿Qué hace el navegador cuando encuentra alguna de estas dos etiquetas?
76. ¿cuál es el uso más habitual de <script>? Pon un ejemplo.
77. ¿La etiqueta <script> también permite incluir en la página web un bloque de código JavaScript? ¿Dónde se debe insertar el código JavaScript cuando se incluye en la propia página XHTML? Pon un ejemplo:
78. ¿Para qué son necesarios los caracteres // al comienzo y al final de la sección CDATA?
79. ¿Dónde se incluye normalmente la etiqueta <script>?
80. ¿Donde es obligatorio que se encuentre la etiqueta <link>?
81. ¿Cuál es el uso habitual de la etiqueta <link>?
82. Según este código de ejemplo:
<a href="/">Inicio</a>
¿A donde se avanza al pulsar el enlace anterior desde cualquier página web?
83. Según este código de ejemplo:
<a href="mailto:nombre@direccion.com" title="Dirección de email para solicitar más información">
Solicita más información
</a>
¿A donde se avanza al pulsar el enlace anterior?
84. ¿A dónde parece enlazar este código?
<a href="ftp://ftp.ejemplo.com/ruta/archivo.zip" title="Archivo comprimido de los contenidos"> Descarga un ZIP con todos los contenidos </a>
85. ¿Qué permite este código?
<link rel="stylesheet" type="text/css" href="/css/comun.css" />
<link rel="stylesheet" type="text/css" href="/css/secciones.css" />
86. ¿Qué es el favicon? ¿Dónde se puede mostrar en los navegadores? El favicon o icono para favoritos es el pequeño icono que muestran las páginas en varias partes del navegador. Dependiendo del navegador que se utilice, este icono se muestra en la barra de direcciones, en la barra de título del navegador y/o en el menú de favoritos/marcadores.
87 ¿Qué permite este código?
<link rel="shortcut icon" href="/favicon.ico" type="image/ico" />
88. ¿Qué permite este código?
<link rel="alternate" type="application/rss+xml" title="Resumen de todos los artículos del blog" href="/feed.xml" />
Listas
89. ¿Cuantos y cuáles son los diferentes tipos de listas para agrupar elementos en el lenguaje HTML?
90. ¿Cuáles son las listas más sencillas y que más se utilizan?
91. ¿Qué lista es un conjunto de elementos relacionados entre sí pero para los que no se indica un orden o secuencia determinado
92. En las listas no ordenadas, ¿qué etiqueta encierra todos los elementos de la lista? ¿qué etiqueta cada uno de sus elementos?
93. ¿Cómo muestra por defecto los navegadores los elementos de la lista no ordenada? ¿Se puede modificar?
94. ¿En qué tres cosas se diferencian las listas ordenadas a las no ordenadas?
95. ¿Para qué listas poco utilizadas su funcionamiento es similar al de un diccionario, ya que cada elemento de la lista está formado por términos y definiciones?
96. En las listas de definición, ¿qué etiqueta crea la lista de definición? ¿cuál define el término? ¿cuál la descripción del término?
Imágenes
97. ¿Qué dos tipos se deben distinguir dentro de las imágenes que se pueden incluir en una página HTML?
98. ¿Qué son y cómo se deberían mostrar ambas?
99. ¿Qué atributo de la etiqueta <img> es similar al atributo href de los enlaces?
100. ¿Qué atributo es muy importante por cuestiones de accesibilidad ya que es útil para las personas y dispositivos discapacitados que no pueden acceder a las imágenes?
101. ¿La etiqueta <img> tiene etiqueta de cierre? ¿cómo debemos utilizarla para que la página XHTML sea válida?
102. ¿Cuáles son los tres formatos gráficos más habituales que entienden todos los navegadores modernos?
103. ¿Para qué se utilizan los atributos width y height de la etiqueta <img>? ¿Por qué se hace uso en HTML de ellos y no en las CSS?
104. Si sólo se establece la altura de una imagen, ¿qué anchura mostrará el navegador?
105. ¿Qué permite definir diferentes zonas "pinchables" dentro de una imagen? ¿Con qué etiqueta?
106. ¿Cómo se pueden definir en una imagen las zonas o regiones?
107. ¿Qué etiqueta permite "embeber" o incluir en las páginas HTML cualquier tipo de contenido complejo?
108. ¿Es recomendable el uso de la etiqueta embed? ¿es su uso válido desde el punto de vista del estándar de XHTML? ¿qué otra etiqueta podemos usar en su lugar?
Tabla
109. ¿Es recomendable utilizar hoy en día las tablas para definir la estructura completa de las páginas web?
110. ¿Con qué tres etiquetas se definen las tablas más sencillas de HTML?
111. ¿Qué etiqueta define la celda de datos en una tabla?
112. ¿Qué etiqueta se emplea para definir las celdas que son cabecera de una fila o de una columna de la tabla?
113. ¿Qué etiqueta se emplea para definir la leyenda o título de una tabla?
114. ¿Las partes que componen las tablas complejas se definen mediante qué etiquetas? ¿Qué hace cada una de ellas?
115. El elemento <tfoot> siempre se escribe después que cualquier elemento <tbody> en el código HTML. ¿Verdadero o falso?
Formularios
116. Los formularios más sencillos se pueden crear utilizando solamente dos etiquetas. ¿Cuáles son? ¿Qué hace cada una?
117. La mayoría de formularios utilizan sólo dos atributos la etiqueta <form>. ¿Cuáles son? ¿Qué hacen?
118. ¿Qué diferencias existen entre el método POST y el método GET?
119. ¿Cuál es la regla generar para elegir entre POST y GET?
120. ¿Qué atributo de la etiqueta <form> es imprescindible en los formularios que permiten adjuntar archivos?
121. ¿Cómo se denominan también los elementos de formulario como botones y cuadros de texto?
122. El cuadro de texto… A) Se trata del elemento más utilizado en los formularios. B) En el caso más sencillo, se muestra un cuadro de texto vacío en el que el usuario puede escribir cualquier texto C) El atributo type diferencia a cada uno de los diez controles que se pueden crear con la etiqueta <input>. Para los cuadros de texto, su valor es text. D) Todas las anteriores son correctas
123. Sobre el atributo name… A) es el más importante en los campos del formulario. B) si un campo no incluye el atributo name, sus datos no se envían al servidor. C) el valor que se indica en el atributo name es el nombre que utiliza la aplicación del servidor para obtener el valor de este campo de formulario. D) Todas las anteriores son correctas
124. Sobre los siguientes atributos en los cuadros de texto a) El atributo value se emplea para establecer el valor inicial del cuadro de texto. b) El atributo size permite establecer el tamaño, en caracteres, con el que se muestra el cuadro de texto. c) El atributo maxlength permite establecer el máximo número de caracteres que el usuario puede introducir en un cuadro de texto. d) Todas las anteriores son correctas.
125. ¿Cuál es la única diferencia entre este control y el cuadro de texto normal?
126. ¿Cómo se transforma el cuadro de texto normal en un cuadro de contraseña?
127. ¿Cuáles son los controles de formulario que permiten al usuario seleccionar y deseleccionar opciones individualmente? ¿Cuál es el valor del atributo type para estos controles de formulario?
128. ¿Cómo se debe hacer si se quiere mostrar un checkbox seleccionado por defecto?
129. ¿Cuáles son los controles similares a los controles de tipo checkbox, pero presentan que a diferencia de estos son mutuamente excluyentes? ¿Cuál es el valor del atributo type para estos controles? ¿Cúal es el atributo que se emplea para indicar los radiobutton que están relacionados?
130. ¿Cuál es el valor del atributo type para el botón de envío de formulario?
131. Los formularios también permiten adjuntar archivos para subirlos al servidor. ¿Cuál es el valor del atributo type para este control de formulario?
132. Si se incluye un control para adjuntar archivos, es obligatorio añadir el atributo enctype en la etiqueta <form> del formulario. ¿Verdadero o falso? El valor del atributo enctype debe ser multipart/form-data. ¿Verdadero o falso?
133. ¿Para qué se utilizan los campos ocultos? ¿Cuál es el valor del atributo type para este control de formulario?
134. ¿Cuál es el valor del atributo type para definir un botón de tipo genérico? ¿Qué es necesario para que estos botones sean útiles?
135. ¿Qué etiqueta agrupa campos del formulario? ¿Qué etiqueta asigna un nombre a cada grupo?
136. ¿Qué etiqueta se utiliza para establecer el título de cada campo del formulario?
137. ¿Cuál es la principal ventaja de utilizar <label>?
138. ¿Qué etiqueta se emplea para incluir un área de texto en un formulario?
139. ¿Qué etiqueta se emplea para incluir una lista desplegable en un formulario? ¿Qué etiqueta se emplea para definir cada elemento de una lista desplegable?
Estructura y layout
140. ¿Qué etiqueta se utiliza para agrupar los elementos que forman cada zona o división de una página?
141. Cita alguno de los nombres comunmente utilizados para identificar las divisiones de una web.
Metainformación
142. ¿Cómo se denominan los datos adicionales que están relacionados con la propia página? ¿Dónde se incluye esa información? ¿Cuál es un ejemplo de metainformación muy conocido y utilizado en HTML?
143. Los metadatos habituales utilizan solamente los atributos name y content para definir el nombre y el valor del metadato. ¿Verdadero o falso?
144. Indica algunos de los metadatos más utilizados con ejemplos.
145. ¿Qué tres DTD se pueden utilizar al crear págias XHTML? ¿Cómo se declara cada uno?
146. ¿Qué es un namespace en un documento XML? ¿Cómo se indican los namespaces?
147. ¿Cuál es el namespace que utilizan todas las páginas XHTML y cómo se indica?
Otras etiquetas importantes
148. ¿Cuál es la sintaxis de apertura y cierre de los comentarios en HTML?
149. Si JavaScript está bloqueado o deshabilitado y la página web requiere su uso para un correcto funcionamiento, ¿cómo debería estar diseñada la web para que tenga un uso amigable para el usuario? ¿Qué etiqueta utilizaremos para ello?
150. ¿Qué tres atributos están muy relacionados con CSS?
151. ¿Para qué se emplea el atributo id?
152. ¿Para qué se emplea el atributo class?
153. ¿Para qué se emplea el atributo style?
154. ¿Qué etiqueta permite insertar un documento HTML dentro de otro documento HTML?
155. ¿Qué etiqueta se utiliza para proporcionar información de contacto?
156. ¿Qué etiqueta permite mostrar una línea horizontal de separación?
157. ¿Cuál es el principal objetivo de la accesibilidad web?
158. ¿Cuales son las cuatro principales ventajas de diseñar un sitio web completamente accesible?
159. ¿Qué recomendaciones se pueden seguir para la creación de sitios accesibles? ¿Quién elabora ese documento de recomendaciones?
160. ¿Qué versiones recientes hay de WCAG?
161. ¿Qué tres niveles de accesibilidad existen conforme a la WCAG? ¿Cuál es más alto?
162. ¿Podrías localizar alguna guía y checklist para verificar cumplimiento de WCAG 1.0? ¿Y de WCAG 2.1?
Validación
163. ¿Qué es la validación de un documento? ¿Qué son los validadores? ¿Cómo de accede al validador del organismo W3C?
164. ¿Cuál es el complemento que permite a firefox contar con un validador?
