Entendido.

Este sitio utiliza cookies para analizar la navegación. Si continúa navegando se entiende que acepta su uso. Ver más detalles.";

Aprende Web

Crea y diseña tus sitios en la Web.

Manual de HTML

HTML: lenguaje básico para crear páginas web

Y ahora tambien aprende a programar en C++ con Aprende Web C++

Manuales para la creación y diseño de páginas web

RSS. Suscribir canal.

Donativos

Si este sitio te parece interesante puedes contribuir con una pequeña aportación.

Este obra está bajo una licencia de Creative Commons Reconocimiento-NoComercial 4.0 Internacional.

2. Insertar textos en HTML (I)

2.1 Títulos y párrafos.

Elementos de bloque y en línea.

Gran parte del contenido de las páginas web habituales está formado por texto. Por esto, es muy importante conocer los elementos y etiquetas que utiiza el HTML para manejar los textos. El código HTML tiene varias etiquetas para diferenciar el contenido de texto en secciones (o títulos) y párrafos. También tiene otras etiquetas para marcar o destacar elementos importantes dentro del texto.

Las etiquetas que delimitan secciones (títulos) y párrafos se definen como elementos de bloque.

los elementos de bloque son aquellos que tienden a ocupar todo el ancho de la página. De esta manera, párrafos, títulos, elementos de una lista, etc.. son elementos de bloque, ya que de no indicarse otra cosa ocuparán todo el ancho disponible. En ellos aunque el texto o elemento no ocupe toda la línea, el siguiente elemento se colocará en la línea siguiente.

Se definen como elementos en línea aquellos que no ocupan más que el espacio necesario para ser visualizados. Los enlaces, etiquetas para texto en negrita, cursiva o subrayado, las imágenes, etc. son elementos en línea, ya que de no indicar otra cosa, el siguiente elemento se verá a continuación de éste y en la misma línea.

Los títulos y párrafos, de los que nos ocupamos en esta página, son por tanto, elementos de bloque, todos ellos provocan un salto de línea, tanto de su elemento anterior, como del siguiente elemento que ha de visualizarse. Por supuesto, si dos títulos o párrafos van seguidos, se provoca un único salto de linea entre los dos.

Párrafos

Tal vez la etiqueta más utilizada en la composición de páginas sea la etiqueta que define los párrafos. esta es la etiqueta:

<p> Texto_del_parrafo </p>

Para crear un párrafo se encierra su texto entre las etiquetas <p> ..... </p>. Los párrafos creados con HTML son elementos de bloque, por lo que siempre ocupan toda la anchura del elemento que los contiene (por defecto la ventana del navegador). La etiqueta crea un salto de línea de manera que el elemento siguiente se coloca siempre empezando una nueva línea.

Etiquetas de Títulos

Hay hasta 6 etiquetas en HTML para definir títulos o secciones. Todas ellas llevan por defecto el texto en negrita, y son: <h1>, <h2>, <h3>, <h4>, <h5> y <h6>. La etiqueta <h1> es la de mayor importancia y por tanto se utiliza para definir los titulares de la página. La importancia del resto de etiquetas es descendente, de forma que la etiqueta <h6> es la que se utiliza para delimitar las secciones menos importantes de la página.

Todas ellas tienen su respectiva etiqueta de cierre, y al igual que en los párrafos, el texto del título va encerrado entre las etiquetas de apertura y cierre:

<h1> Texto_del_título de nivel 1 </h1>

<h2> Texto_del_título de nivel 2 </h2>

..............

<h6> Texto_del_título de nivel 6 </h6>

Al igual que los párrafos, estas son etiquetas de bloque, de manera que empiezan siempre al principio de una nueva línea y provocan que el elemento siguiente se coloque siempre al principio de una nueva línea.

El tamaño del texto de las etiquetas va decreciendo desde la h1 con un tamaño más grande a la h6 que es la de menor tamaño.

Ejemplo de página con los distintos tipos de etiquetas

Un buen ejercicio es hacer una página en la que se vea la diferencia entre las etiquetas que hemos visto anteriormente, nosotros vamos a hacerlo a continuación.

El siguiente código es el de una página en el que se muestran los distintos tipos de etiquetas de bloque vistos hasta ahora:

<html>
<head>
<title>Títulos y parrafos</title>
</head>
<body>
<h1>Titulo de nivel 1: Etiqueta h1</h1>
<h2>Titulo de nivel 2: Etiqueta h2</h2>
<h3>Titulo de nivel 3: Etiqueta h3</h3>
<h4>Titulo de nivel 4: Etiqueta h4</h4>
<h5>Titulo de nivel 5: Etiqueta h5</h5>
<h6>Titulo de nivel 6: Etiqueta h6</h6>
<p>Este es un párrafo que esta delimitado por la etiqueta p 
    de párrafo. y es un elemento de bloque al igual
    que los anteriores, por eso al acabar el texto salta 
    a la línea siguiente.</p>
<p>Este es otro párrafo, tambien creado con la etiqueta p,
    pero más corto.</p>
</body>
</html>

Si quieres ver cómo queda esta página en el navegador, pulsa el siguiente enlace:

Títulos y párrafos

En la siguiente página veremos otra serie de etiquetas para modificar el texto:

Etiquetas en linea

Página creada por ANYELGUTI.

Sugerencias: aprendeweb@aprende-web.net. Envia un

Visita nuestro blog par saber en qué estamos trabajando: Aprende Web Blog

Más sobre anyelguti en http://anyelguti.16mb.com