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

Básicos					Avanzados					Practicas
Inicio	HTML	CSS	Complementos	Gestores de Contenido	Javascript	PHP básico	Nuevas Tendencias	Programación	Librerías	Mi primera web	Prácticas Web

RSS. Suscribir canal.

Buscar en Aprende Web

Traducir página

Visita nuestro blog:

bolg.aprende-web.net

y entérate de las novedades o deja un comentario.

Dudas y sugerencias:

aprendeweb@aprende-web.net

Sobre ésta página

Ültima modificación: 29-01-2016.

Visitas este mes: 249

Visitas el mes pasado: 607

WEB-GRAFÍA

Mi agradecimiento a los siguientes sitios en los que me he basado para la elaboración de este manual.:

Desarrollo Web: manual de HTML: Desarrollo Web, por Rubén Álvarez
Cómo crear tu Web: curso de HTML: ComoCrearTuWeb, Por Georgens
Libros Web: introducción a XHTML: Libros web, por Javier Eguíluz Pérez
Curso de HTML: AulaFácil: www.aulafacil.com
Curso de html: Programación Web: www.programacionweb.net
WebEstilo: manual de html: www.webestilo.com
W3 schools; HTML Tutorial: www.w3schools.com
Tutorial html: Juan José López García
Universidad de Murcia
Introducción al lenguaje html: wikilearning

Donativos

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

Aprende Web por Anyelguti is licensed under a Creative Commons Reconocimiento-NoComercial-SinObraDerivada 3.0 Unported License.

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 se definen en 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 y deja una línea en blanco antes de continuar con el resto del documento.

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>

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

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

<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

manual de HTML

Anterior siguiente ... Siguiente