Por fin algo de código....

Hoy vamos a comenzar con un poco de programación web, en este caso algo de HTML5

Bien la estructura básica de un documento html está formada por tag  q sirven para identificar cada sector del mismo.

Estos tag son "html, head, body, header, section, article y  footer", hay uno q otro más pero estos son los q más usé.

-El tag "html" es indispensable, indica q estamos en un documento html, dentro de este tag se van a ubicar los demás, todos los tag se cierran con una barra inclinada "/", no se preocupen q voy a mostrarles una captuda de un código para q puedan verlo mas claramente.

-"head", en el podremos encontras a su vez otros tag como ser "title" donde colocaremos el titulo q aparece en la pestaña de nuestro navegador, otros tag importantes son "meta" y los propios de JavaScript o los link rel q sirven para adjuntar algún archivo css o js por ejemplo.

-"body", este tag es nuestro cuerpo, es lo q se visualizará en la ventana del navegador, aquí colocaremos los distintos elementos de la página.

-"header", es la cabecera de nuestro sitio, por lo general podemos incluir un titulo, el nombre de nuestra web o una imagen, también puede incluirse el tag "nav" donde colocaremos nuestro menú o barra de navegación.

-"section y article" se utilizan para delimitar una sección o un articulo respectivamente.

-"footer" el pie de página, se pueden colocar los derechos de autor, un link de contacto o lo q se les ocurra.

bien y asi quedaria nuestro primer html. Los archivos se guardan con la extensión ".html".

Como ven cada tag se cierra con "/" seguido del nombre del tag q queremos cerrar, no todos se cierran, por ejemplo el "link rel" q esta dentro de "head" no se cerró, esto es asi, no es necesario en ese caso, este tag sirve para agregar un archivo de estilo css externo, más adelante explicaremos eso también.

Ustedes diran, pero de q nos sirve separar asi el código?? y bien, es útil para referirnos a cada uno de los sectores, cuando veamos CSS y JavaScript lo van a ver claramente.

En la captura aparecen dos tag mas uno es "p" y el otro "h1" estos son tag de formato, "p" indica q el texto q se encuentra entre la apertura y cierre es un párrafo, asi q recibe  tratamiento como tal, el segundo se utiliza para indicar un titular, el texto q se encuentra entre estos aparecera mucho mas grande q el texto normal, además agrega un salto de linea al final, para q el texto continue en la linea siguiente.

Bueno hasta aquí tienen la estructura básica, sirve como para tener un contacto con la programación q es lo q nos divierte. En otra entrada voy a contarles más sobre los tag de formato y otros elementos q nos van a ser muy útiles en nuestra web.