Qué son los Elementos, Etiquetas, Atributos y Eventos en HTML

Estos son conceptos que muchas veces confunde a los nuevos webmasters, es eso que debemos saber qué es cada uno de ellos.

Con la llegada de HTML5 algunas etiquetas, atributos y eventos están pasando a descontinuarse, es por eso que debemos tener cuidado al escribir nuestro código en las páginas web (por ejemplo ya no se debe usar <font> como etiqueta).



Los Elementos, toda página web se compone de elementos html y lo constituyen todas las etiquetas de un documento html, por ejemplo:
El Elemento P
Para que sea elemento debe tener:
  • Una etiqueta de apertura.
  • Cero o más atributos.
  • Texto  (o imagen) encerrado por la etiqueta.
  • Una etiqueta de cierre.
Por lo tanto un Elemento puede ser un párrafo, una imagen, un video, un título, etc.

Las Etiquetas, definen a los elementos en el código. Las 3 etiquetas principales y que no pueden faltar en un documento HTML son: <html>, <head> y <body>.

Luego de estás hay un centenar de etiquetas como:

Etiquetas del Encabezado: <!DOCTYPE>, <html>, <head>, <title>, <meta>, <links>, <style>,
<script>.

Etiquetas del Cuerpo: <h1>... <h6>, <blockquote>, <p>, <br>, <a>, <img>, etc.

Los Atributos, estos definen las características del elemento, le pueden dar tamaño, color, ubicación, etc.

Existen atributos globales como ID, class, style, etc. Y atributos específicos para determinadas etiquetas.

Los Eventos, son las interacciones dinámicas que se dan por parte del documento o del usuario y que usan JavaScript para producir algún tipo de efecto. Los más comunes son onload, onmouseover, onclick.

Los Selectores, se usan y establecen en los archivos externos CSS o dentro de la etiqueta <style> en un mismo documento html y definen las propiedades de las etiquetas.

selector { propiedad: valor }







Comentarios

Entradas populares de este blog

Superponer una imagen sobre otra con CSS

Script para buscar palabras o textos en una página (html) con Jquery

¿Ganas dinero en Facebook con Página, Grupo, Comunidad, etc?