Estructura HTML5

Conoce la estructura básica, para crear tu primera pagina en HTML5.

¿Qué es HTML5?

HTML5 provee básicamente tres características: estructura, estilo y funcionalidad. Nunca fue declarado oficialmente pero, incluso cuando algunas APIs (Interface de Programación de Aplicaciones) y la especificación de CSS3 por completo no son parte del mismo, HTML5, es considerado el producto de la combinación de HTML, CSS y Javascript. Estas tecnologías son altamente dependientes y actúan como una sola unidad organizada bajo la especificación de HTML5.

¿Que es un documenbto HTML?

Un documento HTML es un archivo de texto, el lenguaje de Marcado de Hipertexto (HTML) es el código que se utiliza para estructurar y desplegar una página web y sus contenidos. Si usted no posee ningún programa para desarrollo web, puede simplemente utilizar el Bloc de Notas de Windows o cualquier otro editor de textos. El archivo debe ser grabado con la extensión .html y el nombre que desee (por ejemplo, micodigo.html).

Estructura Global.

Los documentos HTML se encuentran estrictamente organizados. Cada parte del documento está diferenciada, declarada y determinada por etiquetas específicas. En esta parte del capítulo vamos a ver cómo construir la estructura global de un documento HTML y los nuevos elementos semánticos incorporados en HTML5.
Este texto es el título del documento

Este es el título principal del sitio web

Derechos Reservados © 2022-2023
				
					<!DOCTYPE html>
<html lang="es">
<head>
 
 <meta name="description" content="Ejemplo de HTML5">
 <meta name="keywords" content="HTML5, CSS3, JavaScript">
 <title>Este texto es el título del documento</title>
 <link rel="stylesheet" href="misestilos.css">
</head>
<body>
 <header>
 <h1>Este es el título principal del sitio web</h1>
 </header>
 <nav>
 <ul>
 <li>principal</li>
 <li>fotos</li>
 <li>videos</li>
 <li>contacto</li>
 </ul>
 </nav>
 <section>
 </section>
 <aside>
 <blockquote>Mensaje número uno</blockquote>
 <blockquote>Mensaje número dos</blockquote>
 </aside>
 <footer>
 Derechos Reservados &copy; 2022-2023
 </footer>
</body>
</html> 
				
			
Si te ha servido de algo, házmelo saber, deja un comentario o comparte este articulo. Ayudemos a más usuarios. En el camino andamos y en él nos encontraremos.
Francisco
Francisco

👀 Me interesa... Seguir aprendiendo y colaborando en nuevos proyectos
🌱 Actualmente estoy aprendiendo... Desarrollo de Plugin,GitHub, React y NodeJs.
💞️ Busco colaborar en ...programación web, Aplicaciones
📫 Como contactarme... francisco@calymayor.dev

Artículos: 50
0 0 votes
Article Rating
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x