Tecnología

Inicio

Lista de tipos de estilo HTML

Lista de tipos de estilo HTML


HyperText Markup Language (HTML) es un estándar de codificación que se utiliza para definir los elementos de diseño y el contenido de un sitio web. El texto puede ser manipulada en una variedad de formas, el cambio del estilo de fuente que se muestra en un navegador. Éstos se llaman las propiedades de fuente. Algunas de ellas son nativas a HTML y otros se aplican mediante el uso de hojas de estilo en cascada (CSS).

Familia tipográfica

Fuentes de un género similar se agrupan en una familia de fuentes para facilitar su uso. Cada familia de fuentes contiene una lista ordenada de fuentes. Cuando se establece una familia de fuentes, un navegador tratará de mostrar la página utilizando la primera fuente disponible de la lista que el equipo tiene en su biblioteca de fuentes. Una familia de fuentes se puede definir de forma manual. Cinco familias genéricas de fuentes son estándar en HTML: serif, sans-serif, cursiva, fantasía y espacio sencillo. Un ejemplo en HTML sería <p style = "font-family: cursiva;"> A Cursive Fuente Ejemplo </ p>

Estilo de fuente

La propiedad de estilo de fuente se utiliza para establecer una fuente de forma normal (normal) o en cursiva (itálica u oblicua). Una fuente en su capacidad normal sería virgen y regular. Letra itálica puede existir en dos formas: en cursiva u oblicua. Una fuente cursiva es uno que se ha creado en una forma cursiva (inclinada). Una fuente oblicua es uno que se ha inclinado por vía electrónica para dar la apariencia de la fuente en cursiva. Codificación para el estilo cursiva resultará en texto que aparece en letra cursiva, si está disponible; de lo contrario, recurrir a una fuente oblicua. Un ejemplo en HTML sería <p style = "font-style: oblicua;"> Un Oblique Fuentes Ejemplo </ p>

Tamaño de fuente

La propiedad de tamaño de la fuente cambia el modo de visualización grande o pequeño que sea el tipo de letra en el navegador. Hay cuatro métodos principales para definir el tamaño de fuente: tamaño absoluto, el tamaño relativo, Longitud y Porcentaje. tamaños absolutos se definen en una escala de xx a xx-small-grande de la siguiente manera: xx-small, x-pequeño, pequeño, mediano, grande, X-Large y XX-Large. tamaños relativos cambiarán la relación de la fuente a su tamaño actual, utilizando las opciones de mayor o menor. Longitud permite un tamaño que se ajusta en el siguiente formato: XPT, donde X es el tamaño en puntos. Un valor porcentual será agrandar o reducir la fuente con respecto a su tamaño actual por la cantidad definida, definida como Y%, donde Y es el porcentaje. Un ejemplo en HTML sería <p style = "font-size: xx-small;"> Un Ejemplo XX-Fuente pequeña </ p>

Peso de la fuente

El uso de peso de la fuente negrita define cómo será la fuente que se muestra. Hay tres categorías: estándar, relativa y valores absolutos. opciones estándar son normales y en negrita. opciones relativas son más audaz y más ligero, y aumentarán o disminuirán el peso de una fuente, respectivamente. Los valores absolutos se definen en una escala variable entre 100 y 900 en incrementos de 100. En esta escala, la normalidad se define como un valor de 400 y un valor audaz de 700. Un ejemplo en HTML sería <p style = "Fuente- weight: bold; "> Una Fuentes Ejemplo </ p>