HTML

Texto (1).

Saltos de línea <br>

Cuando utilizamos un procesador de textos como Word normalmente podemos hacer un salto de línea presinanndo la tecla Enter (Intro).

En el lenguaje HTML para crear un salto de línea se utiliza la etiqueta <br>.

Ejemplo:

Después de este texto hay un salto de línea,
Aquí continúa el texto.

El código para el ejemplo anterior es:

Después de este texto hay un salto de línea,<br>
Aquí continúa el texto.

Separadores <hr>

La etiqueta <hr> inserta una barra horizontal en nuestra página de Internet.

Ejemplo:

A continuación tenemos una barra horizontal como separador

Arriba puedes ver que se insertó una barra horizontal.

El código del ejemplo anterior es:

A continuación tenemos una barra horizontal como separador <hr><br>
Arriba puedes ver que se insertó una barra horizontal.



Formatear el texto <font>

Podemos modificar las propiedades del texto utilizando las etiquetas <font>. Para ello debemos situar el texto entre las etiquetas <font> y </font> especificando algunos de los atributos siguientes:


Atributo
Significado
Posibles valores

face

fuente

nombre de la fuente, o fuentes

color
color del texto
número hexadecimal o texto predefinido
size
tamaño del texto
valores del 1 al 7, siendo por defecto el 3,
o desplazamiento respecto al tamaño por defecto,
añadiendo + o - delante del valor


Ejemplo:


Bienvenidos a Computación


El código de este ejemplo es:






EJERCICIOS:

1.- Con la ayuda de tu maestro, diseña 10 páginas de internet que contengan información de 10 personajes o pasatiempos favoritos con las siguientes características:

- El título de cada página será el nombre del personaje o pasatiempo.
- Inserta una imagen de fondo para tu página acorde con el personaje o pasatiempo deseado.
- Escribe un pequeño texto informativo sobre el personaje o pasatiempo del que hablas en tu página. Este texto informativo deberá estar en tamaño 4.
- Utiliza un color de texto que combine con el fondo de tu página.
- El nombre de cada personaje o pasatiempo deberá estar en tamaño 6.

- Inserta una barra de separación entre el nombre del personaje o pasatiempo y la información

2.-
Diseña 10 páginas de internet que contengan información de 10 animales diferentes con las siguientes características:

- El título de cada página será el nombre del animal.
- Aplica un color de fondo para tu página.
- Escribe un pequeño texto informativo sobre el animal del que hablas en tu página. Este texto informativo deberá estar en tamaño 4.
- Utiliza un color de texto que combine con el fondo de tu página.
- El nombre de cada animal deberá estar en tamaño 6.
- Inserta 3 imágenes diferentes del animal seleccionado.
- Guarda cada página con el nombre del animal. Ejemplo: tigre.html, perro.html, etc. dentro de una carpeta nueva llamada Animales.

3.- Junta todas las páginas de Internet creadas en el ejercicio anterior en una sola página con las siguientes características:

- El título será Animales.
- Separa cada animal con una barra horizontal.
- Aplica un color de fondo a tu página.



Cuando termines avisa a tu maestro para que te califique.



Profr. Pedro Manelich Osorio Montes