Lenguaje HTML

definición

HTML es un lenguaje de "mercado de hipertexto" (o HyperText MArket Language, en inglés) creado por el científico británico Timothy John Berners-Lee en 1991 y  destinado a la creación de páginas web en Internet con el fin de lograr un producto final mejor organizado, profesional y estético. Este lenguaje se interpretado por el navegador web para generar la interfaz común a la que los usuarios se encuentran acostumbrados. De esta forma, un el lenguaje HTML no se limita a los programadores, sino también a todos aquellos aspirantes y diseñadores de herramientas WEB 2.0.

Lo primero es declarar el tipo de trabajo que harás, después se crea el contenedor principal, teniendo esto hecho, ya sí se comienza con la parte de programación en el encabezado del documento (Estos se clasifican en el título), finalmente, el cuerpo es la sección de un código HTML que indica y defina la página que verán los usuarios una vez cargue el código.

Etiquetas

definición

Las etiquetas del lenguaje HTML son esenciales para darle forma y estructura a las páginas web. Una etiqueta delimita el inicio y el final de un elemento; sin embargo, existen excepciones, pues algunas etiquetas. De esta forma, HTML nos hace posible especificar títulos, subtítulos, cuerpo, links, etc. Esta herramienta también cumple la función de facilitar la búsqueda de la página web por el buscador.

Las etiquetas se escriben entre corchetes angulares o los símbolos "menor que" y "mayor que" ("<", ">"), y para marcar el fin de una etiqueta se usa un slash ("/") después del primer corchete angular y antes del nombre de la etiqueta.

Ejemplos

  1. html= Engloba todo el documento.
  2. p= Párrafo
  3. hr= Separador
  4. div= División
  5. blockquote= Cita larga (que incluye varios párrafos)
  6. pre= Texto preformateado
  7. main= Principal
  8. figure= Ilustración
  9. figcaption= Pie de ilustración
  10. br= Salto de línea
  11. wbr= Posible salto de línea
  12. a= Hiperenlace
  13. span= Contenedor de texto genérico
  14. strong= Importante
  15. em= Énfasis
  16. sub= Subíndice
  17. sup= Superíndice
  18. abbr= Abreviatura
  19. b= Atención
  20. cite= Obra
  21. data= Datos
  22. dfn= Definición
  23. kbd= Teclado
  24. i= Tecnicismo
  25. mark= Resaltado añadido posteriormente, no en el original

Atributos

Definición

Los atributos son herramientas que permiten personalizar las etiquetas, asignándoles una cualidad o "valor", es decir, definir propiedades, son considerados como las necesidades básicas de las estiquetas. Para hacer uso de los atributos, es necesario incluirlos entre los corchetes angulares de una etiqueta, reemplazándolos por un espacio. Además, es preciso tener en cuenta que los atributos se encuentran en la forma nombre="valor", de tal forma que para hacer uso de esta herramienta es imprescindible especificar su valor de acuerdo con el atributo y la etiqueta usados. En caso de que el valor asignado a un atributo sea inválido, el navegador ignorará dicho atributo.

Los tipos de atributos más conocidos son los básicos, internacionales y los atributos de evento.

Ejemplos

  1. id = "texto" Establece un identificador único a cada elemento dentro de una página HTML
  2. class = "texto" Establece la clase CSS que se aplica a los estilos del elemento
  3. style = "texto" Establece de forma directa los estilos CSS de un elemento
  4. title = "texto" Establece el título a un elemento (mejora la accesibilidad y los navegadores lo muestran cuando el usuario pasa el ratón por encima del elemento)
  5. lang = "codigo de idioma" Indica el idioma del elemento mediante un código predefinido
  6. xml:lang = "codigo de idioma" Indica el idioma del elemento mediante un código predefinido
  7. dir Indica la dirección del texto (útil para los idiomas que escriben de derecha a izquierda)
  8. onblur Deseleccionar el elemento
  9. onchange Deseleccionar un elemento que se ha modificado
  10. onclick Pinchar y soltar el ratón
  11. ondblclick Pinchar dos veces seguidas con el ratón
  12. onfocus Seleccionar un elemento
  13. onkeydown Pulsar una tecla (sin soltar)
  14. onkeypress        Pulsar una tecla
  15. onkeyup Soltar una tecla pulsada

estructura básica de una página web html

Bibliografía