hola mundo en html5

Hola mundo es conocido por todos los programadores como el primer programa a hacer cuando aprendemos un lenguaje de programación y aunque html5 no es un lenguaje de programación lo elegí porque las herramientas de desarrollo las tenemos a la mano, quien tenga una computadora tendrá por lo menos  un navegador web   y un editor de texto. En este articulo hablaremos de los componentes de una página desarrollada en html5 y crearemos una página sencilla con esta tecnología

 

Por html que es el predecesor de html5  entendemos que es un juego de etiquetas  que describen nuestro sitio web o aplicación, en esta podemos agregar  imágenes, texto, videos, etc.

Las etiquetas básicas son las que se muestran en la siguiente imagen:

estructura basica de html5

estructura basica de html5

 

 

Y aquí te dejo un formato básico para crear una pagina, el siguiente texto lo debes guardar con la extensión “.html” .

<!DOCTYPE html>

<head>

<title></title>

</head>

<body>

<header>

</header>

<nav>

</nav>

<section id=”contenedor”>

<section id=”principal”>

<article>

<h1>

Hola mundo

</h1 >

 

</article>

</section>

<aside></aside>

</section>

<footer></footer>

</body>

</html>

se guarda el archivo con la extencion

se guarda el archivo con la extencion

Ahora para poder visualizar  tu página solo tienes que abrirla con cualquier explorador.

vista basica en el navegador

vista basica en el navegador

Tagged with: , ,
Posted in html5
2 comments on “hola mundo en html5
  1. oscarin says:

    De lujo, requiero mas de html5 :), alguna pagina fiable que recomiendes?

  2. I will be extremely impressed with the particular view point. Thanks for sharing such useful information within your blog. A great content when getting the proper information in connection with subject.

Leave a Reply to adult toystore Cancel reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>