Introducción a la programación en HTML

Hoy les traigo un pequeño tutorial de introducción a la programación en HTML.

¿Que es HTML?

HTML significa HyperText Markup Language (lenguaje de marcas de hipertexto). Es un lenguaje de programación interpretado, que se utiliza para la creación de paginas web.

Los documentos HTML son ficheros de texto plano (también conocidos como ASCII) que pueden ser editados con cualquier editor de texto. El nombre de los ficheros escritos en lenguaje HTML suelen tener la extensión html o htm.

Una etiqueta HTML consiste en un signo menor “”. Para cualquier etiqueta que indica un el inicio de un elemento hay otra de cierre que indica que esa directiva ya no debe actuar sobre el texto que sigue (en algunas ocasiones no es necesario ponerla, o no existe la etiqueta de cierre correspondiente).

 ... 

Sabiendo esto, comenzaremos a ver la sintaxis de la programación en HTML.

Un archivo html inicia con la etiqueta y concluye con su respectiva etiqueta


Las paginas html se dividen en 2 partes principales: head y body. 

La etiqueta es donde se pone información sobre el documento, que no se ve en la pantalla del navegador, contiene a la etiqueta , que es la encargada de mostrar el titulo de la pagina de internet, que se muestra en la pestaña del navegador. 

Mientras que la etiqueta es la que contiene toda la información que se muestra en el cuerpo de la pagina de internet, como puede ser texto, imágenes, audios, vídeos, links, etc.


 




 


 

Algo que nos servirá al momento de programar para web es la identación del código, ya que esto nos ayudara a no perdernos entre nuestras etiquetas.

Y para concluir este tutorial este seria el código de nuestra “Primera pagina web”:


 


Mi primera pagina web


 

Hola Mundo!

 

Que se vería así: 



Espero y este tutorial les sea de utilidad, cualquier duda no duden en comentarla por favor. Muchas gracias por visitar este tutorial.

Fuente:
http://www.juntadeandalucia.es/averroes/~04000134/informatica/html.html consultada el 07 de Julio del 2015.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google photo

Estás comentando usando tu cuenta de Google. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s