Origen y evolución de HTML En [ _________ ] se presenta el primer documento con descripción HTML con el nombre de: [HTML Tags]. En [ _________ ] se realiza la primera propuesta en convertir HTML en un estándar, pero, aunque no se llegó a conseguir el estándar oficial. En [ _________ ] , se consigue publicar el estándar [HTML 3.0]: Primer estándar oficial de HTML. A partir del [ _________ ] , los estándares de HTML son publicados por otro organismo distinto:
[ _________ ] . Aparece entonces la versión HTML 3.2 al año siguiente. En [ _________ ] aparece [HTML 4.0], en el que se incorporan numerosos avances, entre ellos la posibilidad de añadir pequeños scripts en las páginas web. Mejorando la [ _________ ] en las páginas ya diseñadas. En [ _________ ] se publica el primer borrador oficial del estándar HTML5. Paralelamente se sigue avanzando con la estandarización del XHTML, cuya primera versión aparece en enero del
[ _________ ].
En las herramientas de edición para realizar una web utilizan diferentes menús e iconos en los que podemos añadir: Algunas etiquetas (directivas) de HTML sin que las tengamos que teclear. Diferentes audios en formatos como ogg o mp3. Reglas estilo CSS Diferentes funciones destinadas a la creación y mantenimiento de la página web.
HTML es un lenguaje de marcas que nos permite desarrollar diferentes páginas web, ¿Qué opciones necesitamos para desarrollarlo? Un estilo de css Un script web Un editor de textos ASCII Un navegador web .
¿Qué es HTML? Es un lenguaje de marcado Es una función de creación En un proveedor de servicios Es una regla de estilos .
¿Qué podemos hacer con HTML? Publicar documentos con textos Modificar datos obtenidos en formulario Diseñar interfaces con formularios Publicar documentos con tablas .
HTML cuenta con tres variables disponibles de DTD, ¿Cuáles son? HTML 4.01 Framework HTML 4.01 Fremeset HTML 4.01 Transitional HTML 4.01 Strict .
Indica a qué tipo de etiqueta pertenecen los siguientes etiquetas de HTML: <html> <head> <title> <h2> <p> <br> <b> <hr> <img>.
Los atributos, al igual que las etiquetas, distinguen entre mayúsculas y minúsculas, por lo tanto, no es posible definir el mismo atributo con mayúsculas que con minúsculas. Verdadero Falso.
Rellena los huecos vacíos para completar la estructura básica de un documento HTML: Inicio del documento Comienzo de la cabecera Título de la página Fin de la cabecera Inicio del cuerpo Fin del cuerpo Fin del documento.
Marca la o las respuestas correctas: La Semántica en textos Son una serie de elementos HTML que ofrecen un significado a una parte del contenido de un texto. Al utilizar la etiqueta <i> </i> haremos que nuestro texto sea subrayado El texto que se escriba en h1 va a ser el del título de mayor tamaño hasta el de h6, que va a ser el menor.
Para poder utilizar HTML5, lo único que necesitamos es colocar <!DOCTYPE HTML> antes de la etiqueta <html>. Verdadero Falso.
Indica entre las siguientes etiquetas, las que ha incorporado HTML5: <article> <nav> <div> <footer> <section> <table> <header> <head> .
Entre las siguientes etiquetas, ¿cuáles podemos colocar dentro de las etiquetas <head>?
<head>
...
</head> <base> <table> <style> <title> <h1> <name> <meta> .
Selecciona la opción correcta para completar el texto:
Existe la posibilidad de insertar acciones para realizar eventos en concreto: 0. Para poder ejecutar un evento después de la carga de la página, se utilizará [ _________ ]. 1. Después tenemos dos opciones, una para cuando abrimos el navegador y tenemos internet: [ _________ ] 2. y otra para cuando no disponemos de conexión a Internet [ _________ ].
En informática, los entornos gráficos se basan en la numeración de la intensidad de tres colores, ¿Cuáles son? Rojo, verde y azul Blanco, negro y amarillo Verde, azul y blanco Rojo, amarillo y verde .
En informática, los entornos gráficos se basan en la numeración de la intensidad de tres colores: rojo, verde y azul. Como norma general, esta intensidad se representa en números hexadecimales, desde el 00 hasta el FF.
Relaciona cada color con su código correcto: #FF0000 #00FF00 #000000 #0000FF #FFFFFF #FFFF00.
Ordene la frase correctamente: 1._Texto_en_negrita <_u_> <_/b_> <_i_> 2._Texto_en_cursiva 3._Texto_subrayado <_b_> <_/_i> <_/u>.
<img> es una etiqueta que utilizamos junto a una imagen para poder usarla en nuestra web. Esta etiqueta tiene diferentes atributos posibles que harán referencia a las propiedades de la imagen.
Comenta si la siguiente afirmación es verdadera o falsa
"Gracias al elemento <img> podemos representar una determinada imagen ayudados por su atributo src" Verdadero Falso.
Marca si la siguiente afirmación es correcta o falsa:
"En HTML5 existen muchísimas etiquetas que no necesitan obligatoriamente etiqueta de cierre" Verdadero Falso.
Los mapas de imagen nos permiten definir distintas zonas “pinchables” dentro de una imagen. De tal forma que el usuario puede hacer clic sobre las zonas definidas y, cada una de éstas, puede apuntar a una URL distinta.
Clasifica los diferentes atributos con su etiqueta de los mapas correspondientes: name id href Nohref Shape Coords.
Las propiedades de las imágenes en web es algo a tener muy en cuenta si queremos sacar un trabajo agradable y funcional.
Indica si las siguientes afirmaciones son verdaderas: Las diferentes zonas que se definen en una imagen, se van creando mediante rectángulos, círculos y polígonos. Debemos contar con que los navegadores, permiten trabajar con ficheros que tengan formatos JPEG o .OBJ ya que son los más recomendables. El atributo src nos permite que indiquemos un texto alternativo que sea capaz de representar el contenido de una imagen.
Las tablas en web han sido muy utilizadas para la creación de las estructuras de la misma, con la aparición de las capas se dejaron de utilizar para este fin y son muy utilizadas con el fin de crear tablas para mostrar datos.
Podremos crear tablas en HTML y HTML 5 de una manera fácil e intuitiva.
Indica si la siguiente afirmación es verdadera o falsa:
"HTML5, no permite la creación de tablas. Solamente se organiza la información con la etiqueta <div>" Verdadero Falso.
Relaciona las etiquetas de las tablas HTML con su descripción. Que permiten definir una nueva fila. Nos permite ir generando las diferentes columnas con su valor asignado dentro de una determinada fila Realiza columnas de cabecera y contiene un texto centrado y en negrita.
Si las necesitamos también podemos crear una Lista numerada, que puede tener las siguientes características
Relaciona los siguientes parámetros de la directiva <ol> con su descripción: Nos permite seleccionar el tipo de numeración que deseemos. Expresa letras mayúsculas a partir de A, B, C, etc. Expresa números romanos desde i, ii, iii, etc Permite seleccionar el número que deseemos que sea el primero de la lista. 1.
Las listas no numeradas son muy similares a las listar numeradas, pero solo se representarán con símbolos como puede ser un circulo o un cuadrado.
Relaciona los siguientes parámetros de la directiva <ul>, con su descripción: Expresa una viñeta en forma de disco Expresa una viñeta en forma de círculo Expresa una viñeta en forma de cuadrado.
Las etiquetas pueden tener ciertos Atributos que nos ayudaran para que su funcionalidad sea mayor y mejore la web.
Indica si las siguientes afirmaciones son verdaderas: Desde la aparición de HTML5, sólo soporta el atributo border dentro de la etiqueta <p> Si tenemos una tabla, el primer elemento que podemos representar es el que aparece dentro de la etiqueta <caption> </caption> <th> …</th> nos permiten definir una nueva fila .
¿Es correcto el siguiente código? La etiqueta nav debe ir acompañada de la etiqueta <ol> Sí. No hay errores en el código La etiqueta footer no es correcta La etiqueta aside no existe .
Los Formularios tienen varios elementos dentro de ellos los cuales harán que el usuario se pueda loguear o suscribirse a nuestros boletines.
Los formularios nos permitirán enviar información al servidor para gestionar datos de la web.
Indica si es correcta esta afirmación:
"Los formularios están compuestos, únicamente, por cajas de texto (textBox)" Verdadero Falso.
Relaciona las propiedades de los formularios con su descripción: Indica el lugar al que se envían los datos Indica le método de transferencia de los datos en el servidor web Se utiliza para indicar o especificar, dónde vamos a mostrar la respuesta del formulario.
Relaciona los elementos de los formularios con su descripción: Vamos a poder crear varios tipos de elementos dentro de un formulario, dependiendo del valor que asignemos al atributo type. Definiremos un campo de texto de grandes dimensiones para que el usuario tenga la posibilidad de escribir todo lo deseado sin ningún tipo de limitaciones. Podemos agrupar un conjunto de elementos bajo un nombre.
Los Archivos HTML nos ofrecen muchísimas posibilidades y podemos añadir diferentes elementos para ayudarnos a que sea mas accesible o más agradable para el cliente.
Indica si las siguientes afirmaciones son verdaderas: Los marcos ofrecen la posibilidad de poder mostrar varios archivos HTML en la misma ventana del navegador. El uso de los frames hace que los sitios sean más accesibles Cuando presionamos un enlace en un HTML para conseguir acceder a él, contamos con la posibilidad de cargar una página en otro HTML diferente.
Indica si la siguiente afirmación es verdadera o falsa:
"Para crear una página web solo necesitamos un editor de texto y un navegador web" Verdadero Falso.
Los CSS o Cascading Style Sheets nos ayudaran a darle un aspecto visual agradable a la web.
Añadir CSS a nuestra web nos proporciona grandes ventajas.
Según la regla básica de CSS:
Imagen
¿Qué sería p en esta regla?
p {font-family: Verdana; font-size: medium;} titulo valor selector propiedad.
Las principales ventajas de CSS son: Mayor complicación la hora de añadir código. Documentos más legibles Necesitamos menos código a la hora de escribir Facilidad a la hora de generar código y mantenerlo .
¿Cómo podemos referenciar en el HTML el siguiente atributo?
.header {
background-color: #f1f1f1;
padding: 20px;
text-align: center;
} Como un id Como una clase Como una regla ninguna de las anteriores .
Dentro de la cabecera <head> de un documento HTML: Se pueden incluir palabras clave de la página web con la directiva <meta>. Se puede definir el título de la página por medio de la etiqueta <title>. Se puede indicar la hoja de estilos asociada al documento con el elemento <link>.
Todas las respuestas son ciertas.
Selecciona el selector de CSS que afecta a los párrafos de la clase "primeros". p>primeros p.primeros p#primeros p primeros.
A la etiqueta de apertura <form> le pueden acompañar varios atributos relacionados con el envío del formulario, como son: action, para indicar el programa al que se van a enviar los datos del formulario. method, que indica el método de transferencia de los datos en http. enctype, que permite indicar cómo deben ser codificados los datos al enviarlos a un servidor cuando se utiliza el método post. Todas las respuestas son ciertas.
La etiqueta <select> sirve para: Crear una lista de elementos en un formulario numerando cada uno de ellos según el lugar que ocupan en la lista. Crear una lista desplegable en un formulario con opciones, que serán especificados con diferentes etiquetas <option> dentro de ella. Crear una lista de elementos en un formulario indicando un "topo" o marca que antecede a cada uno de los elementos de la lista. Todas las respuestas son ciertas.
|
