Ejemplo de estilos HTML



Texto de h1


HTML: <h1>Texto de h1</h1>



Texto de h2


HTML: <h2>Texto de h2</h2>



Texto de cabecera para página principal y para menu destacados, negrita y mayúsculas


HTML: <h2 class="tit_principal">Texto de cabecera para página principal y para menu destacados, negrita y mayúsculas</h2>



Texto de h3 con mayúsculas


HTML: <h3>Texto de h3 con mayúsculas</h3>



Texto de h4


HTML: <h4>Texto de h4</h4>



Texto de h5 con mayúsculas

HTML: <h5>Texto de h5</h5>



Texto de h6

HTML: <h6>Texto de h6</h6>



Párrafo de texto con negrita y sin negrita


HTML: <p>Párrafo de texto <strong>con negrita</strong> y sin negrita</p>


  • Primer elemento de lista
  • Segundo elemento de lista

HTML:<ul><li>Primer elemento de lista </li><li>Segundo elemento de lista</li></ul>


  1. Primer elemento de lista ordenada
  2. Segundo elemento de lista ordenada

HTML: <ol><li>Primer elemento de lista ordenada</li><li>Segundo elemento de lista ordenada</li></ol>



HTML: <ul class="list_pdf list-group"><li class="list-group-item"><a href="..">Primer elemento de lista de pdfs</a></li><li class="list-group-item"><a href="..">Segundo elemento de lista de pdfs</a></li></ul>


Para bloque sin fondo

HTML: <blockquote>Para bloque sin fondo</blockquote>


Para bloque con fondo

HTML: <blockquote class="destacado_principal">Para bloque con fondo</blockquote>


Imagen adaptable para móviles <img class="img-responsive">