oletusWEBos.es - Lecciones paso a paso para crear tu web. Tutoriales de Dreamweaver, HTML y CSS

Curso HTML - Lección 7: Atributos

¿Qué es un atributo?

Como ya sabrás los elementos sirven para estructurar el contenido de nuestra página web, pues bien en algunos elementos se puede añadir todavía más información y a esa información extra se le llaman atributos. Pero pongamos un ejemplo y lo veremos mejor:

Ejemplo 1:

<h2 style="background-color:#FF8000">Aprender HTML con oletusWEBos.es es fácil</h2>

Nuestros nuevos amigos los atributos, los incluiremos como puedes ver en el ejemplo de arriba dentro de la etiqueta de inicio. En nuestro ejemplo hemos introducido el atributo "style".

Y ¿Para qué sirve el atributo style?

El atributo style se encarga de añadir efectos de presentación a tu página web, como por ejemplo un color de fondo a tu gusto:

Ejemplo 2:

<html>

   <head>

   <title>Página con fondo naranja</title>

   </head>

   <body style="background-color:#FF8000">

   <p>En esta página el fondo es naranja</p>

   </body>

</html>

Adelante pruebalo tu mismo y verás como el código mostrado anteriormente hará que el navegador muestre la página de la siguiente manera:

Prueba a cambiar de color la página varias veces, simplemente cambia "#FF8000" por el color que tu quieras. Mira esta página para ver los códigos de los colores.

Entonces ¿de qué partes esta compuesto un elemento?

Por norma general los elementos estarían compuestos de una etiqueta de inicio que a su vez podría contener o no uno o más atributos, después iría el contenido correspondiente y por último su etiqueta de cierre. Mira la imagen de abajo para no liarnos:

---------------------------------------------------ELEMENTO---------------------------------------------------

------------Etiqueta de inicio -----------------------------------Contenido-----------------------E. Cierre--

<h2 style="background-color:#FF8000">    Aprender HTML con oletusWEBos.es es fácil    </h2>

       ----------------Atributo---------------

Parece que la cosa se va complicando un poco más ¿no?. tranquilo que es solo la apariencia... recuerda ser constante y aprender de los fallos. ¿Que tienes dudas? ¿Pues a que esperas para pasarte por el Foro OTW e intentar resolverlas allí?

Quiero aprender más!!!

Menú
Indice del Curso
  1. Introducción
  2. ¡¡Vamos allá!!
  3. ¿HTML?
  4. ¿Elementos y etiquetas?
  5. Tu primer sitio web
  6. ¿Qué hemos aprendido?
  7. Otros elementos
  8. Atributos
  9. Enlaces o Vínculos
  10. Imágenes
  11. ¿Que son las tablas?
  12. Tablas II
  13. Capas <div>
  14. Iniciación CSS
  15. ¡¡Sube tu Web!!
  16. Validación y estándares web
  17. Consejos útiles

©oletusWEBos 2009 all right reserved | Contácta con oletusWEBos.es

Design By: JTole®