Include Import: Introduccion - Estructura Basica

Que tal programadores !!
Espero que el dia de hoy tengan muchas ganas de aprender, porque iniciamos con este nuevo curso de HTML.

Antes de comenzar con el codigo debemos definir los siguientes puntos:

HTML significa : HyperText Markup Language (Lenguaje de marcas de hipertexto).
A mi consideracion HTML es muy amplio, lo que es genial porque los diseños de tu aplicacion web deben ser unicos, ya dependera de la creatividad de cada uno.
Para programar en HTML vamos a ocupar block de notas (windows) o gedit (Linux) es decir cualquier editor de textos basico.

Bueno para comenzar a programar en este lenguaje, necesitamos conocer la estructura básica, es decir lo que siempre se repetirá.

Es importante destacar que ya existe otra version de HTML que es HTML5 por lo que utilizaremos su estructura basica.... pero no se preocupen vamos a ir viendo poco a poco las etiquetas de HTML primero, ya que muchas de las etiquetas son de HTML.

Estructura basica

<!DOCTYPE html> ---- Primero se coloca esta etiqueta es de HTML5. Cuando iniciamos con esta etiqueta, por default los navegadores sabran que se trata de HTML5

<html> --- Despues se coloca esta etiqueta que es de HTML e indica que el codigo que se encuentre despues de esta , sera de HTML

<head> --- Dentro de html se coloca head que en español significa cabeza , por lo que nosotros le llamaremos cabecera, esto quiere decir que lo que se ponga despues de esto sera la cabecera de nuestra pagina web.

<title> --- Siempre va a ir dentro de la cabecera y este lo que hace es que muestra en la pestaña el nombre de nuestra pagina. (No se preocupen mas abajo haremos un ejercicio)

</title> --- Toda etiqueta debe cerrar cuando termina su función desde la ultima que abriste en este caso primero fue la etiqueta <title> entonces la cerramos con una / (diagonal)

</head> --- Por lo tanto como ya terminamos de colocar las etiquetas dentro de la cabecera la cerramos para indicar que hasta ahí llega la cabecera y la cerramos igual con una / (diagonal).

<body> --- Dentro de esta etiqueta sera el cuerpo de nuestra pagina web osea textos, imagenes, tablas, menu, etc.

</body> --- Cerramos para indicar que termina lo que tiene nuestra pagina.

</html> --- Finalmente cerramos HTML osea que indicamos que todo lo que este entre las etiquetas de abre y cierre de html es codigo de html :D!!

* NOTA: Recuerden que pueden ir mas etiquetas dentro de cada abre y cierre de las anteriores, solo que esta es la estructura básica, es decir, lo que siempre van a poner antes de comenzar a hacer su pagina web.

Bien llego lo mas divertido de programar en cualquier lenguaje : EL CÓDIGO :o

Vamos a realizar el tipico Hola Mundo en HTML

1. Abrimos el editor de texto, le damos guardar como y le colocaremos PrimeraPaginaWeb.html -> el .html lo colocamos manual y le damos guardar

2.Colocamos la estructura básica

3. Vamos a colocarle como titulo que aparecera en nuestar pestaña del navegador Mi primera pagina web la colocaremos en la etiqueta <title>

3.1. Si vamos a donde guardamos el archivo y le damos abrir con Firefox, Chrome, explorer, etc etc etc... veremos que el unico cambio que tiene es que se le puso en la pestaña del navegador "Mi primera pagina web"