{"id":7311,"date":"2023-01-09T09:02:00","date_gmt":"2023-01-09T09:02:00","guid":{"rendered":"https:\/\/or-design.org\/?p=7311"},"modified":"2022-11-28T12:46:26","modified_gmt":"2022-11-28T12:46:26","slug":"html","status":"publish","type":"post","link":"https:\/\/or-design.org\/fr\/html\/","title":{"rendered":"HTML: \u00bfQu\u00e9 significa y c\u00f3mo funciona?"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"7311\" class=\"elementor elementor-7311\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-325c2fed elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"325c2fed\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-40a25bc\" data-id=\"40a25bc\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-42c30f61 elementor-widget elementor-widget-heading\" data-id=\"42c30f61\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">HTML: \u00bfQu\u00e9 significa y c\u00f3mo funciona?<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-4d7d6101\" data-id=\"4d7d6101\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3c392d5c elementor-widget elementor-widget-image\" data-id=\"3c392d5c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/or-design.org\/wp-content\/uploads\/2021\/12\/lenguaje-html.jpg\" class=\"attachment-large size-large wp-image-7312\" alt=\"html\" srcset=\"https:\/\/or-design.org\/wp-content\/uploads\/2021\/12\/lenguaje-html.jpg 1000w, https:\/\/or-design.org\/wp-content\/uploads\/2021\/12\/lenguaje-html-300x300.jpg 300w, https:\/\/or-design.org\/wp-content\/uploads\/2021\/12\/lenguaje-html-150x150.jpg 150w, https:\/\/or-design.org\/wp-content\/uploads\/2021\/12\/lenguaje-html-768x768.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-541c9d2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"541c9d2\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ef5d237\" data-id=\"ef5d237\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-93afc23 elementor-widget elementor-widget-text-editor\" data-id=\"93afc23\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>HTML<\/strong> es un lenguaje inform\u00e1tico muy popular y esencial para crear un sitio web. En este art\u00edculo encontrar\u00e1s toda la informaci\u00f3n que necesitas para convertirte en un aut\u00e9ntico experto en este campo.<\/p><p>La definici\u00f3n, la diferencia con otro lenguaje popular, el CSS, c\u00f3mo funciona&#8230; \u00a1y mucho m\u00e1s!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2445068a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2445068a\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1d0f564f\" data-id=\"1d0f564f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-17c487c3 elementor-widget elementor-widget-heading\" data-id=\"17c487c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00bfQu\u00e9 es el lenguaje HTML?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-56544fd6 elementor-widget elementor-widget-text-editor\" data-id=\"56544fd6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>HyperText Markup Language es un lenguaje de marcado, no un lenguaje de programaci\u00f3n. Apoyado y desarrollado por el W3C (World Wide Web Consortium), es omnipresente en la web, ya que permite una f\u00e1cil lectura del contenido de las p\u00e1ginas por parte de los robots. Esta lectura es m\u00e1s f\u00e1cil que el lenguaje JavaScript.<\/p><p>En otras palabras, este lenguaje se utiliza para presentar documentos de hipertexto destinados a ser visualizados en el navegador.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2b26e8d6 elementor-widget elementor-widget-heading\" data-id=\"2b26e8d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">HTML VS CSS<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0c71e65 elementor-widget elementor-widget-text-editor\" data-id=\"0c71e65\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>HTML y CSS son dos lenguajes del lado del cliente. Son muy complementarios porque HTML permite escribir el contenido de una p\u00e1gina web y CSS define su formato. Por lo tanto, te aconsejamos que utilices ambos al mismo tiempo.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-49f797fa elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"49f797fa\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2d3e8225\" data-id=\"2d3e8225\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3946483d elementor-widget elementor-widget-heading\" data-id=\"3946483d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00bfC\u00f3mo funciona el HTML?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-76786060 elementor-widget elementor-widget-text-editor\" data-id=\"76786060\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Es un lenguaje del <strong>lado del cliente<\/strong>. En otras palabras, es tu navegador el que lee el archivo y traduce el resultado a la imagen. Para escribir en este lenguaje es necesario crear un archivo con la extensi\u00f3n .HTML y escribir el c\u00f3digo dentro.<\/p><p>Este lenguaje permite mezclar directamente el texto a mostrar y las <strong>etiquetas<\/strong>. Una etiqueta se anota entre el &lt;&gt; y siempre va en pareja, una para abrir el elemento, la otra para cerrarlo. Esta es su estructura:<\/p><ul><li>Una etiqueta de apertura<\/li><li>El nombre del elemento contenido en la etiqueta<\/li><li>Un atributo, si es necesario, para calificar el elemento.<\/li><li>Una etiqueta de cierre &gt;<\/li><\/ul><p>Por ejemplo, el t\u00edtulo de la p\u00e1gina se escribe como<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-611ce778 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"611ce778\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-557d4a98\" data-id=\"557d4a98\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5fcaf2b8 elementor-widget elementor-widget-heading\" data-id=\"5fcaf2b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Las ventajas y l\u00edmites de este lenguaje inform\u00e1tico<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cfdb17d elementor-widget elementor-widget-heading\" data-id=\"cfdb17d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Ventajas<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1dabe956 elementor-widget elementor-widget-text-editor\" data-id=\"1dabe956\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Aqu\u00ed presentamos las principales ventajas e intereses de utilizar el lenguaje inform\u00e1tico HTML.<\/p><ul><li>Es muy f\u00e1cil de aprender y comprender.<\/li><li>Una de sus mayores ventajas es que es gratuito y no es necesario adquirir un software espec\u00edfico.<\/li><li>Es compatible con casi todos los navegadores del mundo<\/li><li>Es muy f\u00e1cil de editar ya que no es necesario tener una interfaz o plataforma especial para editarlo.<\/li><li>Se puede integrar f\u00e1cilmente con m\u00faltiples lenguajes<\/li><li>Es un lenguaje ligero.<\/li><li>Es un lenguaje de programaci\u00f3n f\u00e1cil de usar.<\/li><li>El uso de este lenguaje est\u00e1 muy extendido.<\/li><li>Tiene muchas etiquetas y atributos que pueden acortar tu l\u00ednea de c\u00f3digo.<\/li><li>\u2026<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0a3b7ef elementor-widget elementor-widget-heading\" data-id=\"0a3b7ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Algunos l\u00edmites<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8d899f9 elementor-widget elementor-widget-text-editor\" data-id=\"8d899f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li>No puede producir resultados din\u00e1micos por s\u00ed mismo, ya que es un lenguaje est\u00e1tico.<\/li><li>Hay que escribir mucho c\u00f3digo para crear una simple p\u00e1gina web.<\/li><li>Tiene caracter\u00edsticas de seguridad limitadas.<\/li><li>Cada p\u00e1gina debe programarse por separado.<\/li><li>El HTML por s\u00ed solo no tiene muchas capacidades.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-48b7cc2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"48b7cc2\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3c6e1ff\" data-id=\"3c6e1ff\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e4a3fb4 elementor-widget elementor-widget-text-editor\" data-id=\"e4a3fb4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Eso es todo para nosotros. Esperamos que hayas encontrado las respuestas a todas tus preguntas en este art\u00edculo. Como expertos en este campo, te invitamos a ponerte en contacto con nosotros si necesitas m\u00e1s informaci\u00f3n. Estaremos encantados de ayudarte en tu proyecto de desarrollo.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>HTML es un lenguaje inform\u00e1tico muy popular y esencial para crear un sitio web. En este art\u00edculo encontrar\u00e1s toda la informaci\u00f3n que necesitas para convertirte en un aut\u00e9ntico experto en este campo. La definici\u00f3n, la diferencia con otro lenguaje popular, el CSS, c\u00f3mo funciona&#8230; \u00a1y mucho m\u00e1s! \u00bfQu\u00e9 es el lenguaje HTML? HyperText Markup Language [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":7312,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[8],"tags":[],"class_list":["post-7311","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desarrollo"],"_links":{"self":[{"href":"https:\/\/or-design.org\/fr\/wp-json\/wp\/v2\/posts\/7311","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/or-design.org\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/or-design.org\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/or-design.org\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/or-design.org\/fr\/wp-json\/wp\/v2\/comments?post=7311"}],"version-history":[{"count":0,"href":"https:\/\/or-design.org\/fr\/wp-json\/wp\/v2\/posts\/7311\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/or-design.org\/fr\/wp-json\/wp\/v2\/media\/7312"}],"wp:attachment":[{"href":"https:\/\/or-design.org\/fr\/wp-json\/wp\/v2\/media?parent=7311"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/or-design.org\/fr\/wp-json\/wp\/v2\/categories?post=7311"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/or-design.org\/fr\/wp-json\/wp\/v2\/tags?post=7311"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}