Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Solucionado (ver solución)
Solucionado
(ver solución)
1
respuesta

[Proyecto] Haga lo que hicimos en el aula

aún tengo algunas dudas sobre como podría ajustar el tamaño y posición de la imagen.

1 respuesta
solución!

¡Hola Juan!

Para ajustar el tamaño y la posición de una imagen en HTML, puedes utilizar CSS. Por ejemplo, si quieres ajustar el tamaño de la imagen, puedes usar la propiedad "width" para establecer el ancho y la propiedad "height" para establecer la altura. Además, para posicionar la imagen, puedes utilizar propiedades como "margin" para el margen o "position" para la posición.

Aquí tienes un ejemplo de cómo podrías ajustar el tamaño y la posición de una imagen en tu página de portafolio:

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Portafolio de Juan</title>
  <style>
    img {
      width: 200px; /* Establece el ancho de la imagen */
      height: auto; /* La altura se ajusta automáticamente para mantener la proporción */
      margin-top: 20px; /* Margen superior de 20px */
      margin-left: 50px; /* Margen izquierdo de 50px */
      position: relative; /* Posición relativa para ajustar la posición */
    }
  </style>
</head>
<body>
  <header>
    <!-- Tu menú o logotipo -->
  </header>
  <main>
    <h1>Título principal</h1>
    <p>Descripción breve sobre ti o tu empresa.</p>
    <a href="#">Instagram</a>
    <a href="#">GitHub</a>
    <img src="ruta_de_la_imagen.jpg" alt="Descripción de la imagen">
  </main>
  <footer>
    <!-- Información de contacto o derechos de autor -->
  </footer>
</body>
</html>

Recuerda reemplazar "ruta_de_la_imagen.jpg" por la ruta real de tu imagen y ajustar los valores de ancho, altura, márgenes y posición según tus necesidades.

Espero que esta información te sea útil. ¡Mucho éxito con tu proyecto!

Espero ter ajudado e bons estudos!