# Logro 4, Formatos en STEEMIT
<div class="text-justify">Hola estimados amigos de STEEMIT en esta  oportunidad les presento mi logro 4, la cual consiste en presentar  los distintos formatos mediante el cual se presentan los contenidos dentro de STEEMIT.</div><br>
<center>
https://cdn.steemitimages.com/DQmcZKipHpUeHQg6Ed7hGJLGpAFJBTjru6DEaEUWuf8hcyc/miniatura-2_002.gif</center>
<h2> Introducciòn</h2>
<p><strong>Los formatos dentro de STEEMIT</strong>, no son más que contenedores de contenido llamados etiquetas; los cuales le informan al navegador lo que se quiere representar; por lo que cada etiqueta estàn diseñados y creados en código HTML, para maquetar y presentar los contenidos dentro de STEEMIT. Estos contenderos utilizan código HTML y un código especial llamado Mark Down, cuya finalidad tiene por objeto, facilitarle la codificación HTML al usuario STEEMIT, que  en su mayoría, no son desarrolladores y desconocen el código HTML. Para ello vamos a utilizar distintos tipos de contenidos que pueden mostrar los distintos navegadores, utilizando el lenguje <b>HTML y MarkDown.</b></p>
<h2>  Formatos en STEEMIT. </h2>
<div class="pull-right"><div class="text-justify">Los formatos de contenidos en STEEMIT, no se limitan a escribir el código de los contenedores de contenido, sino también a que dichos contenedores son apropiados y acondicionados para recibir determinados tipos de contenidos; por lo que el usuario debe familiarizarse con el uso de estas etiquetas , a fin de maquetar y presentar sus contenidos con cierta vistosidad.  </div></div>
Como ejemplo les presento a mi gata Robbie Daniela (en formato jpg)<center>https://cdn.steemitimages.com/DQmdEGYN9it11QLRMPbif9DuiFG4sn6vnRy4oaRNqj7o7E5/Robin-1.jpg</center>

<table width="200" border="0" cellspacing="5">
  <tbody>
    <tr>
      <td>&nbsp;<div class="text-justify">Además de informar a los navegadores del tipo de contenidos; en realidad lleva implícito dos tipos de formato, tanto el de código HTML para el tipo de contenido y el formato en si mismo del contenido. por ejemplo, para una imagen cuyo código es img, esta debe ser en un formato de imagen como jpg o png, el cual pueda ser soportado por el navegador.</div></td>
      <td>&nbsp;<div class="text-justify"><p>El código HTML <b> no es un lenguaje de programación</b>, es lenguaje de etiquetas para dar estructuras a los contenidos y a la vez informa al navegador que tipo de contenido se desea que se represente. Mientras más información reciba el navegador, sobre los distintos tipos de contenido, más fácil le resulta al navegador, poder representarlos.</p></div><br> </td>
    </tr>
  </tbody>
</table>
 <a href=  "https://www.google.com/imgres?imgurl=https://www.gifsanimados.org/data/media/529/fondo-imagen-animada-0049.gif&imgrefurl=https://www.gifsanimados.org/cat-fondos-529.htm&tbnid=vBE0kdVZD8VTHM&vet=1&docid=J6wl8uCcirJpcM&w=200&h=200&source=sh/x/im">Esta es la imagen gif, utilizada de fondo, en el gif de video. </a><br>
<a href="https://steemit.com/hive-172186/@cryptokannon/achievement-4-mentor-by-cryptokannon-applying-markdown" >Achievement 4 : Applying Markdown</a>
<br>
@adeljose @cryptokannon

![FotoFirma.jpg](https://cdn.steemitimages.com/DQmWXbfXhUvnPxS24rXtRNypCYmjTtUScXBCndZMUmrv8nY/FotoFirma.jpg)