# 4.3. Tu primera página web

# Hola Mundo

Aquí tenéis la información para:

1. Crear la estructura HTML.
2. Incluir el tipo de caracteres que vamos a utilizar en nuestra página.
3. Utilizar la etiqueta "párrafo".
4. Guardar el trabajo y previsualizar nuestra página en un navegador.

En las siguientes pestañas, está todo explicado de forma ordenada:

## Crear la estructura HTML

Ya conocéis cómo debe ser la estructura de un documento HTML.

Ahora os voy a enseñar una forma rápida de crear esta estructura de etiquetas.

Obervad que fácil es:

1. 1. Accedemos a la ventana de Inicio rápido... pulsando simultáneamente las teclas Shift+Alt+Q
   2. Configuramos la ventana que aparece, como se muestra en la siguiente imagen:

Haz clic para ver la imagen ampliada

## Etiqueta de párrafo

En el cuerpo de la página escribimos el texto Hola Mundo. Para ello debemos utilizar las etiquetas de párrafo. Mirad como el editor al escribir <p nos ofrece una ayuda para completar la etiqueta. En la siguiente imagen podéis verlo:

## Guardar y previsualizar

En la aplicación Bluefish, debes guardar el archivo y previsualizar en el navegador. En la siguiente imagen podéis verlo mejor:

En la siguiente imagen podéis ver cómo quedaría el código y la previsualización en el navegador:

## Lumen dice ¿Otra forma de hacerlo?

Desde la barra de herramientas de HTML en la opción Estándar puedes acceder a esta opción.

Para más información, ver el apartado 4. Conoce el editor Bluefish de la página 4.1. El editor Bluefish de este documento.

## Kardia dice ¿Quieres saber un truco?

Los atajos de teclado son una estrategia que te pueden ahorrar mucho tiempo, nos ayudan a escribir más rápido con el ordenador.

Si quieres escribir la etiqueta de párrafo, puedes pulsar simultáneamente las teclas: Ctrl+Alt+P

# Ahora vosotros...

Cread una página web como la que acabáis de hacer con un párrafo de texto que queráis y un título para ese texto.

Probad a insertar el texto del título entre las etiquetas <h1> y </h1>.

Probad a insertar el texto del párrafo entre las etiquetas <h4> y </h4>.

Previsualizad la página web que habéis creado. ¿Qué creéis que hacen esas etiquetas?

Guardad la página web como: web_nombre1_nombre2.html y subid el archivo a classroom.

Página 8 de 9

Obra publicada con Licencia Creative Commons Reconocimiento No comercial Compartir igual 4.0

Creado con eXeLearning (Ventana nueva)