HTML5

INTRODUCCIÓN
HTML es un lenguaje de programación que nos permite presentar texto de forma estructurada y agradable, dándonos la oportunidad de exhibir imágenes, videos y música en una página web. Las páginas web se componen por medio de códigos preestablecidos. Este tipo de lenguaje es utilizado para poder visualizar contenido en la web de manera gráfica.

Básicamente lo que vamos a aprenderen este curso es a estructurar, por medio del lenguaje, el contenido de nuestra página y darle diseño.
HERRAMIENTAS
Procesador de Texto Notepad (Windows) y TextWrangler (Mac)
USB mínimo 512Mb
Domino (www.tunombre.com)
Servidor (almacenamiento de archivos en línea)

ESTRUCTURA BÁSICA
La estructura básica que estaremos estudiando, nos ayuda a establecer los límites de dónde y cómo podremosponer el contenido de nuestra página. Una de las ventajas que tenemos es que al momento de darle mantenimiento y/o modificar el contenido de nuestra página, será más sencillo encontrar errores o el contenido a modificar.
Una página web está compuesta por:
Instrucciones – Le llamamos instrucciones a los enunciados entre los símbolos de “”
Cada instrucción tiene un principio y fin. Es importantemarcar el fin de cada instrucción para que esta, sea llevada a cabo.
Para terminar una instrucción, usamos el mismo enunciado pero con una diagonal “/” antes del enunciado
Por ejemplo:
Inicio de la instrucción
Cuerpo de la instrucción
Fin de la instrucción

Ahora vamos a analizar algunas de las instrucciones más comunes:
.- Es la instrucción que le indica al explorador que estamoscreando una página web.
.- En esta sección podremos meter los códigos de diseño para la página
.- Nos indica la sección en donde podremos poner el título de la página.
.- En esta sección es donde meteremos todo el contenido de la página.
El contenido básico que cualquier página necesita es el siguiente:


Primera página

...


A cada línea de texto, le llamamos línea de código;estas líneas son las más básicas que pueden existir en una página web no importando que tan sencilla o que tan compleja sea.

COMO GUARDAR UNA PÁGINA WEB
Una vez que hayamos terminado de escribir las líneas de código para nuestra página web es necesario guardarlo con el formato correspondiente. Esto se hace especificando la terminación del documento como ¨.html¨ para indicar que es una páginaweb. Ejemplo: index.html
El documento va a aparecer como un documento de internet 
Ejercicio: Crear y guardar una página web básica
Abre el Bloc de notas (lo puedes encontrar en: Inicio / Todos los programas / Accesorios / Block de notas) y copia el siguiente código que se muestra. Cuando termines de capturar el código, guárdalo como index.html

Para visualizar la página abrimos eldocumento de internet y el resultado se muestra a continuación:



MODIFICANDO NUESTRA PÁGINA WEB
Regresemos a la carpeta en donde guardamos index.html y para poder modificar la página es necesario abrirla con el block de notas.

Entonces:
nos posicionamos sobre el documento,
dar click derecho
abrir con  block de notas
Otra opción sería abrir primero el block de notas y abrir la páginadesde ahí́.
** TIP: si cuando busquemos el documento, no lo encontramos, seleccionar la opción, mostrar: “todos los archivos” o “todas las páginas web”.


TÍTULOS o HEADERS
Existen 6 estilos o formatos predeterminados en HTML, para aplicar a títulos dentro del texto. Como lo explicamos anteriormente, al aplicar un estilo este se seguirá aplicando al texto hasta que se cierre (*por eso esimportante determinar hasta donde queremos que se siga utilizando el estilo y cerrar la etiqueta).
Los estilos de títulos se enumeran de H1 a H6, teniendo que H1 es el más grande y H6 el más pequeño; más adelante veremos que también existe la opción de “FontSize” para modificar el tamaño de los textos.
A continuación se muestra el código y el resultado de la utilización de títulos en una página...