index.html

<h1>HTML</h1>
<h2>Elementos Inline y Block</h2> 
<h3>Lista de elementos tipo inline en HTML</h3>
<ul>
    <li>&lt;a&gt;.- etiqueta de enlace.</li>
    <li>&lt;code&gt;.- para fragmentos de código.</li>
    <li>&lt;em&gt;.- Texto cursiva.</li>
    <li>&lt;i&gt;.- etiqueta para cursiva.</li>
    <li>&lt;img&gt;.- para imagenes.</li>
    <li>&lt;input&gt;.- campos de formulario. </li>
    <li>&lt;span&gt;.- fragmentes de contenido.</li>
    <li>&lt;strong&gt;.-  texto fuerte.</li>
    <li>&lt;sub&gt;.- para texto subíndice.</li>
    <li>&lt;sup&gt;.- texto superíndice. </li>
    <li>&lt;u&gt;.- para subrayar texto.</li>
</ul>
<h4>Ejemplo:</h4><br>
<a href="https://desarrolladoresweb.org">ENLACE DE TEXTO</a><br>
<img src="cardex/assets/img/SINGLE-bg.jpg" width="150px" height="100px"/><br>
<input/><br>
<code> Codigo</code>
<br>
<br>
<br>
<h3>Lista de elementos tipo BLOCK en HTML</h3>
<ul>
    <li>&lt;div&gt; &lt;span&gt;.- elementos contenedores.</li>
    <li>&lt;p&gt;, &lt;h1&gt;, &lt;h2&gt;, &lt;h3&gt;, &lt;h4&gt;, &lt;h5&gt;, &lt;h6&gt;.- párrafos y textos encabezados.</li>
    <li>&lt;ul&gt;, &lt;ol&gt;, &lt;li&gt;.- los elementos de lista.</li>
    <li>&lt;table&gt;, &lt;tr&gt;, &lt;td&gt;.- elementos de tabla.</li>
    <li>&lt;dl&gt;, &lt;dd&gt;, &lt;dt&gt;.- los elementos de definiciones.</li>
    <li>etc. </li>
</ul>
<h4>Ejemplo:</h4>
<h1>Título principal</h1>
<p>Párrafo extenso en el que se explica todo sobre los elementos en línea y en bloque de HTML, además de sus diferencias y cuáles son, es fantástico aprender cosas nuevas todos los días.</p>
<h2>Subtítulo del artículo</h2>
<ol>
  <li>Blanco</li>
  <li>Negro</li>
  <li>Rojo</li>
</ol>