Noticia Destacada

Entrada de blog de ejemplo

Viernes, 20 de Enero, 2023 | Derek Pagels

Ésta entrada sirve de ejemplo para una entrada personalizada en el blog personal del autor. Los componentes principales para éste son el título, la fecha, autor y cuerpo.

Las entradas de blog pueden tener varios formatos, como la regla horizontal dividendo éste párrafo y el anterior. A continuación se mostrarán diferentes ejemplos de formato para las entradas de blog.

Citas de bloques.

Se pueden citar diferentes autores y/o usar el formato a la preferencia del autor. Un ejemplo de éste elemento sería:

"Aquí iría una cita, comentario y/o bloque de texto que el autor quiera enfatizar"
Derek Pagels

Se pueden usar otros tipos de texto dentro del bloque de texto. En este caso, por ejemplo, se utilizó un span con clase text-italic para distinguir entre la cita y su autor.

Listas

Se pueden usar listas para ordenar diferentes ideas y conceptos. Por ejemplo, se presenta a continuación una lista sin numeración:

• Tenemos una lista sin numeración, también conocida como lista desordenada.
• Tiene tres elementos.
• Los elementos son distinguidos con puntos de viñeta.

A continuación, un ejemplo de una lista ordenada:

1. Tenemos una lista numerada, también conocida como lista ordenada.
2. Cada elemento es distinguido con un número en orden ascendente.

Por último, tenemos una lista de definición.

HyperText Markup Language (HTML)

El lenguaje usado por un navegador web para mostrar una página.

Cascading Style Sheets (CSS)

Lenguaje usado por un navegador web para dar estilo a una página HTML.

JavaScript (JS)

Lenguaje de programación usado por un navegador web para ejecutar contenido y cambiar páginas dinámicamente.

Inline HTML elements

HTML defines a long list of available inline tags, a complete list of which can be found on the Mozilla Developer Network.

• To bold text, use <strong>.
• To italicize text, use <em>.
• Abbreviations, like HTML should use <abbr>, with an optional title attribute for the full phrase.
• Citations, like — Mark Otto, should use <cite>.
• Deleted text should use <del> and inserted text should use <ins>.
• Superscript ^text uses <sup> and subscript _text uses <sub>.

Most of these elements are styled by browsers with few modifications on our part.

Heading

This is some additional paragraph placeholder content. It has been written to fill the available space and show how a longer snippet of text affects the surrounding content. We'll repeat it often to keep the demonstration flowing, so be on the lookout for this exact same string of text.

Sub-heading

This is some additional paragraph placeholder content. It has been written to fill the available space and show how a longer snippet of text affects the surrounding content. We'll repeat it often to keep the demonstration flowing, so be on the lookout for this exact same string of text.

Example code block

This is some additional paragraph placeholder content. It's a slightly shorter version of the other highly repetitive body text used throughout.

Another blog post

December 23, 2020 by Jacob

This is some additional paragraph placeholder content. It has been written to fill the available space and show how a longer snippet of text affects the surrounding content. We'll repeat it often to keep the demonstration flowing, so be on the lookout for this exact same string of text.

Longer quote goes here, maybe with some emphasized text in the middle of it.

This is some additional paragraph placeholder content. It has been written to fill the available space and show how a longer snippet of text affects the surrounding content. We'll repeat it often to keep the demonstration flowing, so be on the lookout for this exact same string of text.

Example table

And don't forget about tables in these posts:

This is some additional paragraph placeholder content. It's a slightly shorter version of the other highly repetitive body text used throughout.

New feature

December 14, 2020 by Chris

This is some additional paragraph placeholder content. It has been written to fill the available space and show how a longer snippet of text affects the surrounding content. We'll repeat it often to keep the demonstration flowing, so be on the lookout for this exact same string of text.

• First list item
• Second list item with a longer description
• Third list item to close it out

This is some additional paragraph placeholder content. It's a slightly shorter version of the other highly repetitive body text used throughout.