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:
Para que sea elemento debe tener:
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 }
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 |
- Una etiqueta de apertura.
- Cero o más atributos.
- Texto (o imagen) encerrado por la etiqueta.
- Una etiqueta de cierre.
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
Publicar un comentario