Estudiamos las etiquetas utilizadas para dar formato al texto y por tanto crear distintos tipos de presentación de contenidos:

 Enfatización 

Una de las característica del formato de presentación del texto es la enfatización, es decir (tipografía negrita, subrayado, itálica, etc)
 
 
Etiquetas Significado
<b> Negrita
<i>,<em> Cursiva
<u> Subrayada
<strong> Enfatizada

Ejemplo:

Ejemplo de enfatización

 Etiquetado por Contenido

Según el tipo de contendio a presentar, podemo utilizar una de las etiquetas que aparecen a continuación.

El navegador formateará el texto con unos atributos predeterminados:

Etiquetas Ejemplo
Abreviatura <abbr></abbr> adj. por adjetivo
Acrónimo <acronym></acronym> XML
Origen de Cita <cite></cite> esto es una cita
Cita textual en línea <q></q> cita en línea
Cita textual en bloque<blockquote></blockquote>
cita en bloque
Definición <dfn></dfn> (lo estudiaremos más adelante) Esto es una definición
Código <code></code> <script type="text/javascript">
Salida de ejemplo <samp></samp> esto es un ejemplo
Entrada de teclado <kbd></kbd> texto escrito en consola
Variable <var></var> b=45

 

 Titulos o Cabeceras

Para las cabeceras de contenido, el lenguaje HTML no ofrece las etiquetas <h1> a <h6> que nos permite formatear los titulares con atributos ya predefinidos.

Ejemplo:

 

Cabeceras

 

 Caracteres Especiales

 

Si en nuestros documentos web's necesitamos presentar caracteres especiales, no podemos escribirlos directamente, es necesario sustituir los caracteres especiales por unas expresiones llamadas entidades HTML y que representan a cada carácter:

Carácter Representación
< &lt;
> &gt;
á &aacute;
Á &Aacute;
é &eacute;
É &Eacute;
í &iacute;
Í &Iacute;
ó &oacute;
Ó &Oacute;
ú &uacute;
Ú &Uacute;
ñ &ntilde;
Ñ &Ntilde;
Espacio &nbsp;
Carácter Representación
&euro;
ç &ccedil;
Ç &Ccedil;
ü &uuml;
Ü &Uuml;
& &amp;
¿ &iquest;
¡ &iexcl;
" &quot;
· &middot;
º &ordm;
ª &ordf;
¬ &not;
© &copy;
® &reg;

 

 

Parra saber más sobre codificación de caracteres

 

 Comentarios

Para insertar comentarios dentro del código, basta con insertar el texto entre <!-- y -->.
 

Por ejemplo, para insertar el texto siguiente con un comentario:

¡Bienvenidos, esta es mi 1ª página!

 

Habría que escribir en el código fuente:

<!-- A continuación aparecerá una línea de texto -->
&iexcl;Bienvenidos, esta es mi 1&ordf; p&aacute;gina!

 HTML CSS 

Una hoja de estilos CSS (Cascading Style Sheets) se utiliza para aplicar atributos a los elementos HTML.

Consiste en un conjunto de normas de estilo que le dicen a un navegador cómo tiene que presentar un documento HTML, XHTML o XML.
—Permite especificar cosas como el tamaño, el color, el tipo de fuente, el espaciado, la ubicación de texto e imágenes en la página, márgenes, etcétera
 
 

 Ejemplo

 
 

¿Mira! Estilos y colores

Manipular Texto
Colores Cajas
y mucho más...

fuente www.w3schools.com

En la siguiente unidad estudiaremos lo estilos con mas detenimiento. 

Para introducirnos empezamos con los estilos en línea. Para ello utilizaremos el atributo de estilo en la etiqueta correspondiente.

El atributo style puede contener cualquier propiedad CSS. El siguiente ejemplo muestra cómo cambiar el color del texto y el tipo de letra de un párrafo:

 

<p style="color:blue;font-family:'Comic Sans MS', cursive, sans-serif;font-size:40px;">Esto es un párrafo.</p>

 

Obtenemos como resultado:

Esto es un párrafo.

Utilizando estilos podemos formatear el texto eligiendo el tipo de letra, el tamaño, el color, etc.

 

Más información sobre el formato de texto y familias de fuentes utilizando estilos.