Detrás de cada página hay texto
Abres la web de tu bar favorito. Ves la carta, los precios y el horario.
Parece magia, pero no lo es. Alguien escribió esa página con letras normales, en un archivo.
Hoy vas a escribir tu primera página. No necesitas instalar nada.
Palabras clave
| Palabra | Qué significa | Ejemplo |
|---|---|---|
| Navegador | El programa que abre las páginas web. | Chrome, Firefox, Safari |
| HTML | El lenguaje en el que se escriben las páginas web. | archivo carta.html |
| Etiqueta | Una marca entre signos de menor y mayor que dice qué es un trozo de texto. | <p> |
| Elemento | Una etiqueta de apertura, su contenido y su etiqueta de cierre. | <p>Hola</p> |
| Apertura | La etiqueta que empieza un elemento. | <h1> |
| Cierre | La etiqueta que termina un elemento. Lleva una barra. | </h1> |
Las celdas que rellenan los estudiantes quedan en blanco en esta vista previa.
Una página es un archivo de texto
Una página web es un archivo de texto. Se guarda con la terminación .html.
El navegador lee ese archivo y dibuja la página en tu pantalla.
El texto lleva marcas que dicen al navegador qué es cada cosa. Esas marcas se llaman etiquetas.
Pruébalo: tu primera página
<h1>Bar La Esquina</h1>
<p>Abierto todos los días.</p>
Cambia el texto
Consejo
Escribe el nombre de tu bar favorito dentro de h1. Pulsa Ejecutar y mira cómo cambia la página.
Abrir y cerrar
Casi todas las etiquetas vienen en pareja. Una abre y otra cierra.
La de cierre es igual, pero con una barra. Si abres <p>, cierras con </p>.
Lo que queda entre las dos es el contenido. Todo junto es un elemento.
Ejemplo resuelto: las primeras etiquetas
| Etiqueta | Qué hace | Ejemplo en la carta |
|---|---|---|
| h1 | Un título grande | <h1>Bar La Esquina</h1> |
| p | Un párrafo de texto | <p>Abierto todos los días.</p> |
| strong | Texto en negrita, importante | <strong>Hoy: menú del día</strong> |
| em | Texto en cursiva, con énfasis | <em>muy fresco</em> |
Las celdas que rellenan los estudiantes quedan en blanco en esta vista previa.
Pruébalo: la carta del bar
<h1>Bar La Esquina</h1>
<p>Bocadillo de tortilla: <strong>3,50 €</strong></p>
<p>Café con leche: 1,40 €</p>
<p>Zumo de naranja: <em>recién exprimido</em></p>
Repaso rápido
Inténtalo
Repaso rápido
3 preguntasTus respuestas se corrigen aquí y no se guardan. Una cuenta guarda tus resultados.