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