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 interno a otra página HTML creada por el estudiante

  • Enlaces relacionados con el tema transversal

Ejemplos de enlaces sugeridos

Ejemplo orientador

<h2>Enlaces de interés</h2>

 

<p><a href="https://www.mintransporte.gov.co" target="_blank">

Ministerio de Transporte</a></p>

 

<p><a href="https://www.ungrd.gov.co" target="_blank">

Unidad Nacional para la Gestión del Riesgo</a></p>

 

<p><a href="pagina2.html">

Ver plan de evacuación escolar</a></p>

 

Navegación entre páginas.

Actividad:

  • Crear un segundo archivo HTML:

  • pagina2.html

  • Agregar contenido básico y un enlace de regreso:

<a href="index.html">Volver a la página principal</a>

 

Socialización

Actividad:

  • Probar los enlaces en el navegador.

  • Revisar si abren correctamente.

Reflexión final:

¿Por qué es importante compartir enlaces confiables cuando hablamos de seguridad?


Comentarios

Publicar un comentario

Entradas populares de este blog

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 ...
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...
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. ...
Leer más