Conceptos básicos de HTML mark-up (esencial) del texto

El propósito de esta guía es mostrar al lector la sintaxis del lenguaje de marcado HTML sería conveniente para el bien de la web escritor, que conoce las reglas básicas: el texto en la Web, de hecho, se convierte en hipertexto sólo gracias a los poderes mágicos de la marca HTML-up es, debemos recordar, la estructura básica de cada página web.

En la lección anterior hablamos acerca de la alineación, la selección de fuentes, etc. Vamos a ver ahora, de una manera muy práctica, cómo hacer que una parte vital de un formato de texto para su publicación en línea.

Omitimos aquí el análisis de la estructura de una página web (para los interesados ​​en suggersico leer aquí ) y llegar directamente al formato de nuestro texto.

Títulos

El título de un sitio web es el contenido y las etiquetas de cabecera en <title> y </ title>, dentro de las etiquetas de encabezado (h1, h2, h3, ..., h6).
El título en sí mismo, por lo general, se caracteriza por <h1> y </ h1>. Ejemplo:

 



 <h1> Este es el título </ h1>

 

El subtítulo está contenida dentro de <h2> y </ h2>. Ejemplo:

 



 <h2> Este es el subtítulo </ h2>

 

Cualquier otro título (jerárquicamente por debajo de ellos) se definirá de la misma manera con h3, h4, h5 y h6 (cuanto mayor sea el número que sigue la "h" disminuye la importancia del título).

Párrafos

Normalmente, el texto en una página HTML se encuentra entre las etiquetas y </ p>, que, respectivamente, abren y cierran un párrafo de texto. Ejemplo:

 



 <p>







 Mi texto aquí ... ...







 </ P>

 

Gestionar la alineación

Para hacer la alineación horizontal del texto de un párrafo debe utilizar las hojas de estilo (CSS) a través de la propiedad text-align.
La propiedad en cuestión acepta cuatro valores:

• a la izquierda (justificado a la izquierda, por defecto)
• a la derecha (alineado a la derecha)
• centro (centro de la alineación)
• justificar (alineación justificada)

He aquí un ejemplo:

 



 <p style="text-align:center">







 ... Ejemplo de texto centrado ...







 </ P>

 

Negrita, cursiva y subrayado

Estos tres aspectos del texto logra, respetado por las etiquetas <b> (en negrita), <i> (cursiva) y <u> (subrayado). Ejemplo:

 <b> Teso negrita </ ​​b>







 <i> Teso cursiva </ i>







 <u> Teso subrayado </ u>

Cabe señalar que la etiqueta tiene un equivalente en las etiquetas <strong> negrita:

 



 <strong> Teso negrita </ ​​strong>

 

y las etiquetas de cursiva en <em>:

 



 <em> Teso en cursiva </ em>

 

Añade un enlace

Un hipervínculo (o, más comúnmente, los enlaces) se pueden insertar a través de la <a> y su atributo href. Vedaimo un ejemplo:

 



 <a href="http://www.sito.com/mario.html"> Mario Ir a la página </ a>

 

Como se puede ver en el atributo href se especifica en la dirección web de la página de destino que se abre al hacer clic en el enlace de texto.
Obviamente nlla prohíbe tanto estar vinculada a una imagen en lugar de texto (como en nuestro ejemplo).

Insertar imagen

Para insertar una imagen es, por supuesto, es necesario que esta esté disponible en línea que mantiene su propia URL.
Para insertar una imagen se utiliza para <img> esto:

 



 <img src="http://www.sito.com/foto.jpg"/>

 

Como se puede ver el atributo src contiene una referencia a la ubicación de nuestra imagen.

Es evidente que la información contenida en esta lección es muy simple y parcial representan el mínimo necesario. Y "sólo a través de un profundo conocimiento de HTML y CSS que vamos a ser capaces de dar formato a nuestros contenidos de una forma realmente correcta y completa.

• <<Lección anterior
• Índice de la ayuda
• Lección siguiente>>