Achievement 4 por @vamprsjr - Consigna: Aplicando formatos
Aplicar formato/Aplicar HTML
Hola amigos como les va? Hoy vamos a enseñar como aplicar el formato o en mi casa me gusta decir como implementar HTML , Html es un lenguaje de marcado en programación ; las etiquetas que usamos son de un lenguaje con base en HTML
Como podemos ver podemos usar Markdown o HTML es casi completamente lo mismo , casi por que Markdown es mas sencillo de aprender ya que no tiene tanto contenido como HTML
Lenguaje | Titulos | |||||
HTML | <.h1> | <.h2> | <.h3> | <.h4> | <.h5> | <.h6> |
Markdown | # 1 | ## 2 | #### 3 | ##### 4 | ###### 5 | ####### 6 |
nota: para en el formato HTML funcione solo quita el ( . ) antes e la H
Este formato de ambas forma se vería así ;
Titulo
Titulo
Titulo
Titulo
Titulo
Titulo
Ven no es tan complejo como uno se plantea, esto nos ayuda a darle tanto personalidad a nuestros posts, como un buen formato de lectura ya que si no se vería todo desordenado
¿Pero como es en el resto del post, los titulo se ven fácil pero el resto lo es?; claro que si mira te enseño lo más básico de 2 lenguajes parecidos pero diferentes
Pdt: xd cuando me refiero de lenguaje es de marcado no de programación , hay que saber diferenciar
Tabla en Markdown
Encabezado 1 | Encabezado 2
--------- | ----------
Celda 1 | Celda 2
Dará este resultado: >>
Encabezado 1 | Encabezado 2 |
---|---|
Celda 1 | Celda 2 |
Tabla en HTML
<table>
<tr>
<th> Encabezado 1 </th> <th> Encabezado 2 </th>
<tr>
<td> Celda1 </td> <td> Celda 2 </td>
</tr>
<tr>
<td> Celda 3 </td>
<td> Celda </td>
</tr>
</table>
El resultado será:
Encabezado 1 | Encabezado 2 |
---|---|
Celda 1 | Celda 2 |
Celda 3 | Celda 4 |
Así es como hacemos tablas en ambos lenguajes no es difícil .
Pdt: les recomiendo usar el de Markdown ya que es mas sencillo
Como dije antes Markdown es basado en HTML es decir que aun conserva cosas de su lenguaje madre ( por así decirlo) como :
Etiqueta <.p>
Para que funcione quítele el (.)
Esta etiqueta o comando ( como quiera decirle) es para marcar los párrafos ya que le aplica un formato y una separación entre cada uno
Otro comando que usara mucho o por no decir siempre es el :
<div class="text-justify">
</div>
Esta etiqueta les ayudara a justificar el texto
2)los ayuda a justificar el texto y asi darle una mejor presentación ya que en texto largo si se nota la diferencia cuando esta justificado o no
Entre muchas otras cosas que podemos hacer , el citar alguna frase o o párrafo . podemos hacerla de esta manera
Citar en Markdown
>Lo que sabemos es una gota de agua; lo que ignoramos es el océano - isaac newton
- Con el símbolo de > podemos citar en Markdown
Citar en HTML
<blockquote> Los hombres construimos demasiados muros y no suficientes puentes
-isaac newton</ </blockquote>
Los hombres construimos demasiados muros y no suficientes puentes. (isaac newton)
Segunda forma de citar en HTML
<q> Esto es una forma de citar en HTML </q>
Esto es otra forma para citar en Hmlt
Tenemos también forma de separar unos temas de otro que a nivel de código es diferencie pero es lo mismo en el post no varia en nada
en Markdown
en Markdown
---
***
en HTML
en HTML
<hr>
<hr>
Por ultimo y no por menos importante las 2 etiquetas en en Markdown y HTML se escribe totalmente igual :
<sup> *Super indice* </sup>
Ejemplo:
Algo asi seria
el comando *sup*
es para poner super indices
<sub> Super indice </sub>
Para hacer hacer sub indices
El sub índice lo podemos poner bajo una imagen así dejamos un dato adicional de ella como lugar o a que hora se tomo la foto.
Quise hacer este post con doble formato como HTML y Markdown ya que estoy aprendiendo programar ,HTML para mi se me da fácil entonces quise compartir lo que e aprendido con todos
![redes22.png](https://steemitimages.com/640x0/https://cdn.steemitimages.com/DQmbfeMSJbcgNB5rJHQ8FLJSsjnc5oumRDoDFoBnsGvg5Q4/redes22.png)
Saludos @vamprsjr, hiciste muy bien tu logro 4, está verificado.
Desde este momento por haber cumplido hasta el logro 4 puedes optar por el Minnowsupport, comenta en esta publicación y postea en tu comentario el enlace de tus 4 logros verificados.
Mientras tanto, si deseas puedes continuar con estos 2 logros adicionales que solo son opcionales pero te traerán nuevos conocimientos sobre la plataforma para te conviertas en un experto. Si te animas a cumplir con estos 2 logros adicionales debes etiquetar a @adeljose y el gustosamente te acompañará en el proceso.
De igual modo ya estás en la lista de verificación y en cualquier momento te visitará un compañero para darte instrucciones, estamos haciéndote seguimiento.