Atributo de identificación HTML: el atributo de identificación es un identificador único que se utiliza para especificar el documento. Es utilizado por CSS y JavaScript para realizar una determinada tarea para un elemento único. En CSS, el atributo id se escribe usando el símbolo # seguido de id.
Sintaxis:
<element id="id_name"> In CSS Stylesheet: #id_name { // CSS Property }
Ejemplo:
html
<!DOCTYPE html> <html> <head> <title> HTML id attribute </title> <style> #geeks{ color:green; font-size:25px; } </style> </head> <body style="text-align:center"> <h1>Geeks for Geeks</h1> <p id="geeks">Welcome to Geeks for Geeks</p> <p>A Computer Science portal for geeks</p> </body> </html>
Producción:
Atributo de clase HTML: el atributo de clase se utiliza para especificar uno o más nombres de clase para un elemento HTML. El atributo de clase se puede utilizar en cualquier elemento HTML. El nombre de clase puede ser utilizado por CSS y JavaScript para realizar ciertas tareas para elementos con el nombre de clase especificado. El nombre de la clase en la hoja de estilo CSS usando “.” símbolo.
Sintaxis:
<element class="class_name"> In CSS Stylesheet: .class { // CSS Property }
Ejemplo:
html
<!DOCTYPE html> <html> <head> <style> .geeks{ color:green; font-size:25px; } </style> </head> <body style="text-align:center;"> <h1>Geeks for Geeks</h1> <p> Welcome to Geeks for Geeks</p> <p class="geeks"> A Computer Science portal for geeks </p> </body> </html>
Producción:
Diferencia entre id y atributo de clase: la única diferencia entre ellos es que «id» es único en una página y solo se puede aplicar a un elemento como máximo, mientras que el selector de «clase» se puede aplicar a varios elementos.
HTML es la base de las páginas web, se utiliza para el desarrollo de páginas web mediante la estructuración de sitios web y aplicaciones web. Puede aprender HTML desde cero siguiendo este tutorial de HTML y ejemplos de HTML .
Publicación traducida automáticamente
Artículo escrito por vaishalichauhan3003 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA