Tema: Cómo hacer una página web html

...

Texto en negrita

Este texto tendría que ser un poco más pequeño.

Encabezado de tamaño nivel 1

Letra en negrita

¿Puedo usar varios elementos a la misma vez?

Sí, se pueden usar fácilmente varios elementos a la vez siempre que evitemos elementos superpuestos. Esto lo entenderemos mejor con un ejemplo:

Ejemplo 3:

Si quieres que el texto aparezca enfatizado y más pequeño, se debe hacer de la siguiente manera:

Texto enfatizado más pequeño

y NO de la siguiente manera:

Texto enfatizado más pequeño

La diferencia se basa en que, en el primer ejemplo, cerramos en último lugar el elemento que abrimos primero. De este modo evitamos confundir al navegador y a nosotros mismos.

También existen una serie de elementos que se abren y cierran con la misma etiqueta. Estos elementos conocidos como elementos vacíos no están relacionados con un pasaje específico del texto sino que son más bien etiquetas aisladas. Un ejemplo de dichas etiquetas es

que crea un salto de línea forzado. Ejemplo:

Algo de texto

y algo más de texto en una nueva línea

que se visualizará así en el navegador:

Algo de texto

y algo más texto en una nueva línea

Otros ejemplos de elementos que necesitan tanto la etiqueta de inicio como de cierre -la mayoría de elementos cumplen esta norma- son: ul, ol y li. Estos tres elementos se usan para crear listas.

ul is la forma abreviada de "unordered list" (es decir, lista no ordenada) e inserta viñetas para cada elemento. ol es la abreviatura de "ordered list" (es decir, lista ordenada) y numera cada elemento de la lista. Para crear elementos de lista use la etiqueta li ("list item", o sea, elemento de lista). Parece algo confuso, ¿no? Veamos, entonces, algunos ejemplos:

Ejemplo 7:

- Un elemento de lista

- Otro elemento de lista

que se verá así en el navegador:

Un elemento de lista

Otro elemento de lista

Ejemplo 8:

- Primer elemento de lista

- Segundo elemento de lista

que se visualizará así en el navegador:

1. Primer elemento de lista

2. Segundo elemento de lista

d) Enlaces: para crearlos, se debe poner el siguiente código:

[Nombre del enclace](Dirección de la página)

En cuanto a la dirección de la página podemos agregar otros documentos html creados a partir de un bloc de notas copiando el la dirección de la carpeta en el que se encuentra o bien podemos utilizar otro de internet copiando su vínculo de internet.

Los enlaces van a ubicarse dentro de las etiquetas “body”

e) Imágenes: para incorporar imágenes, solo basta poner el siguiente elemento:

Lo que hay que hacer es indicar al navegador que quieres insertar una imagen, usando el elemento img y, luego, dónde está localizada(con nombre del archivo incluido) por medio del atributo src (abreviatura de "source", es decir, fuente).

El elemento img se abre y cierra usando la misma etiqueta. Al igual que la etiqueta

, no está relacionado con un pasaje específico de texto.

Por ejemplo:

¿Cómo hacer un menú desplegable en mi página web?

Lo primero que tenemos que