Bien lo que vamos a intentar hacer es crear una página Web para nuestro aprendizaje necesitaremos Visual Studio Code para el código que lo podreis descargar justo aquí
Una vez descargado vamos hacer lo siguiente vamos a crear una carpeta
yo la pondré HTML pero podéis poner el nombre que vosotros queráis , y abrimos Visual studio Code , y arrastramos nuestra carpeta creada
nos sáldra esto le damos a la carpeta que tiene el signo de +
Le llamaremos Pagina principal.html
Bien Vemos como pone Pagina principal ahora pondremos HTML
y elegimos la segundo html:5 y nos saldra el siguiente codigo
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> </body> </html>
Ahora vamos a la carpeta que hemos creado y veremos un archivo HTML como pagina principal, Y lo primero que vamos hacer va ser poder va ser poner un fondo a nuestra imagen, pero antes debemos poner la imagen que en la carpeta que hemos creado anteriormente la imagen tiene que estar colocada en la raiz
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <html> <head> </head> <body background="killis.jpg" style=background-size:cover></body>///adjuntamos la imagen </body>
<body background="killis.jpg" style=background-size:cover></body>
este es el código el kllis.jpg es el nombre de la imagen lo siguiente el tamaño completo ahora lo que vamos a poner es el titulo en el centro en mi caso lo pondremos de colores
</html> <body> <h1 style="text-align: center;"><span style="color: #008000;"><em><span style="color: #ff0000;">todo</span> <span style="color: #00ccff;">sobre</span> <span style="color: #ffff00;">peces</span></em></span></h1> <h1 style="text-align: right;"><span style="color: #ffff00;"><strong> </strong></span></h1> </body> </html>
Tendriamos el color rojo, azul y amarillo ahora os pondre el codigo de los tres colores por separado.
Color ROJO centro
<h1 style="text-align: center;"><span style="color: #ff0000;"><em>todo sobre peces</em></span></h1>
Color AZUL centro
<h1 style="text-align: center;"><span style="color: #00ffff;"><em>todo sobre peces</em></span></h1>
Color AMARILLO centro
<h1 style="text-align: center;"><span style="color: #ffff00;"><em>todo sobre peces</em></span></h1>
y ahora os mostrare la pagina principal que hemos creado