Sei sulla pagina 1di 6

MANUAL BASICO HTML BASICO

UNIDAD 1 CONOCIMIENTO BASICO DE HTML


Usted ac encontrara los conocimientos bsicos y los fundamentos para el diseo web con HTML Ing. Camilo Gutirrez 29/06/2011

Tabla de contenido
1. Qu es HTML? ..................................................................................................................................... 2 1.1. 2. Por dnde comenzar? ................................................................................................................. 2

Pginas WEB.......................................................................................................................................... 3 2.1. Etiquetas ....................................................................................................................................... 3

3.

Estructura bsica de una pgina WEB................................................................................................... 3

MANUAL BASICO HTML UNIDAD 1 CONOCIMIENTOS BASICOS HTML

Pgina 1

UNIDAD 1 CONOCIMIENTOS BASICOS DE HTML


1. Qu es HTML?
HTML son las iniciales de Hiper Text Markup Language. Es un conjunto o serie de etiquetas incluidas en archivos de texto que definen la estructura de un documento WWW y sus vnculos con otros documentos. Los navegadores WWW leen estos archivos de texto e interpretan esas etiquetas para determinar cmo desplegar la pgina Web.

1.1.

Por dnde comenzar?

Lo primero es saber dnde crear el archivo texto que contendr las instrucciones HTML (Hipertexto), para lo cual tenemos varias opciones: 1.1.1. Utilizar programas creados para desarrollo de pginas WEB, entre los que podemos citar: 1.1.1.1. Microsoft Front Page 1.1.1.2. Hot Dog 1.1.1.3. Microsoft Internet Assistant 1.1.1.4. Microsoft Word Office 1.1.1.5. Microsoft Publisher Office 1.1.1.6. Adobe Dreamweaver cs5 1.1.2. Utilizar un editor de texto y crear nuestro propio cdigo, el mismo que ya no contendra cdigo basura. La primera opcin es la ms sencilla y ms rpida, sin embargo est limitada y es dependiente del software a utilizar, ya que es el software el que se encarga de elaborar y ubicar los cdigos de la pgina WEB y uno estara prcticamente Arando en el mar. La segunda opcin es ms lenta y menos vistosa, pero esta opcin le ensea a utilizar cada uno de los comandos e instrucciones HTML (etiquetas) sin depender de ningn programa. Esto tiene sus beneficios y el principal de ellos es que nuestras pginas ya no contarn con cdigo excedente y/o cdigo basura, de modo que ocuparn menos

MANUAL BASICO HTML UNIDAD 1 CONOCIMIENTOS BASICOS HTML

Pgina 2

espacio, por ende sern ms rpidas al momento de ser cargadas por Internet y al invertir menos tiempo en cargar una pgina, se gastar menos dinero pagando al proveedor de Internet. Como casi todos los sistemas ms comunes en PC funcionan bajo un entorno Windows, para crear los Hipertextos utilizaremos un accesorio que viene incluido en el sistema. El Bloc de Notas o NotePad.

2. Pginas WEB
El Hipertexto es un archivo de texto que contiene instrucciones que pueden ser interpretadas por un navegador de Internet. Estas instrucciones son denominadas Etiquetas.

2.1.

Etiquetas

Una etiqueta cumple su funcin de la siguiente manera: <Nombre de la etiqueta> Apertura de una etiqueta siempre entre < > texto/grfico/etiquetas A la cual se aplica la etiqueta </nombre de la etiqueta> Cierra de la etiqueta siempre entre </ > Al acabar de crear un hipertexto, este se deber grabar con la extensin .html o bien .htm. Es bueno acotar que un archivo HTML es un archivo texto que tiene una extensin definida. Este archivo de texto contiene etiquetas, las mismas que son expresadas como instrucciones y el navegador WEB es quien las interpreta.

3. Estructura bsica de una pgina WEB


Una pgina web est compuesta de 2 partes: el encabezamiento y el cuerpo de la pgina. Paralelamente a esto, existen tres etiquetas fundamentales, las mismas que deben estar incluidas en el archivo HTML de manera obligatoria. Estas tres etiquetas fundamentales son: <html> </html> Indica al navegador que el documento texto que est leyendo es un documento HTML. Esta etiqueta se abre al inicio del archivo y se cierra al final del mismo.

MANUAL BASICO HTML UNIDAD 1 CONOCIMIENTOS BASICOS HTML

Pgina 3

<head> </head> Ac se detalla el encabezado de la pgina WEB. Esta etiqueta se abre luego de <html>. <body> </body> Cuerpo de la pgina donde se despliega el contenido global. Esta etiqueta se abre luego de cerrar el encabezamiento con </head> y se extiende hasta el final de la pgina, cerrndose antes de </HTML>. Ejemplo 1:

MANUAL BASICO HTML UNIDAD 1 CONOCIMIENTOS BASICOS HTML

Pgina 4

El hipertexto ser grabado con el nombre index.html en su disquete o en alguna ubicacin en el disco duro. Al asignar la extensin .html o .html ya se crea un hipertexto. Asegrese de ingresar index.html como nombre a grabar en su bloque de notas (incluidas las comillas) para evitar que se aada la extensin .txt. Sin cerrar el programa de edicin de texto que estamos usando, abra su navegador de WWW. En la pantalla de direccin WEB, introduzca la ruta completa a su archivo index.html, y usted deber poder ver en su pantalla su primera pgina WEB.

MANUAL BASICO HTML UNIDAD 1 CONOCIMIENTOS BASICOS HTML

Pgina 5

Potrebbero piacerti anche