Curso HTML Gratis

21.04.2012 12:41

La palabra HTML (Siglas de Hyper Text Markup Language) es el lenguaje que todo webmaster deve saber basicamente, con este lenguaje se pueden crear páginas web como esta. Es un lenguaje de hipertexto, es decir un lenguaje que permite escribir textos de una forma estructurada dicho texto se compone de etiquetas que marcan el inicio y el fin del documento.

A lo largo de este curso aprenderas los elementos basicos del HTML como: insertar imagenes, tablas, parrafos etc, es decir construir tu mismo tu página web. En primer lugar tienes que saber que todos los documentos que esten escritos con este lenguaje tendran la extensión .HTML o HTM para que puedan ser visualizados en los navegadores de forma correcta.

La compativilidad con los navegadores.

El navegador es el encargado de interpretar las paginas web que han sido escritas en HTML, hoy en dia los navegadores tratan de ser compatibles con las ultimas versiones de dicho lenguaje para poder interpretar el mayor número de etiquetas escritas. Es nesesario realizar extensiones de los navegadores para que puedan ser compatibles con la ultima versión.

Actualmente los navegadores mas utilizados por los usuarios son "Internet Explorer, Google Chrome, Mozilla Firexfox, Safari, Opera, entre otros.) Caundo un navegador no reconoce una etiqueta la ignora y el efecto que pretendia la etiqueta no queda reflejado en la página web. A si como habra páginas que son interpretadas al 100% habra otros caso en los que su interpretación no sea completa y correcta.

Editores de texto

Para escribir el HTML es indispensable contar con un editor de texto como el Blog de notas para redactar los documentos. Existen muchos editores de texto simple pero uno de los más utilizados es el Blog de notas que es con el que trabajaremos en esta ocasión. Buscalo entre tus programas ya que este te lo proporciona "Windows" y abrelo.

Con este editor es con el que trabajaremos todo el curso y te servira para escribir tus textos en formato HTML y crear tus paginas web con el diseño que desees. Esperemos y sea de ayuda este curso gratuito, te agradecemos tu apoyo =D.

Las etiquetas

Las etiquetas son lo mas importante del lenguaje HTML ya que son lo que lo componen. Existen 2 tipos de etiquetas la de Comienzo de elemento y la de Fin de elemento.

Las etiqutas de Comienzo estan compuestas por los caracteres < y y tiene que tener un nombre de identificador, ademas puede conterner una gran serie de atributos que permiten insertar el contenido.

Los atributos de la etiqueta de Comienzo siguen una cadena unida y pueden tomar un valor propio del usuario, por ejemplo cuando queremos ponerle un tipo de letra a nuestro texto, nosotros mismos ecribiremos el nombre del tipo de letra ejemplo Un texto que esta en "Arial" si lo cambiamos al tipo de letra "Georgia" eso seria un valor propio del usuario ya que nosotros mismos elegimos el que mas nos guste.

Las etiquetas de Final o cierre estan compuestas por los caracteres y > osea que la unica diferencia esque en la etiqueta de cierre tendremos que poner . Recuerda que cada vez que habras una etiqueta deves cerrarla y no mezclarlas con otras.

A Contiación un ejemplo con la etiqueta  colocada dentro de la etiqueta

 

 

que mas adelante se las explicare:

 

"center">color="#993366" size="4" face="Comic Sans MS, Arial, MS Sans Serif">Todo Pa Tu Web>

Que como resultado daria:

 

Empezemos

Bueno lo primero que tienes que hacer es abrir tu blog de notas para trabajar con el, bueno ahora copia y pega esto en tu blog de notas:

 ________________________

_________________________

_________________________

_________________________

 

_________________________

_________________________
_________________________

Despues guarda el documento haciendo clic en "Archivo" y despues elige "Guardar" cuando se abra el cuadro escribe miprimeraprueba.htm ahora ve a donde la guardaste y abrela con tu navegador predeterminado. Podras ver que es una pagina con solo un renglon de texto. Ahora si observaste bien la pagina te diste cuenta que el titulo que se muestra hasta arriba dice "MI PRIMERA PAGINA" esto ha sido introducido por la etiqueta ____ahora ya tienes entendido que para ponerle un titulo a la pagina se usa la etiqueta____ tambien te diste cuenta que el fondo de la pagina tiene un color, pues bien este color ha sido colocado por la etiqueta_______________________ y por ultimo la linea de texto que dice "Hola esta es mi pagina" ha sido colocada a travez de la etiqueta____________________.

Etiqueta ____

Como ya dije todas las paginas web que han sido escritas en HTML tienen la extensión .html o htm, asi mismo tienen que tener las etiquetas____ y ____, estas etiquetas son las que sostendran el resto del código, osea que el código completo de nuestra web deve empezar con ____ y terminar con_____.

Ejemplo de etiqueta:

_____________

_____________

_____________

_____________

Etiqueta ____

Esta etiqueta se utiliza para poner información acerca del sitio por ejemplo titulo y descripción, es muy importante que utilizes muy bien esta etiqueta ya que sera la que tendra la información basica de tu sitio web y servira para los buscadores. Las etiquetas son____ y ____

Ejemplo de etiqueta:

_____________

_____________

_____________

_____________

Etiqueta ____

La etiqueta ____ se utiliza para insertar el titulo de la pagina web, me refiero a lo que aparece en la parte de arriba de tu navegador, por ejemplo este articulo tiene como titulo "Curso HTML Gratis :: Todo Pa Tu Web" y se coloco entre las etiquetas____ y ____. Recuerda que esta etiqueta deve estar entre las etiquetas superiores de ____.

Ejemplo de etiqueta:

_____________

_____________

_____________

_____________

Etiqueta ____

Esta etiqueta se usa para insertar el contenido a la pagina, me refiero, a las imagenes, tablas, parrafos etc. En fin aqui es donde colocaremos el contenido principal del sitio. Suele ser una de las etiquetas mas importantes del documento. Tambien a traves de esta etiqueta de puede cambiar el fondo de la pagina web, o bien poner una imagen de fondo, esto se puede hacer con el atributo bgcolor al que le podemos poner cualquier color que queramos pero en formato hexadecimal si quieres saber mas sobre los colores en html puedes descargar esta tabla que te muestra todos los colores en hexaledimal Clic Aqui , por ejemplo para poner el fondo en amarillo se pone esta linea de código.

 

HTML Comment Box is loading comments...