WorksheetsComputer Navidad
Total questions: 38
Worksheet time: 18mins
Opción correcta para crear una imagen, escala 200px, que me lleve a una página si le doy click
<img src="tu_imagen.png" alt="Descripción de la imagen" width="200px">
<a href="tu_pagina_destino.html">Enlace sin imagen</a>
<img src="tu_imagen.png" alt="Descripción de la imagen" width="200px" onclick="window.location.href='tu_pagina_destino.html';">
<a href="tu_pagina_destino.html">
<img src="tu_imagen.png" alt="Descripción de la imagen" width="200px">
</a>
</a href="tu_pagina_destino">
<src="tu_imagen.png" alt="Descripción de la imagen" width="200px">
<a>
Etiqueta para poner especificaciones en el head
(a)
Opción correcta para crear una imagen, escala 400px, que me lleve a una página nueva si le doy click
<img target="_blank" src="tu_imagen.png" alt="Descripción de la imagen" width="400px">
<a href="tu_pagina_destino.html">Enlace sin imagen</a>
<img target="_blank" src="tu_imagen.png" alt="Descripción de la imagen" width="40px" onclick="window.location.href='tu_pagina_destino.html';">
<a target="_blank" href="tu_pagina_destino.html">
<img src="tu_imagen.png" alt="Descripción de la imagen" width="400px">
</a>
</a href="tu_pagina_destino">
<src="tu_imagen.png" alt="Descripción de la imagen" width="400px">
<a>
Etiqueta utilizada para poner el contenido del documento
(a)
Opción correcta para poner un video de youtube(etiqueta iframe) y posicionarlo a la derecha, con una separación(padding) de 20px
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Video a la Derecha</title>
<style>
#contenedor {
float: right;
}
</style>
</head>
<body>
<section id="contenedor">
<iframe width="560" height="315" src="https://www.youtube.com/embed/TU_VIDEO_ID" frameborder="0" allowfullscreen></iframe>
</section>
</body>
</html>
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Video a la Derecha</title>
<style>
#contenedor {
float: right;
padding: 20px;
}
</style>
</head>
<body>
<section id="contenedor">
<iframe width="560" height="315" src="https://www.youtube.com/embed/TU_VIDEO_ID" frameborder="0" allowfullscreen></iframe>
</section>
</body>
</html>
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Video a la Derecha</title>
<style>
body {
margin: 0
padding: 0;
#contenedor {
float: left;
padding-right: 20px;
}
</style>
</head>
<body>
<section id="contenedor">
<iframe width="560" height="315" src="https://www.youtube.com/embed/TU_VIDEO_ID" frameborder="0" allowfullscreen></iframe>
</section>
</body>
</html>
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Video a la Derecha </title>
<style>
body {
margin: 0;
padding: 0;
}
#contenedor {
float: right;
}
</style>
</head>
<body>
<section id="contenedor">
<iframe width="560" height="315" src="https://www.youtube.com/embed/TU_VIDEO_ID" frameborder="0" allowfullscreen></iframe>
</section>
</body>
</htm>
Etiqueta para hacer un espacio entre elementos
(a)
¿Qué etiqueta utilizaríamos si queremos encerrar en un bloque de texto una cita?
(a)
Etiqueta utilizada para agregar una línea de división
(a)
Forma adecuada de redacción: un enlace que abra la página de Google en una nueva pestaña, con las letras en color azul y sin subrayado.
<a href="https://www.google.com" target="_blank" style="color: blue; text-decoration: none;">Google</a>
<a href="https://www.google.com" target=_blank" style="color: blue text-decoration: none;"> Google</a>
<a href="https://www.google.com" target="_blank" style="color: blue; text-decoration: none;">Google</a>
<a href="https://www.google.com" target="_blank" style="color: blue; text-decoration: none;">Google<a>
Redacción de un link a youtube
<a href="https://www.youtube.com" >Ir a Youtube</a>
<a href="https://www.youtube.com" > </a>
<a href=https://www.youtube.com>Ir a Youtube<a>
</a href="https://www.youtube.com" >Ir a Youtube<a>
Forma básica del maquetado
Header
Main
Footer
Head
Main
Footer
Header
Main
Section
Footer
Main
Header
Foter
Extensión de archivo usada para archivos de HTML5
.html
.css
.js
.py
.hmtl
Extensión de archivo utilizada para archivos de estilo
style
css
style=" "
.css
Si tenemos que agregar un archivo JS al html, ¿Cómo lo agregamos si es un archivo independiente?
<link rel="stylesheet" href="../Ruta">
<link rel="stylesheet" href="../Ruta">
<script></script>
<script src="../Ruta"></script>
Etiqueta para agregar un código JS dentro de tu Html
<link></link>
<link>
<script></script>
<script>
¿Cuál es la etiqueta para agregar un archivo CSS externo a un documento HTML?
<link rel="stylesheet" href="tu_archivo.css">
<style src="tu_archivo.css"></style>
<css src="tu_archivo.css"></css>
<stylesheet>tu_archivo.css</stylesheet>
¿Cuál es la forma correcta de incluir un script JS en un documento HTML?
<script></script>
<js src="tu_script.js"></js>
<script src="tu_script.js"></script>
<javascript>tu_script.js</javascript>
¿Cuál es la etiqueta para crear una lista ordenada en HTML?
<ul></ul>
<list></list>
<ol></ol>
<ordered-list></ordered-list>
¿Cuál es la etiqueta para crear una lista no-ordenada en HTML?
<ul></ul>
<list></list>
<ol></ol>
<ordered-list></ordered-list>
¿Cuál es la etiqueta para crear un elemento en una lista en HTML?
<ul></ul>
<list></list>
<ol></ol>
<li></li>
¿Cuál es la etiqueta para agregar un salto de línea en HTML?
<br>
<nl></nl>
<line-break></line-break>
<salto></salto>
¿Cuál es la etiqueta para crear un encabezado de nivel 2 en HTML?
<h></h>
<header2></header2>
<heading2></heading2>
<h2></h2>
¿Cuál es la etiqueta para crear un párrafo en HTML?
<p></p>
<par></par>
<paragraph></paragraph>
<para></para>
¿Cuál es la etiqueta para crear un enlace en HTML?
<link></link>
<a></a>
<anchor></anchor>
<href></href>
¿Cuál es la etiqueta para agregar una imagen en HTML?
<img></img>
<picture></picture>
<image></image>
<imgsrc></imgsrc>
Etiqueta para hacer negritas con gran importancia.
(a)
Etiqueta para marcar
(a)
Etiqueta para hacer unir un css
(a)
Etiqueta utilizada para poner una dirección
(a)
Propiedad para abrir una pestaña nueva de un url
(a)
Tipos de direcciones de una imagen
Directa
Absoluta
Relativa
Indirecta
¿Cuál es la etiqueta para crear una tabla en HTML?
<table></table>
<tab></tab>
<tbl></tbl>
<tr></tr>
¿Cuál es la etiqueta para agregar un comentario en HTML?
<!-- comentario -->
<com></com>
<comment></comment>
<cmnt></cmnt>
¿Cuál es la etiqueta para crear un botón en HTML?
<button></button>
<btn></btn>
<bt></bt>
<bot></bot>
etiqueta para dividir en flex
div
dvi
divs
divi
Si necesitamos poner letras de un color, ¿Qué propiedad dentro del style utilizamos?
(a)
extensión que utilizamos para editar el estilo
(a)
¿Qué etiqueta utilizarías para poner un video de internet?
Iframe
frame
Video
Videos
IVideo
