Escribir en HTML: Conceptos HTML básicos

Un buen CMS hace que sea fácil publicar artículos en su sitio web. Pero, ¿qué estás publicando exactamente? Varios párrafos de texto. Y si ese texto no está formateado correctamente, su hermoso artículo se verá roto en su sitio web.

La buena noticia: si aprendes a escribir en HTML, tu artículo se verá genial. Con algunos conceptos básicos, escribirá en HTML en poco tiempo.

HTML: Idioma del navegador web

"HTML" significa "HyperText Markup Language." Básicamente, es un lenguaje para marcar su texto,por lo que puede hacer cosas elegantes como verse en negrita o enlazar a algún otro sitio.

HTML es el idioma básico de su navegador. Utilizamos muchos lenguajes de programación para Internet (PHP, Perl, Ruby y otros), pero en última instancia, todos escupen HTML. (Bueno, o JavaScript, pero vamos a mantener esto simple.)

Su navegador toma el HTML y lo convierte en una bonita página web.

Aprende a escribir en HTML, y sabrás exactamente lo que le estás diciendo al navegador que haga.

HTML Marca el texto ordinario

HTML es un lenguaje de marcado, por lo que la mayoría de "HTML" es sólo texto sin formato. Por ejemplo, esto es HTML perfectamente bueno:

<html>

Hola. Soy HTML Emocionante. Sí. Asombroso

</html>

"ahora guaradalo en tu editor de texto y le das un formato .html ejemplo "miprimer.html" guardalo en el escritorio y luego le das abrir".

Pero espera, dices. ¡Eso no parece un lenguaje informático!

Sí. Ahora sabes el gran secreto. HTML (cuando se usa correctamente) es texto legible.

Aprenda de su experiencia de procesador de textos

Por supuesto, queremos algo más que texto sin formato. Queremos, digamos, cursiva.

Ya sabes cómo obtener cursiva en un programa de procesador de textos (como Microsoft Word, o libre LibreOffice). Presionas el pequeño botón I.

Todo lo que escribes a partir de entonces está en cursiva. Puede escribir para páginas. ¿Cómo se detiene este festival de énfasis? Pulse de nuevo el botón I. Ahora su fuente ha vuelto a la normalidad.

Si vuelves al centro de las palabras en cursiva y añades algo de texto, también estará en cursiva. Hay una especie de zona de cursiva entre el punto de partida, donde "encendió" cursivas, y el punto final, donde los descontinuó.

Desafortunadamente, estos puntos finales son invisibles.

Los puntos finales invisibles pueden causar mucho dolor. Es demasiado fácil desactivar las cursivas, luego hacer algún paso en falso con el cursor y encontrar que todavía está en cursiva. Intentas apagarlos de nuevo, pero de alguna manera te mudaste de nuevo,así que desactivarlos realmente los activa ... es un desastre.

HTML utiliza "Tags"

HTML también utiliza puntos de conexión. La diferencia es que en HTML, puede ver estos puntos de conexión. Tú los escribes. Se llaman etiquetas HTML.

Supongamos que desea mejorar ese ejemplo anterior. Quieres poner en cursiva la palabra "Emocionante". Usted escribiría en

<i>

Emocionante

</i>

Así: hola Soy HTML

 <i>Emocionante</i>

Sí Asombroso

Lo guardaría en el editor de texto y, a continuación, copie y pegue el html en el cuadro "nuevo artículo" de su CMS. Cuando el navegador muestre la página, se vería así:

Hola. Soy HTML. Emocionante. Sí. Increíble.

A diferencia de un procesador de textos, no verá las cursivas a medida que las escribe. Escriba las etiquetas. El navegador lee las etiquetas, las hace invisibles y sigue sus instrucciones.

Puede ser molesto ver todas esas etiquetas, pero el editor de texto correcto hace esto mucho más fácil.

Etiquetas de apertura y cierre

Mire de nuevo el

<i>

</i>

Etiquetas. el

<i>

activa las cursivas, al igual que su primer clic en el botón I. el

</i>

desactiva las cursivas, como el segundo clic.

En lugar de hacer clic en un botón, está escribiendo pequeñas etiquetas. Una etiqueta de apertura para iniciar cursiva, una etiqueta de cierre para detenerlos.

Observe la diferencia entre las etiquetas. El cierre

</i>

tiene un

, un corte. Todas las etiquetas de cierre en HTML tendrán esa barra.

No olvides las etiquetas de cierre

Las etiquetas de cierre son bastante importantes. ¿Qué pasa si olvidas el cierre

</i>

, like this?Hello. I am HTML. <i>Exciting. Yep. Amazing.

Es como si te hubieras olvidado de hacer clic en el I de nuevo para desactivar las cursivas. Obtendrás esto:

Hola. Soy HTML. Emocionante. Sí. Increíble.

Una sola etiqueta perdida puede convertir todo tu artículo, o incluso el resto de la página, en un río de cursiva.

Este es probablemente el error de principiante más fácil y más inquietante que puede cometer. Pero es fácil de arreglar. Sólo entra en la etiqueta de cierre.