Una página sin orden cansa
Piensa en el periódico. Tiene un titular grande, titulares pequeños y textos debajo.
Así sabes qué leer primero. Una web hace lo mismo.
Y además tiene algo que el papel no tiene: puedes pulsar una palabra y viajar a otra página.
Palabras clave
| Palabra | Qué significa | Ejemplo |
|---|---|---|
| Título | Un texto grande que dice de qué trata una parte. Hay seis tamaños. | <h1>Resultados</h1> |
| Párrafo | Un trozo de texto con varias frases. | <p>Ganamos 2 a 1.</p> |
| Enlace | Un texto que, al pulsarlo, te lleva a otra página. | <a href="...">Ver</a> |
| Atributo | Un dato extra que se escribe dentro de la etiqueta de apertura. | href="calendario.html" |
| Dirección | El lugar de una página en internet. También se llama URL. | https://www.ejemplo.es |
Las celdas que rellenan los estudiantes quedan en blanco en esta vista previa.
Títulos: de h1 a h6
Los títulos tienen seis niveles: h1, h2, h3, h4, h5 y h6.
El h1 es el más grande y el más importante. Úsalo una sola vez por página, para el nombre de la página.
El h2 va debajo, para cada parte grande.
Pruébalo: los niveles de título
<h1>Club Deportivo Los Pinos</h1>
<h2>Nuestros equipos</h2>
<h3>Juveniles</h3>
<p>Entrenan los martes.</p>
<h3>Veteranos</h3>
<p>Entrenan los jueves.</p>
Ejemplo resuelto: una página con orden
| Nivel | Para qué | Ejemplo del club |
|---|---|---|
| h1 | El nombre de la página | Club Deportivo Los Pinos |
| h2 | Cada parte grande | Nuestros equipos |
| h3 | Una parte dentro de otra | Juveniles |
| p | El texto normal | Entrenan los martes. |
Las celdas que rellenan los estudiantes quedan en blanco en esta vista previa.
No elijas el título por su tamaño
Advertencia
No uses h3 solo porque sale más pequeño. El nivel dice cuánta importancia tiene el título. El tamaño se cambia más adelante con CSS.
Enlaces con la etiqueta a
Un enlace se escribe con la etiqueta a. Lleva un atributo llamado href.
El atributo href guarda la dirección a la que viajas. El texto entre las etiquetas es lo que se ve y se pulsa.
Los atributos van siempre en la etiqueta de apertura, con el valor entre comillas.
Pruébalo: un enlace
<h1>Club Deportivo Los Pinos</h1>
<p>Mira el <a href="https://es.wikipedia.org/wiki/F%C3%BAtbol">reglamento del fútbol</a>.</p>
<p>Pulsa el enlace con el botón derecho para abrirlo en otra pestaña.</p>
Enlaces a otras webs y a tus páginas
Un enlace puede ir a otra web: href="https://www.ejemplo.es".
También puede ir a otra página tuya, que está en la misma carpeta. Entonces escribes solo su nombre: href="calendario.html".
Una web de verdad es un montón de páginas unidas por enlaces.
Repaso rápido
Inténtalo
Repaso rápido
4 preguntasTus respuestas se corrigen aquí y no se guardan. Una cuenta guarda tus resultados.