Html5

Html5

Componentes
Annotations:
- Los elementos de HTML5 nuevos que vamos a cubrir en este artículo son: <header> (cabecera): Se utiliza para contener la cabecera de un sitio. <footer> (pie de página): Contiene el pie de página de un sitio. <nav> : Contiene la funcionalidad de navegación para la página.
1. Elementos raíz
  1. <!DOCTYPE html>
    Annotations:
    - Indica que el documento está bajo el estándar de HTML5.
  2. <html>
    Annotations:
    - Representa la raíz de un documento HTML. Es una buena práctica indicar el idioma mediante el atributo lang. 
2. Metadatos
  1. <head>
    Annotations:
    - En su interior se incluye la colección de metadatos sobre el documento y los enlaces a scripts y hojas de estilo.
  2. <title>
    Annotations:
    - Representa el título del documento. Se muestra en la barra superior del navegador o en las pestañas de página.
  3. <link>
    Annotations:
    - Utilizada para enlazar documentos externos, por ejemplo CSS. Se debe incluir dentro del <head>.
  4. <meta>
    Annotations:
    - Define los metadatos que no pueden ser definidos usando otro elemento HTML. 
  5. <style>
    Annotations:
    - Usada para escribir CSS interno.
3. Scripting
  1. <script>
    Annotations:
    - Define un script interno o un enlace hacia un script externo de JavaScript.
  2. <noscript>
    Annotations:
    - Representa un contenido alternativo a mostrar cuando el navegador no soporta scripting.
4. Secciones
  1. <body>
    Annotations:
    - Representa el contenido principal de un documento HTML. Sólo puede existir un elemento <body> en el documento.
  2. <header>
    Annotations:
    - Determina la cabecera de una web o de un elemento.
  3. <main>
    Annotations:
    - Determina el contenido principal del documento. Solo puede existir un elemento <main> en el documento.
  4. <footer>
    Annotations:
    - Define el pie de página. También se puede utilizar para definir el pie de otros elementos.
Documentos
Qué incluye
Estructura
Annotations:
- La estructura HTML hace uso de etiquetas y atributos predefinidos para indicarle al navegador cómo mostrar su contenido; es decir, en qué formato, estilo, tamaño de fuente, imágenes o videos se debe configurar. Básicamente, su función es describir la estructura general de una página y organizar la forma en que los usuarios podrán visualizarla.
1. <!DOCTYPE html>
  Annotations:
  - se utiliza para indicar la versión HTML 5.0 (la usada actualmente). 
2. <html> </html>
  Annotations:
  - Es el elemento raíz y es el más importante dentro de la estructura HTML, pues es el que contendrá el resto de las etiquetas de atributos de la página web. 
3. <head> </head>
  Annotations:
  - Es la etiqueta principal que incluye metadatos; son atributos que no se muestran al usuario, solo describen referencias de la página, por ejemplo, título o página CSS. 
4. <body> </body>
  Annotations:
  - Es la etiqueta para desarrollar todo el cuerpo de la página web y engloba datos desde textos hasta enlaces.
5. <h1>, <h2>, <h3>, <h4>, <h5>, <h6>
  Annotations:
  - Que representan las etiquetas de títulos. <p>: sirve para indicar la apertura y cierre de un párrafo.
6. <img>, <audio>, <video>, <iframe>
  Annotations:
  - Dentro de la estructura HTML estas etiquetas sirven para insertar una imagen, audio, video o incrustar un documento HTML.

Next up

Description

Resource summary

Media attachments

0 comments

Similar

	Created by David Stiven Jara Montealegre almost 3 years ago