Este tutorial ha sido planeado para presentar los conceptos básicos del código HTML, a usuarios que nunca han escrito un sitio web a mano. Escribir documentos HTML es en escencia escribir etiquetas, atributos y contenido. Es por ello que nos enfocaremos en explicar como un elemento, sus etiquetas, atributos y contenido deben ser utilizados.
A lo largo de este documento puedes encontrar muchos elementos, atributos y código JavaScript, los cuales no son explicados apropiadamente. Esto se debe a que el objetivo de este tutorial es el de enfocarse en la sintaxis general y no en las características de cada elemento. Para los detalles de los elementos de HTML5 consulta la lists de elementos de HTML.
ATRIBUTOS
Los atributos son la forma que tienen los autores de definir propiedades para un elemento. Estas propiedades habitualmente cambian la forma en que los navegadores interpretan al elemento, al cambiar su significado o presentación. Por ejemplo, el elemento
a inserta un vínculo en el documento, pero el atributo rel indica la relación entre el documento actual (el que contiene al vínculo) y el recurso de destino (al cual el vínculo está apuntando).
Muchos de los atributos en HTML5, aquellos conocidos como atributos globales, están disponibles para todos los elementos del estándar. Pero la mayoría de los elementos tienen además un conjunto de atributos específicos que sólo están disponibles o específicamente adaptados para ellos.
Como ya hemos visto en ejemplos previos, los atributos son declarados indicando su nombre, seguido de un signo igual ("=") y el valor asignado entre comillas. Pero algunos atributos, que solo pueden tomar valores booleanos (verdadero o falso), aplican su valor tan sólo con su presencia. En estos casos, los atributos pueden ser declarados con sólo indicar su nombre.
En el siguiente ejemplo, el elemento
button tiene tres atributos presentes: id y acceskey, que son atributos globales, y disabled (booleano), el cual no es global pero si lo comparten un grupo particular de elementos.
<b style="color: red" onclick="changeColor(this.parentNode)">Texto importante</b>
No hay comentarios:
Publicar un comentario