{"id":2111,"date":"2023-06-21T14:14:13","date_gmt":"2023-06-21T14:14:13","guid":{"rendered":"https:\/\/www.appyweb.es\/diccionario\/?page_id=2111"},"modified":"2024-04-11T09:04:16","modified_gmt":"2024-04-11T09:04:16","slug":"html","status":"publish","type":"page","link":"https:\/\/www.appyweb.es\/diccionario\/html\/","title":{"rendered":"Html"},"content":{"rendered":"
\"Html\"
Chica programando con un portatil con html, css y js.<\/figcaption><\/figure>\n

Es un lenguaje de marcado que se utiliza para realizar p\u00e1ginas web, las siglas de HTML significan en espa\u00f1ol lenguaje de marcas de hipertexto<\/strong>. Con este es posible determinar una estructura b\u00e1sica y un c\u00f3digo para definir el contenido de un sitio web.<\/p>\n

\u00bfQu\u00e9 es HTML?<\/h2>\n

Tambi\u00e9n es denominado como un lenguaje de programaci\u00f3n est\u00e1ndar a cargo del consorcio de la World Wide Web. Actualmente, HTML es considerado uno de los lenguajes program\u00e1ticos m\u00e1s importantes desde su aparici\u00f3n<\/strong>, de hecho, es la base de la cual se desarroll\u00f3 la expansi\u00f3n de la Word Wide Web. Un elemento imprescindible para el desarrollo y dise\u00f1o web<\/a> en general.<\/p>\n

A lo largo de los a\u00f1os ha incorporado nuevas caracter\u00edsticas en sus diferentes versiones, para facilitar la compatibilidad con navegadores y otros dispositivos como tel\u00e9fonos inteligentes.<\/p>\n

Origen<\/h2>\n

El HTML y el Word Wide Web (uno de los primeros navegadores, que tambi\u00e9n llevaba el nombre de la red, que despu\u00e9s pasar\u00eda a llamarse Nexus) fueron creados al mismo tiempo en 1990, a partir de un lenguaje de etiqueta denominado SGML, de la mano de Tim Berners-lee. A partir de 1993, empezaron a aparecer nuevas versiones, una de ellas es el HTML +, que nunca termin\u00f3 de convertirse en est\u00e1ndar debido a que simplemente era una versi\u00f3n un poco m\u00e1s organizada que las especificaciones anteriores.<\/p>\n

El est\u00e1ndar de la versi\u00f3n 3.0 se empez\u00f3 a desarrollar en 1995, incluy\u00f3 nuevas funcionalidades como la creaci\u00f3n de tablas, mostrar elementos matem\u00e1ticos, entre otros. Este tambi\u00e9n result\u00f3 ser un fracaso para la \u00e9poca, ya que estaba demasiado avanzado. Con la llegada de la versi\u00f3n 3.2 se descartaron todas esas herramientas avanzadas<\/strong> para adaptarlos a los desarrolladores de navegador espec\u00edficos como Netscape y Mosaic.<\/p>\n

\u00bfPara qu\u00e9 sirve?<\/h2>\n

Es el principal lenguaje de programaci\u00f3n en Internet, con este se pueden crear sitios web de forma b\u00e1sica, uno de sus principales objetivos es crear y editar con cualquier editor de texto b\u00e1sico. Por ejemplo, desde el bloc de notas de Windows, o cualquier otro editor que se puede utilizar con texto sin formato, como Microsoft Wordpad o Textpad.<\/p>\n

Tambi\u00e9n es muy \u00fatil al momento de hacer el redise\u00f1o de un sitio<\/a>, ya que se trata de una herramienta globalizada y que puede ser interpretada por cualquier desarrollador.<\/p>\n

\u00bfCu\u00e1les son las HTML etiquetas?<\/h2>\n

Como se mencion\u00f3 anteriormente, este c\u00f3digo trabaja con un sistema de etiquetado para definir el contenido del sitio web, es importante indicar que estas etiquetas van encerradas en un par de corchetes angulares<\/strong>. Algunas de las m\u00e1s utilizadas son las siguientes.<\/p>\n

    \n
  • HTML<\/strong>: Es la m\u00e1s importante, ya que define el inicio del documento y tambi\u00e9n su final.<\/li>\n
  • Script<\/strong>: Se inserta un script dentro de la p\u00e1gina, puede ser que JavaScript.<\/li>\n
  • Head<\/strong>: Define la cabecera de la p\u00e1gina.<\/li>\n
  • Title<\/strong>: Indica el t\u00edtulo principal, generalmente corresponde al nombre que aparece en la pesta\u00f1a.<\/li>\n
  • Link<\/strong>: Se utiliza para incorporar v\u00ednculos dentro del documento.<\/li>\n
  • Style<\/strong>: Indica el destino de una p\u00e1gina en caso de que se est\u00e9n utilizando lenguaje similares, como CSS.<\/li>\n<\/ul>\n

    \u00bfC\u00f3mo funciona HTML?<\/h2>\n

    Este poderoso lenguaje comprende aspectos fundamentales que definen su estructura b\u00e1sica, entre ellos se encuentran los atributos y el contenido. Cada uno cuenta con ciertas restricciones que ser\u00e1n v\u00e1lidas o inv\u00e1lidas dentro del documento, a su vez, estos se implementan utilizando las etiquetas. En este sentido, existen dos formas de estructurar los elementos, son las siguientes<\/p>\n

      \n
    • Marcado estructural<\/strong>: Es el que describe c\u00f3mo ser\u00eda un elemento dentro del navegador, aunque est\u00e9 no define su aspecto. Por ejemplo, la etiqueta h2 indica que un t\u00edtulo tiene un encabezado de segundo nivel.<\/li>\n
    • Marcado presentacional<\/strong>: Describe la apariencia del texto, pero sin importar su funci\u00f3n, por ejemplo, las negritas, it\u00e1licas, entre otros.