Etiquetas básicas
Profesor: Javier López
Volver
Etiquetas básicas
Saltos de línea
Párrafos
Sangrías
Negritas y cursivas
Encabezados (de <h1> a <h6>)

Etiquetas básicas
Al escribir código HTML existen algunas características, como pueden ser los saltos de línea, las negritas, múltiples espacios seguidos, cursivas o sangrías que tienen que indicarse expresamente utilizando diferentes etiquetas HTML.

Para poner un ejemplo práctico vamos a utilizar un texto de Wikipedia sobre la interesante y amena obra 'Fenomenología del espíritu' de nuestro amigo Hegel de 1807. Así, el siguiente código HTML, escrito en cualquier editor HTML:

Título: Fenomenología del espíritu

Subtítulo: Contenido de la obra
	La Idea en su ser en y para sí misma, al regresar del gran círculo en que, a partir de su ser
	en sí, recorrió los sucesivos momentos de su alteridad, constituye el objeto de la filosofía
	del espíritu.
En el navegador se visualiza todo seguido (sin ningún salto de línea, ni sangría):

Título: Fenomenología del espíritu Subtítulo: Contenido de la obra La Idea en su ser en y para sí misma, al regresar del gran círculo en que, a partir de su ser en sí, recorrió los sucesivos momentos de su alteridad, constituye el objeto de la filosofía del espíritu.

Para poder visualizarlo añadiendo negritas, saltos de página, párrafos y sangrías tendríamos que utilizar varias etiquetas:

Saltos de línea
Cuando queremos añadir un ENTER o salto de línea para que el texto baje a la siguiente línea utilizamos la etiqueta <br>. Así, en el caso del ejemplo anterior tendríamos que haber añadido un <br> para partir la línea del subtítulo:
Título: Fenomenología del espíritu

Subtítulo: Contenido de la obra <br>
	La Idea en su ser en y para sí misma, al regresar del gran círculo en que, a partir de su ser
	en sí, recorrió los sucesivos momentos de su alteridad, constituye el objeto de la filosofía
	del espíritu.	

Párrafos
Los párrafos se indican con la etiqueta <p>.
Si únicamente añadimos una etiqueta <p> se aplica un salto de línea algo más grande que el <br> anterior.

Si por el contario encerramos un párrafo entre las etiquetas <p> al principio y </p> al final del párrafo, éste se separará del bloque anterior y siguiente con un espacio doble (como es el caso de este párrafo).

Así, para separar el título del subtítulo utilizaríamos esta etiqueta:
Título: Fenomenología del espíritu <p>

Subtítulo: Contenido de la obra <br>
	La Idea en su ser en y para sí misma, al regresar del gran círculo en que, a partir de su ser
	en sí, recorrió los sucesivos momentos de su alteridad, constituye el objeto de la filosofía
	del espíritu.	

Sangrías
Las sangrías son aquellos espacios en blanco (vacios) que se colocan al comienzo de una línea o párrafo. Así, para crear sangrías tenemos diferentes etiquetas, aunque posiblemente la que da mejores resultados y es más fácil y fiable son las etiquetas <dd> y </dd>
Título: Fenomenología del espíritu <p>

Subtítulo: Contenido de la obra <br>
	<dd>La Idea en su ser en y para sí misma, al regresar del gran círculo en que, a partir de su ser
	en sí, recorrió los sucesivos momentos de su alteridad, constituye el objeto de la filosofía
	del espíritu.</dd>	

Negritas y cursivas
Si queremos colocar negritas o cursivas en el texto del ejemplo tenemos que utilizar las siguientes etiquetas:

Siguiendo con el ejemplo anterior, para colocar "Título" y "Subtítulo" en negrita debemos encerrar estas palabras entre las etiquetas <b> y </b>

<b>Título</b>: Fenomenología del espíritu <p>

<b>Subtítulo</b>: Contenido de la obra <br>
	<dd>La Idea en su ser en y para sí misma, al regresar del gran círculo en que, a partir de su ser
	en sí, recorrió los sucesivos momentos de su alteridad, constituye el objeto de la filosofía
	del espíritu.</dd>	
Si además, queremos colocar "Fenomenología del espíritu" en cursiva debemos encerrar esta palabra entre las etiquetas <i> e </i>
<b>Título</b>: <i>Fenomenología del espíritu</i> <p>

<b>Subtítulo</b>: Contenido de la obra <br>
	<dd>La Idea en su ser en y para sí misma, al regresar del gran círculo en que, a partir de su ser
	en sí, recorrió los sucesivos momentos de su alteridad, constituye el objeto de la filosofía
	del espíritu.</dd>

Encabezados
Para indicar un tamaño de texto diferente para los encabezados de cada uno de los apartados, subapartados o texto sencillo utilizamos las etiquetas <h1>, <h2>, <h3>, <h4>, <h5> y <h6>.

Estas etiquetas tienen una etiqueta inicial (<h1>) y una final (</h1>). Así, el texto que se encuentra entre estas etiquetas se visualizará con un tamaño de texto concreto, siendo <h1> el tamaño más grande y <h6> el más pequeño.

<h1> Texto con h1 </h1>
Aunque cada una de estas etiquetas tiene asignado un tamaño inicial predeterminado es posible determinar cada uno de estos tamaños utilizando los estilos CSS.

Éstos son los tamaños predefinidos de cada una de las etiquetas:

Texto con h1

Texto con h2

Texto con h3

Texto con h4

Texto con h5
Texto con h6
En temas posteriores, veremos que existen maneras de indicar el tamaño de los textos un poco menos rústicas.