{"id":3430,"date":"2025-10-05T00:00:00","date_gmt":"2025-10-04T22:00:00","guid":{"rendered":"https:\/\/tecnologia.euroinnova.com\/html\/"},"modified":"2026-08-05T11:08:32","modified_gmt":"2026-08-05T09:08:32","slug":"html","status":"publish","type":"post","link":"https:\/\/tecnologia.euroinnova.com\/en\/html","title":{"rendered":"HTML"},"content":{"rendered":"

Just as a house is built on foundations, the basis of a website is its HTML code<\/strong>. This acronym stands for Hypertext Markup Language (Hypertext Markup Language<\/strong>, in English). It is regarded as a standard for creating web pages on the Internet, as it allows the entire structure of a page to be built using sections, paragraphs, links, tags, attributes and many other elements.<\/p>\n

To summarise, HTML is used for developing web pages. <\/strong>Developers write HTML code to design a website\u2019s interface using graphical elements such as images and videos, text, hyperlinks, etc.<\/p>\n

It is worth noting that, although for many people outside the field of IT and programming this is indeed the case, HTML is not a<\/strong> programming language<\/strong><\/a>, as it does not allow you to perform calculations, make logical decisions or manipulate data dynamically.<\/p>\n

Would you like to see an example of HTML <\/strong>Right now? Right-click and select \u201cInspect\u201d to open a window showing you the entire HTML structure.<\/p>\n

Main structure of an HTML element<\/h2>\n

All lHTML pages contain a series of HTML elements consisting of tags and attributes organised into different blocks<\/strong>. A tag tells search engines where an element begins and where it ends, whilst attributes are used to describe the graphical characteristics of an element.<\/p>\n

The three main parts found in all HTML elements are:<\/p>\n

    \n
  • Opening:<\/strong> is used to indicate the start of an element, and is bounded by anti-lambdas (< >). For example, to create a paragraph, you need to write an element <p>.<\/li>\n
  • Contents: <\/strong>This is the part of the label that users will see; it is what gives the element its meaning.<\/li>\n
  • Closing:<\/strong> marks the end of an element in the same way as its start, but with the addition of a slash. For example, the closing tag for the element <p> would be <\/p>.
     <\/li>\n<\/ul>\n

    However, there are some exceptions, such as the tag <img> or the label <a> which we shall look at below. These tags do not have a closing tag beyond the corresponding anti-lambda, as they cannot contain any other nested elements. To the HTML elements<\/strong> Those without a closure are referred to as empty elements.<\/p>\n

    Main structure of an HTML page<\/h2>\n

    In terms of structure, the basic elements required to create an HTML page are:<\/p>\n

      \n
    • <html>: <\/strong>It defines the start and end of a document.<\/li>\n
    • :<\/strong> It contains essential non-visual information about the HTML document in the form of metadata.<\/li>\n
    • <body>:<\/strong> It contains all the visible content of a web page.<\/li>\n<\/ul>\n

       <\/p>\n

      With just these three opening and closing elements, you can create a document HTML<\/strong>. However, there are countless other elements you need to be familiar with in order to structure an entire HTML page and make the most of its features.<\/p>\n

      Main HTML tags<\/h2>\n

      Below, we have listed the main tags that are used in HTML to create standard blocks<\/strong>:<\/p>\n

        \n
      • Label <h1> a <h6>:<\/strong> Define headings at different levels to create a hierarchy of content relevance for search engines. The most important heading on a page is a <h1> and the one with the least, in a <h6>. However, most web pages tend to use only the following headings <h1>, <h2> y <h3>.<\/li>\n<\/ul>\n

        Example:<\/p>\n

        <h1>Level 1 heading<\/h1><\/p>\n

        <h2>Level 2 heading<\/h2><\/p>\n

          \n
        • Label <p>:<\/strong> Define a paragraph.<\/li>\n<\/ul>\n

          Example:<\/p>\n

          <p>This is a sample paragraph<\/p><\/p>\n

            \n
          • Label <a>:<\/strong> Create a link to another page or resource.<\/li>\n<\/ul>\n

            Example:<\/p>\n

            <a href="\/en\/»https:\/\/www.ejemplo.com»\/">Example link<\/a><\/p>\n

              \n
            • Label <img>:<\/strong> Insert an image into the page.<\/li>\n<\/ul>\n

              Example:<\/p>\n

              <img src="»ruta_de_la_imagen.jpg»" alt="»Description&quot;" de la imagen»><\/p>\n

                \n
                • and
                • tags:<\/strong> Create an unordered list. To create a numbered list, replace
                    with
                      .<\/li>\n<\/ul>\n

                      Example:<\/p>\n

                        <\/p>\n

                          

                      • Item 1<\/li><\/p>\n

                          

                      • Item 2<\/li><\/p>\n

                          

                      • Item 3<\/li><\/p>\n

                        <\/ul><\/p>\n

                          \n
                        • Label <strong>:<\/strong> Defines text that is emphasised or stands out, and is displayed in bold in most browsers.<\/li>\n<\/ul>\n

                          Example:<\/p>\n

                          <p>This is a text <strong>important<\/strong>.<\/p><\/p>\n

                            \n
                          • tag: <\/strong>Defines emphasised text that appears in italics in most browsers.<\/li>\n<\/ul>\n

                            Example:<\/p>\n

                            <p>This is a text <em>emphasised<\/em>.<\/p><\/p>\n

                            These are just a few examples that illustrate HTML tags<\/strong> the most basic ones, but there are hundreds of them that fulfil very important functions in a website\u2019s interface and structure.<\/p>","protected":false},"excerpt":{"rendered":"

                            Al igual que una casa se erige sobre unos cimientos, la base de un sitio web es su c\u00f3digo HTML. […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[25],"tags":[],"class_list":["post-3430","post","type-post","status-publish","format-standard","hentry","category-metaterminos"],"acf":[],"_links":{"self":[{"href":"https:\/\/tecnologia.euroinnova.com\/en\/wp-json\/wp\/v2\/posts\/3430","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tecnologia.euroinnova.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tecnologia.euroinnova.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tecnologia.euroinnova.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/tecnologia.euroinnova.com\/en\/wp-json\/wp\/v2\/comments?post=3430"}],"version-history":[{"count":0,"href":"https:\/\/tecnologia.euroinnova.com\/en\/wp-json\/wp\/v2\/posts\/3430\/revisions"}],"wp:attachment":[{"href":"https:\/\/tecnologia.euroinnova.com\/en\/wp-json\/wp\/v2\/media?parent=3430"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tecnologia.euroinnova.com\/en\/wp-json\/wp\/v2\/categories?post=3430"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tecnologia.euroinnova.com\/en\/wp-json\/wp\/v2\/tags?post=3430"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}