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

1)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 HTML

<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

y

<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

@tocho2