La etiqueta <small> en HTML se usa para establecer un tamaño de fuente pequeño. Disminuye el tamaño de fuente en un tamaño (de mediano a pequeño, de x-grande a grande). Tiene una propiedad de visualización de en línea.
Sintaxis:
<small> Contents... </small>
Ejemplo 1:
HTML
<html> <body> <h1>GeeksforGeeks</h1> <h2><small> Tag</h2> <!-- html small tag is used here --> <small>Welcome to GeeksforGeeks!</small> </body> </html>
Producción:
Básicamente, hay dos formas en las que puede usar esta etiqueta <pequeña>.
i) En forma anidada : cuando usa la etiqueta <pequeña> en forma anidada, la etiqueta <pequeña> cambiará el tamaño de fuente del texto entre ellos con respecto al tamaño de fuente del elemento principal, lo que significa cambiar el texto con respecto a su entorno.
Ejemplo:
HTML
<!DOCTYPE html> <html> <head> <title>GeeksForGeeks</title> </head> <body> <h2>Welcome To GFG</h2> <p style="font-size: 18px;">Geeks For Geeks <small>krlo ho jayega!</small></p> </body> </html>
etiqueta <pequeña> en forma anidada
Pero cuando aumentamos el tamaño de fuente del elemento principal, la etiqueta <pequeña> también aumentará automáticamente el tamaño de fuente de su texto.
HTML
<!DOCTYPE html> <html> <head> <title>GeeksForGeeks</title> </head> <body> <h2>Welcome To GFG</h2> <p style="font-size: 32px">Geeks for Geeks <small>krlo ho jayega</small></p> </body> </html>
etiqueta <pequeña> en forma anidada
It means that the ratio between the font size of the nested <small> tag text and the parent element's text is same.
ii) En una forma no anidada: si la etiqueta <pequeña> se usa como un elemento separado en el documento HTML, cambiar el tamaño de fuente de cualquier elemento no afectará el tamaño de fuente del texto de la etiqueta <pequeña>.
HTML
<!DOCTYPE html> <html> <head> <title>GeeksForGeeks</title> </head> <body> <h2>Welcome To GFG</h2> <p style="font-size: 18px">Geeks For Geeks</p> <small>Krlo ho jayega!</small> </body> </html>
etiqueta <pequeña> en forma no anidada
Pero si cambiamos el tamaño de fuente del párrafo, no afectará el tamaño de fuente del texto de la etiqueta <pequeña>.
HTML
<!DOCTYPE html> <html> <head> <title>GeeksForGeeks</title> </head> <body> <h2>Welcome To GFG</h2> <p style="font-size: 32px">Geeks For Geeks</p> <small>Krlo ho jayega!</small> </body> </html>
etiqueta <pequeña> en formato no anidado
Ejemplo 2: use la propiedad CSS para establecer el tamaño de fuente más pequeño.
HTML
<!DOCTYPE html>
<html>
<head>
<title>small Tag</title>
<style>
body {
text-align:center;
}
h1 {
color:green;
}
.gfg {
font-size:smaller;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>font-size: smaller;</h2>
<div class = "gfg">Welcome to GeeksforGeeks!</div>
</body>
</html>
Producción:
Navegadores compatibles:
- Google Chrome
- Borde 12 y superior
- explorador de Internet
- Firefox 1 y superior
- Safari
- Ópera