Embedded Files
En esta actividad practicaremos cómo insertar imágenes, hipervínculos y listas, tanto con viñetas como numeradas, utilizando HTML.
Actividad 1.7A
En el siguiente campo de texto, coloca los comandos HTML según las indicaciones. Se recomienda ver los ejemplos de la actividad 1.6:
Insertar un hipervínculo que conecte con la dirección (href) "https://www.colombiaaprende.edu.co/" y que tenga como texto "ColombiAprende".
Insertar una imagen con dirección (src) "https://www.colombiaaprende.edu.co/sites/default/files/files_public/styles/max_325x325/public/logos_aliados/19.png".
Insertar una lista de viñetas con tres elementos de objetos tecnológicos preferidos.
Insertar una lista ordenada con números romanos de artefactos tecnológicos utilizados en el colegio, con fondo negro y letra blanca.
Una tabla con un borde de grosor 7, compuesta por 3 columnas y 2 filas, que contiene los comandos rápidos de teclado para Windows, tales como copiar, pegar, entre otros.
Actividad 1.7B
En el siguiente campo de texto, coloca los comandos HTML según las indicaciones. Se recomienda ver los ejemplos de la actividad 1.6:
Insertar un hipervínculo que conecte con la dirección "https://www.joseantoniogalanpereira.edu.co/identidad" y que tenga como texto "Galán".
Insertar un hipervínculo que conecte con la dirrección "https://www.joseantoniogalanpereira.edu.co/himno" y que tenga como texto "Himno del Colegio".
Insertar un hipervínculo que conecte con la dirección "https://www.joseantoniogalanpereira.edu.co/fotos" y que tenga como texto "Fotos".
Insertar una imagen con la direción (src) "https://www.joseantoniogalanpereira.edu.co/galeria_fotos/1.jpg".
Insertar una lista de viñetas con tres amigos del colegio.
Insertar una lista ordenada con números romanos de materias preferidas.
Insertar una tabla con un borde de grosor 7, compuesta por 3 columnas y 2 filas, con el horario del lunes, martes y miercoles.
Actividad 1.7C
Paso 1: Primero, vamos a abrir la carpeta la cual lleva el nombre del estudiante. Recuerden que está ubicada en la carpeta de documentos.
Paso 2: Ahora, dentro de la carpeta que acabamos de abrir, vamos a crear un documento de texto. Haz clic derecho dentro de la carpeta, selecciona "Nuevo" y luego "Documento de texto" con nombre "Pagina8".
Las imágenes que se visualizan en la página web deben estar ubicadas en la misma carpeta que la página.
Paso 3: Guardar la imagen, primero coloca el cursor sobre la imagen a la derecha y haz clic derecho. Luego selecciona 'Guardar imagen como'. Busca la carpeta de Documentos y ábrela, luego busca tu carpeta personal para guardarla allí. Nombra el archivo como 'corazon' y presiona 'Guardar'.
Paso 4: Abre el documento "Pagina8" haciendo doble clic sobre él. Luego, copia y pega el texto de la fotocopia de la Actividad 1.7 que está ubicado a continuación.
<html>
<head>
<title>Actividad 1.7</title>
</head>
<body>
<h1><a href="https://www.salud.com">La
tecnología de la salud</a> </h1>
<img src="corazon.png" alt="TecSalud">
<ol style="background-color:purple;color:white;">
<li>Dispositivos Médicos:
<ol type="a">
<li>Rayos X</li>
<li>Electrocardiograma</li>
<li>Endoscopia</li>
</ol>
</li>
<li>Tecnologías Emergentes:
<ol type="i" style="color:fuchsia;">
<li>IA y Medicina </li>
<li>Robótica quirúrgica</li>
<li>Telecirugía</li>
</ol>
</li>
</ol>
<ul style="background-color:pink;color:white;">
<li>Tratamientos y Terapias:
<ul>
<li>Farmacoterapia:
<ul>
<li>Antibióticos</li>
<li>Vacunas</li>
<li>Entre otros</li>
</ul>
</li>
<li>Terapias Avanzadas:
<ul>
<li>Terapia génica</li>
<li>Terapia con células madre</li>
<li>Entre otros</li>
</ul>
</li>
</ul>
</ul>
</body>
</html>
Paso 5: Haz clic en "Archivo" en la parte superior izquierda del documento y elige "Guardar" del menú desplegable.
Paso 6: Repite el proceso de guardar, pero esta vez selecciona "Guardar como". En la opción "Tipo", elige "Todos los archivos" y ponle como nombre "pagina8.html".
Paso 7: Para ver la página web que acabamos de crear, vuelve a la carpeta y abre el archivo "pagina8.html" para observar cómo quedó. Compara con el resultado del cuaderno.
Page updated
Report abuse