Carnet De PresentaciĆ³n.
- Coachs Desarrollo
- 25 abr 2024
- 2 Min. de lectura
Actualizado: 23 may 2024
IntroducciĆ³n:
Este cĆ³digo hecho en HTML y CSS es la estructura bĆ”sica de una pĆ”gina web que muestra una Tarjeta De PresentaciĆ³n.
Objetivo del entrenamiento:
<!DOCTYPE html>: Declara la versiĆ³n de HTML que se estĆ” utilizando, en este caso, HTML5.
<html lang="en">: Define el lenguaje de la pƔgina web como inglƩs.
<head>: Esta secciĆ³n contiene metaetiquetas y enlaces a recursos externos como hojas de estilo y scripts.
<meta charset="UTF-8">: Define la codificaciĆ³n de caracteres como UTF-8, que admite una amplia gama de caracteres.
<meta name="viewport" content="width=device-width, initial-scale=1.0">: Especifica cĆ³mo se debe mostrar la pĆ”gina en dispositivos mĆ³viles.
<link rel="stylesheet" href="style.css">: Enlaza a una hoja de estilo externa llamada "style.css".
<title>Tarjeta de presentacion</title>: Define el tĆtulo de la pĆ”gina web.
<body>: AquĆ se encuentra el contenido visible de la pĆ”gina.
<div>: Crea un contenedor para el contenido principal.
<img src="URL" alt="Texto alternativo">: Muestra una imagen de Natalia GutiĆ©rrez. El atributo "src"Ā especifica la URL de la imagen y "alt"Ā proporciona un texto alternativo para la imagen en caso de que no se pueda cargar.
<h1>Natalia GutiƩrrez</h1>: Encabezado principal que muestra el nombre de la persona.
<p>: PƔrrafo que contiene texto de relleno.
<a href="mailto: natagutierrez25@gmail.com">Contact us</a>: Enlace que permite enviar un correo electrĆ³nico a la direcciĆ³n especificada.
Universal Selector (*): Establece el margen y el relleno de todos los elementos en 0, eliminando cualquier espacio adicional alrededor de ellos.
padding: Define el espacio interior de un elemento.
margin: Define el espacio exterior de un elemento.
body: Establece el fondo negro para todo el cuerpo de la pƔgina, centra vertical y horizontalmente su contenido utilizando Display-Flex, y hace que el cuerpo ocupe el 100% de la altura visible del navegador.
div: Define estilos para elementos <div>Ā dentro del cuerpo de la pĆ”gina, incluyendo un fondo de color azul violeta, un ancho y altura especĆficos, bordes redondeados, organizaciĆ³n del contenido en una columna con espacio alrededor y un relleno interno.
img: Establece estilos para imĆ”genes dentro de los <div>, incluyendo un tamaƱo especĆfico, alineaciĆ³n horizontal centrada y bordes redondeados.
h1: Define estilos para encabezados de nivel 1 dentro de los <div>, estableciendo tamaƱo de fuente, alineaciĆ³n de texto y color.
p: Establece estilos para pĆ”rrafos dentro de los <div>, incluyendo tamaƱo de fuente, justificaciĆ³n del texto y color.
a: Define estilos para enlaces dentro de los <div>, estableciendo color de texto, alineaciĆ³n y decoraciĆ³n.
Coach: Julian Charris