En el tutorial anterior les explicaba un poco acerca de los saltos de linea y párrafos en HTML, si no haz visto el tutorial anterior, selecciona aquí.
Hablando de la sintaxis como tal para manipular el tamaño de letra en HTML, contamos con las etiquetas <h1>, <h2>, <h3>, <h4>, <h5> y <h6>, siendo <h1> la que le asigna al texto el mayor tamaño. Estas etiquetas necesitan su respectiva etiqueta de cierre.
<html>
<head>
<title>
Tamanio de letra
</title>
</head>
<body>
Texto normal
<h1>Texto (h1)</h1>
<h2>Texto (h2)</h2>
<h3>Texto (h3)</h3>
<h4>Texto (h4)</h4>
<h5>Texto (h5)</h5>
<h6>Texto (h6)</h6>
</body>
</html>
Otra etiqueta que nos puede servir mucho para manipular el tamaño del texto en HTML es la etiqueta <font> con el parámetro size:<font size=n>...</font>
Donde el valor de size va de 1 a 7, siendo 7 el valor que le asigna mayor tamaño al texto.
<html>
<head>
<title>
Tamanio de letra
</title>
</head>
<body>
Texto normal
<h1>Texto (h1)</h1>
<h2>Texto (h2)</h2>
<h3>Texto (h3)</h3>
<h4>Texto (h4)</h4>
<h5>Texto (h5)</h5>
<h6>Texto (h6)</h6>
<font size=1>Texto Size=1</font>
<font size=2>Texto Size=2</font>
<font size=3>Texto Size=3</font>
<font size=4>Texto Size=4</font>
<font size=5>Texto Size=5</font>
<font size=6>Texto Size=6</font>
<font size=7>Texto Size=7</font>
</body>
</html>
Y nuestro código se vería así en el navegador:
Espero y este tutorial les sea de utilidad, cualquier duda no duden en comentarla por favor. Muchas gracias por visitar este tutorial.
Fuente:
https://www.uv.es/jac/guia/tamanyo.htm consultada el 07 de Julio del 2015.
No hay comentarios:
Publicar un comentario