Entradas

Enlaces y navegación en HTML

Enlaces y navegación en HTML Desarrollo Pregunta orientadora: ¿Para qué sirven los enlaces en una página web? Ejemplos cercanos: Enlaces a normas de tránsito Acceso a planes de emergencia Conexión entre páginas de un mismo proyecto Conexión transversal:   Los enlaces permiten ampliar información confiable sobre seguridad y prevención. Explicación guiada de la etiqueta <a>   Enlace básico <a href="https://www.google.com">Ir a Google</a>   Abrir en nueva pestaña <a href="https://www.google.com" target="_blank">Ir a Google</a>   Enlace a otra página HTML <a href="pagina2.html">Ir a otra página</a>   Enlace a una imagen <a href="https://www.mintransporte.gov.co"> <img src="imagenes/senal_pare.jpg" width="200"> </a>   Práctica guiada en Bluefish     continúan desarrollando su página web. Requisitos La página debe incluir: Mínimo 3 enlaces externos 1 enlace inte...
Publicar un comentario
Leer más

GUÍA DE EVALUACIÓN – HTML

Imagen
  Prevención de riesgos y desastres Crear una página web en HTML que informe a la comunidad educativa sobre la prevención de riesgos y desastres en San José de Pare, aplicando listas, tablas y atributos de texto. Lectura inicial: San José de Pare es un municipio rural donde se pueden presentar riesgos como deslizamientos, incendios forestales y lluvias intensas.   La Institución Educativa Horizontes busca promover la cultura de prevención mediante el uso de la tecnología y la inform ación. Como estudiante de grado 9, debes crear una página web que oriente a la comunidad sobre estos riesgos y las acciones para prevenirlos. ACTIVIDAD PRÁCTICA 1. Crear el archivo Cree un archivo llamado: Nombre_Estudiante_riesgos_sanjosedepare.html Escribir la estructura básica Digite la estructura HTML completa (doctype, html, head, title y body). El título debe ser:   Prevención de riesgos y desastres – I.E. Horizontes 3. Encabezado con atributos de texto En la parte superior de la página ...
Publicar un comentario
Leer más

Clase 4: Gráficos y Representación Visual de Datos

Clase 4: Gráficos y Representación Visual - Salario Mínimo Colombia Clase 4: Gráficos y Representación Visual de Datos Análisis del salario mínimo en Colombia Objetivos de aprendizaje Al finalizar esta clase, serás capaz de: Comprender los diferentes tipos de gráficos y sus usos Crear gráficos apropiados para representar datos Seleccionar y personalizar gráficos según las necesidades Analizar y presentar datos utilizando representaciones visuales 💡 Trabajo autónomo Como trabajarás de forma independiente, organiza tu tiempo y sigue las instrucciones paso a paso. Si tienes dudas, consulta los recursos proporcionados. ...
Publicar un comentario
Leer más

Ejercicio 1 de operaciones Hoja de calculo grado 9 only office

  Actividad: “Planificación de un Viaje” Objetivo: usar fórmulas básicas de Excel para calcular costos y presupuestos. Instrucciones: Crear una tabla con los siguientes encabezados en las celdas A1 a E1: A1: Item B1: Cantidad C1: Costo Unitario D1: Costo Total E1: Comentarios Ingresar los siguientes datos en las filas 2 a 6: A2: Transporte, A3: Alojamiento, A4: Comida, A5: Entradas, A6: Souvenirs B2: 1, B3: 3, B4: 9, B5: 2, B6: 5 C2: 150, C3: 100, C4: 20, C5: 50, C6: 10 Calcular el costo total para cada item en la columna D usando la fórmula de multiplicación: D2: =B2*C2 D3: =B3*C3 D4: =B4*C4 D5: =B5*C5 D6: =B6*C6 Calcular el costo total del viaje en la celda D7 usando la fórmula de suma: D7: =SUMA(D2:D6) Agregar comentarios en la columna E para cada item, explicando por qué se eligió esa cantidad y costo. Reto Adicional: Descuento : Si el costo total del viaje (D7) es mayor a 500, aplicar un descuento del 10% y mostrar el nuevo total en la celda D8. D8: =S...
Publicar un comentario
Leer más

Ejercicio bucle o ciclo

 <!DOCTYPE html> <html lang="es"> <head>   <meta charset="UTF-8">   <title>Mi historia fantástica</title>   <style>     body {       font-family: Arial, sans-serif;       margin: 20px;     }     #cuento {       margin-top: 20px;       padding: 15px;       border: 1px solid #ccc;       background-color: #eef;       border-radius: 8px;     }   </style> </head> <body>   <h2>Completa el formulario para crear tu historia</h2>   <form id="formulario">     <label for="nombre">Nombre:</label>     <input type="text" id="nombre" required><br><br>     <label for="edad">Edad:</label>     <input type="number" id="edad" required><br><br>   ...
Publicar un comentario
Leer más

ejemplo 2 java script

 <!DOCTYPE html> <html lang="es"> <head>   <meta charset="UTF-8">   <title>Mi pequeña historia</title>   <style>     body {       font-family: Arial, sans-serif;       margin: 20px;     }     #cuento {       margin-top: 20px;       padding: 10px;       border: 1px solid #ccc;       background-color: #f4f4f4;     }   </style> </head> <body>   <h2>Crea tu pequeña historia</h2>   <form id="formulario">     <label for="nombre">Nombre:</label>     <input type="text" id="nombre" required><br><br>     <label for="edad">Edad:</label>     <input type="number" id="edad" required><br><br>     <label for="animal">Animal favorito:</label> ...
Publicar un comentario
Leer más

Ejemplo java script

 <!DOCTYPE html> <html lang="es"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Ingreso de Variables</title> </head> <body>     <h2>Ingresa tus datos</h2>     <label for="nombre">Nombre:</label>     <input type="text" id="nombre"><br><br>     <label for="edad">Edad:</label>     <input type="number" id="edad"><br><br>     <button onclick="mostrarDatos()">Enviar</button>     <p id="resultado"></p>     <script>         function mostrarDatos() {             let nombre = document.getElementById("nombre").value;             let edad = document.getElementById("edad").value; ...
Publicar un comentario
Leer más