Atributos de HTML que seguro no conocías

NUCBA
2 min readOct 21, 2021

Si bien consideramos que para poner estilo a una página web es mucho mejor utilizar el lenguaje de estilos CSS, no está nada mal aprender a utilizar algunos estilos en HTML.

Los atributos HTML van siempre dentro de la etiqueta de apertura y sirven para modificar o agregar alguna característica al contenido.

Cuando se hace uso de un atributo HTML se debe especificar su valor, éste puede representar una cantidad exacta, característica especifica o simplemente en que medida se ejecutará dicho atributo.

El valor se expresa entre comillas después del signo de (=), de acuerdo al atributo, pueden haber una variedad de valores disponibles. Por lo tanto, se escribe de la siguiente manera: Atributo=“valor” en esa forma, el nombre del atributo, seguido del signo igual (=) y entre comillas el valor, todo esto siempre dentro de la etiqueta de apertura.

Algunos atributos y su función:
Id =” ”: Para identificar un elemento único.
class =” ”: Identificador múltiple.
align =” ”: Alineación de contenido.
border =” ”: Para darle borde al contenido.
style =” ”: Para darle un estilo al contenido.
background-color =” ”: Para color de fondo.
href =” ”: Para enlaces html.
height =” ”: Para determinar altura.
width =” ”: Para determinar ancho.
src=“ ”: Para imágenes.

Las etiquetas son la estructura básica del HTML. Estas etiquetas o tags se componen y contienen otras propiedades, como son los atributos y el contenido.

HTML contiene un total de 91 etiquetas, de las cuales 10 se consideran obsoletas. Sin embargo, una etiqueta por sí sola a veces no contiene la suficiente información para estar completamente definida. Para ello, contamos con los atributos: pares nombre-valor separados por “=” y escritos en la etiqueta inicial de un elemento después del nombre del elemento. El valor puede estar encerrado entre “comillas dobles” o ‘simples’.

Existen, también, algunos atributos que afectan al elemento por su presencia en la etiqueta de inicio, como puede ser el atributo ismap para el elemento <img>.

¿Cuántos de estos atributos de HTML no conocías?

--

--

NUCBA

Programación Full Stack | Diseño UX UI | Datos