¿Qué es HTML?

HTML, siglas en inglés de HyperText Markup Language (‘lenguaje de marcas de hipertexto’), hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que sirve de referencia del software que conecta con la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, videos, juegos, entre otros. Más info.

Estructura Básica

En forma de Código:


          <!DOCTYPE html>
<html lang="es">  
<head>    
  <title>Título de la WEB</title>    
  <meta charset="UTF-8">
  <meta name="title" content="Título de la WEB">
  <meta name="description" content="Descripción de la WEB">    
  <link href="http://dominio.com/hoja-de-estilos.css" rel="stylesheet" type="text/css"/>    
</head>  
<body>    
  <header>
    <h1>Título de la WEB</h1>      
  </header>    
  <nav>
    <a href="http://dominio.com/seccion2.html">IR SECCIÓN 2</a>
    <a href="http://dominio.com/seccion2.html">IR SECCIÓN 3</a>
  </nav>
  <section>      
    <article>
      <h2>CONTENIDO PRINCIPAL</h2>
      <p>Este es el contenido principal de mi web</p>
      <div>
        <p>Aquí tenéis una imagen.</p>
        <img src="http://dominio.com/imagen.jpg" alt="paisaje">          
      </div>
    </article>      
  </section>
  <aside>
    <h3>Banner de publicidad</h3>
    <a href="http://dominio-externo.com">
      <img src="http://dominio.com/banner-publicidad.png" alt="banner de publicidad">
    </a>
    <h3>Testimonios</h3>
    <p>Me gusta mucho esta página.</p>
  </aside>
  <footer>
    <h4>Avisos legales</h4>
    <a href="http://dominio.com/aviso-legal">Política de cookies</a>
    <h4>Redes sociales</h4>
    <a href="http://facebook.com/mi-pagina-de-facebook">Mi Facebook</a>
  </footer>
</body>  
</html>
      

Ejmplo Visual:

Estructura Web

Contactanos:

logo facebook logo Intagram logo Twitter