Font size
WorksheetsHTML & CSS
Total questions: 33
Worksheet time: 18mins
¿Cuál es la sintaxis CSS correcta para agregar color de texto a la etiqueta body?
body {color: black;}
{body:color=black;}
{body;color:black;}
body:color=black;
¿Qué atributo HTML se usa para definir estilos en línea?
style
class
font
styles
Para insertar una imagen se utilizan las etiquetas
<img src="miimagen.jpg" />
<i alt="miimagen.jpg" />
<img link="miimagen.jpg" />
<image url="miimagen.jpg" />
¿Cuál de los siguientes encabezamientos mostrará un texto de mayor tamaño por defecto?
<h2>
<h3>
<h5>
<h1>
¿Cómo se hace referencia a un documento css externo?
<link rel="stylesheet" href="archivo.css"></link>
<link type="stylesheet" src="archivo.css"></link>
<link rel="stylesheet" href="archivo.css" />
<link type="stylesheet" src="archivo.css" />
Dentro de estas etiquetas están los elementos generales de la página Web y no son visibles con el navegador Web.
<html> y </html>
<body> y </body>
<title> y </title>
<head> y </head>
¿Cual es la manera mas optima para establecer un color a una fuente o elemento?
por Hexadecimal (#FF0000)
por Nombre (Green, red)
por codigo RGB (rgb(255,0,0))
por porcentaje de colores (color(2.0, 3.0, 1))
¿Cual es la etiqueta para cada elemento de una lista?
<ol>
<li>
<ul>
<p>
¿Qué significan las siglas HTML?
Hyper Text Markup Lenguage
Home Tool Markup Lenguage
Hyperlinks Text Markup Lenguage
¿Para escribir una regla en CSS, este debe ir entre?
/ ... /
( ... )
{ … }
< ... >
¿Para qué se utiliza la etiqueta <nav>?
Para indicar la cabecera de mi sitio web
Para agrupar menús de navegación.
Para indicar el pie de página del documento.
Es la etiqueta que envuelve todo el documento
El valor de este atributo no puede ser duplicado, debe ser único en todo el documento.
Id
Class
Etiqueta
div
¿Cuál es la forma correcta de escribir un comentario en HTML?
/* comment */
<!– comment –>
ctrl + Ç
<¡– comment –>
¿Cómo harías para que el nuevo enlace se abriera en una nueva pestaña del navegador?
<link href=”#” target=”_blank”>…</link>
<link href=”#” target=”_self”>…</link>
<a href=”#” target=”_blank”>…</a>
<a href=”#” target=”_self”>…</a>
Con este elemento creamos y definimos una clase en CSS
;
.
*
" "
Header, body, aside, article, entre otras son etiquetas de:
Layout
No semánticas
Semánticas
Clases
¿Qué símbolos abren y cierran una etiqueta en HTML?
/.../>
{...}
< >.. < />
<?.../
con esta definición puedo navegar a un elemento que se encuentra en otra carpeta según jerarquía
{../miruta.jpg/}
..("miruta.jpg")
"miruta.jpg/../"
"../../miruta.jpg"
¿cuál es la función principal de la hoja de estilos "RESET.CSS"
Reinicia mis estilos propios
Resetea todos mis estilos
Resetea los estilos de las clases que defino
Resetea los estilos que vienen por defecto en los navegadores
Esta etiqueta me permite crear un formulario en HTML
<farm> </farm>
<form> </form>
<formulario> </formulario>
<aside> </aside>
¿puedo anidar un formulario dentro de otro formulario?
Sí
No
Define como se va a ver en términos de diseño mi sitio web
HTML
PHP
CSS
MYSQL
Define la estructura semántica de mi sitio web
PHP
HTML
CSS
JAVASCRIPT
<input> </input>
Es una etiqueta nativa de HTML
Permite crear un título en HTML
Crea un campo para ingresar un dato
Se utiliza al interior de <form> </form>
Esta propiedad permite seleccionar una fecha en un input
type="select"
type="color"
type="date"
type="name"
los "id" se definen con el siguiente símbolo:
$
&
#
*
¿Qué hace la propiedad "placeholder" en un input?
asigna un valor al input
asigna un ejemplo del dato al campo
asigna un identificador único (id)
asigna el tipo de dato
GET y POST son maneras de enviar datos al servidor
Sí
No
etiqueta que se utiliza para que el usuario deje sus comentarios en un formulario
<input>...</input>
<select>...</select>
<header>...</header>
<textarea>...</textarea>
Etiqueta que me permite desplegar diversas opciones
<aside>...</aside>
<select>...</select>
<input>...</input>
<radio>...</radio>
si asigno el mismo "name" a un input de type="radio"
Puedo seleccionar todos las opciones
Puedo seleccionar solo una opción
No podre activar ningún radio
No podré seleccionar 2 o más opciones
header {background: #000}
Defino un color de fondo al <header>
La propiedad también se puede utilizar para definir una imagen
el valor definido es "negro"
La propiedad agrupa a varios atributos
La siguiente definición es la correcta para llamar una imagen
<img src="ruta.png"> </img>
<img src="ruta.png">
<img href="miruta.png">
<img> ruta.png </img>
