2. HTML: Primera página web
David Poma LuqueEmpezaremos por algunas etiquetas básicas que darán vida a nuestra página:
Etiqueta <h1>
Esta etiqueta no falta en una página web, sirve para el título de la página web y mide aproximadamente unos 40px:
<h1>Mi Primera Página Web!!!</h1>
Y también existe hasta el h1, h2, h3, h4, h5 y h6, cada uno con diferente tamaño.
Etiqueta <p>
Esta etiqueta sirve para el texto de la página web:
<p>Hoy aprendimos a hacer páginas web</p>
Etiqueta <img>
Esta etiqueta nos servirá para insertar imágenes en nuestras páginas web de cualquier terminación de imagen(WEBP, JPG, JPEG, PNG, GIF, etc.) y la imagen debe estar en la carpeta donde está el HTML:
<img src="imagen.jpg" alt="Imagen de...">
En el “src“escribimos como se llama la imagen o la dirección de la imagen y en el “alt“el texto que puede aparecer si la imagen no está en la carpeta o no la encuentra.
Ejemplo:
Ahora crearemos una página sencilla y lo digo sencilla porque no es nada llamativa y aburrida, pero más después haremos páginas potentes y hermosas.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<h1>Mi Primera Página Web!!!</h1>
<p>Hoy aprendimos varias etiquetas de HTML como ser:
H1, P y IMG.
Y así creamos esta página.
</p>
<img src="document.jpg" alt="Niños Programando">
</body>
</html>
Y para ver cómo salió abrimos el HTML de la carpeta(en donde lo creamos), y para actualizarlo hacemos Control + S al visual y F5 a la página web:
Subscribe to my newsletter
Read articles from David Poma Luque directly inside your inbox. Subscribe to the newsletter, and don't miss out.
Written by