Tecnología

Inicio

LiveJournal Tutorial HTML

LiveJournal Tutorial HTML


LiveJournal es un sitio web que permite a los usuarios crear un diario en línea. El sitio es compatible con una variedad de HTML en los mensajes. Al publicar una entrada directamente a través de la página web LiveJournal, usted tiene la opción de escribir la entrada a través de una ventana de entrada de texto enriquecido o en HTML. La ventana de texto enriquecido le permitirá hacer cambios de formato y fuente, mientras que el HTML le permitirá utilizar LiveJournal etiquetas específicas.

Conceptos básicos de HTML

HTML trabaja con una serie de "etiquetas" que describen cómo se deben formatear la página o una sección de texto. Estas etiquetas pueden cambiar atributos como el color y el tamaño del texto, o añadir objetos a las páginas tales como tablas, listas o imágenes. Etiquetas que cambian los atributos de texto tienen una etiqueta de apertura y una de cierre; las etiquetas son designados por el símbolo <>, y una etiqueta de cierre por </>. Todo el texto entre estos dos elementos tienen el cambio de formato especificado en esa etiqueta. La etiqueta es negrita <b>, por lo que <b> Ejemplo de texto </ b> aparecería como ejemplo de texto. Las etiquetas también pueden contener atributos. Estos son los valores dentro de la etiqueta como la etiqueta <font>. Esta etiqueta cambia de texto, y uno de sus atributos es el color. Así <font color = "red"> texto </ font> convertiría al rojo texto. Varias etiquetas se pueden utilizar en el mismo texto por los nidos de ellos alrededor del texto a ser afectados. Por ejemplo, <font color = "red"> <b> texto </ b> </ font> crearía, texto rojo negrita.

Etiquetas básicos

Muchas etiquetas HTML básicas se pueden utilizar a través del editor de entradas de HTML. Estos incluyen pero no se limitan a las siguientes etiquetas:

<B> texto </ b> Esta etiqueta negritas el texto.
<I> texto </ i> Esta etiqueta se ponga en cursiva el texto.
<U> texto </ u> Esta etiqueta subraya el texto.
<a href="Text&lt;/a"> http: // websiteurl "> Texto & lt; / a> Esta etiqueta se convierte el texto en un enlace a la página web en el atributo href.
<Code> texto </ code> Esta etiqueta muestra texto con el fijo, en lugar de proporcional, espacios.
<Center> texto </ center> Esta etiqueta se centra el texto horizontalmente.
<Pre> texto </ pre> Esta etiqueta hace que el texto que se representa como pre-formateado. Esto significa que todo el formato, tales como espacios adicionales, se conserva.
<Font size = cara "3" = "sans serif" color = "red"> texto </ font> La etiqueta de fuente cambia cualidades de texto. El atributo de tamaño toma valores de uno a siete u pt en la fuente, como 12pt. El atributo rostro adquiere nombres de las fuentes. El atributo de color toma valores de color hexadecimales o algunos nombres de colores básicos.

LiveJournal etiquetas específicas

LiveJournal emplea varias etiquetas que funcionan de la misma manera como HTML, pero que son específicos para el sitio. La primera de ellas es el corte LJ. Esta etiqueta se esconde parte de su entrada detrás de un enlace. Cuando el lector hace clic en el enlace, que les llevará a la página del artículo en el que el artículo completo y los comentarios son visibles. La etiqueta es <lj-cut text = "El texto que aparece como un enlace"> texto oculto </ lj corte>. El atributo de texto le permite configurar el texto del enlace; si no se utiliza este atributo "Leer más..." se utilizará de forma automática.

Esta etiqueta, <lj user = "nombre de usuario"> crea un enlace a un usuario, la comunidad o la cuenta de alimentación. El enlace irá directamente a la página del perfil de la cuenta. El texto que se muestra en el enlace se puede cambiar mediante el atributo title = "exampletitle".

La última LJ HTML específica es una serie de accesos directos para las direcciones URL. Estos se utilizan con la etiqueta <a> y como sigue:
LJ: // usuario / EXAMPLEUSERNAME / - crea un enlace a la página del diario de un usuario.
LJ: // usuario / EXAMPLEUSERNAME / amigos / - crea un enlace a la página de amigos de un usuario.
LJ: // usuario / EXAMPLEUSERNAME / perfil / - crea un enlace al perfil de un usuario.
LJ: // userpics / EXAMPLEUSERNAME / - crea un enlace a "las fotografías de usuarios" de la página de un usuario.
LJ: // - crea un enlace a la página principal de LiveJournal.
LJ: // FAQ / - crea un enlace de la página de preguntas frecuentes de LiveJournal.