Tutorial HTML5:6 Atributos

Entrada más reciente Entrada antigua

Hola hola espero que estés bien como lo dice el titulo vamos a ver lo que son los atributos en las etiquetas HTML y no solo eso vamos los tipos que tiene y a cuales se le pueden dar a cada uno así que sin tanto preámbulo comencemos

Primero veamos que son los atributos en lengua normal de la cual conocemos desde niños
Los atributos ayudan a definir un objeto, persona, forma y la mayoría de cosas los atributos son el tamaño, formas, colores
Los atributos que encontramos en HTML son muchos como atributos básicos ,eventos , foco
Asi que veamos cada uno de ellos y también analicemos cuales les corresponde a cada uno.


Empecemos con los básicos que son :

Id=’identificador’
Class=’Clase’
Style=’De estilo’

Estos son los mas comunes y que se le puede agregar a todas las etiquetas que estén dentro de body
Están echas para identificar ya sea un solo elemento o para identificar varios a la vez y el ultimo para colocar estilos en formato CSS3
Por ejemplo 
El primero de ellos que vemos es el id que significa identificador y se usa para identificar un elemento dentro de nuestro documento HTML5 y el nombre que coloquemos dentro de las comillas ya sean simples o dobles tiene que ser único no puede haber dos identificadores con el mismo nombre
Ejemplo

<p id="parrafo_inicial" >hola soy el párrafo inicial</p>

En este caso vemos que hay un párrafo y que esta identificado como párrafo_inicial y como es un identificador ningún otro elemento dentro de ese se puede identificar igual es como tu cuenta en Twitter no puede haber mas con el mismo nombre

El que sigue es el class o mejor dicho clase en este tipo de atributo ayuda a declarar un tipo de clase digamos que estas en una escuela tu eres un estudiante entonces si lo vemos estas en una clase eres un estudiante
Los maestros son otra clase
Los humanos son otro tipo de clase distinto a otros animales
Las plantas tienen tipo de clases
Hay clases de animales,plantas,objetos
Asi que queremos hacer tipos de párrafos en HTML5 distinto a otros así que hay un ejemplo

<p class="parrafos_iniciales">párrafo inicial 1<p>
<p class="parrafos_iniciales">párrafo inicial 2<p>
<p class="parrafos_iniciales">párrafo inicial 3<p>
<p class="parrafos_iniciales">párrafo inicial 4<p>

Como te das cuenta a diferencia de id class se puede repetir ya que es el creador de clases asi que cuando se use hojas de estilos CSS3 

Sin tener que repetir muchas cosas que veremos mas adelante

Así que agregamos otra clase

<p class="parrafos_iniciales">párrafo inicial 1<p>
<p class="parrafos_iniciales">párrafo inicial 2<p>
<p class="parrafos_iniciales">párrafo inicial 3<p>
<p class="parrafos_iniciales">párrafo inicial 4<p>
<p class="parrafos_finales">párrafo finales 1<p>
<p class="parrafos_finales">párrafo finales 2<p>
<p class="parrafos_finales">párrafo finales 3<p>
<p class="parrafos_finales">párrafo finales 4<p>

Aquí podemos ver que hay dos clases los párrafos_iniciales y los párrafos_finales 

No es  difícil verdad si observamos bien las estructuras de un atributo es lo mismo

Identificador=””

Asi que solo queda mostrar lo que hay de cada uno y para eso hay una entrada muy buena a lo que es libros web asi que te dejo la liga

 http://librosweb.es/xhtml/capitulo_2/etiquetas_y_atributos.html

Saludos