Вы находитесь на странице: 1из 14

LENGUAJE HTML

Clase 1

CLASE 1 Curso: HTML Bsico rea de Servicios


Contenidos

z Definicin

z Editores

z Navegadores

z Etiquetas

z Estructura HTML

CLASE 1 Curso: HTML Bsico rea de Servicios


Qu es HTML?

HTML (Hyper Text Markup Language) es un lenguaje


de marcas de hipertexto.

Permite escribir texto de forma estructurada, con


enlaces (hyperlinks) que conducen a otros documentos
o fuentes de informacin relacionadas, y con
inserciones multimedia (grficos, imgenes, sonidos,
videos, etc...).

Los archivos HTML por lo general, tienen la extensin


.html o .htm

CLASE 1 Curso: HTML Bsico rea de Servicios


Los Editores

Un editor es un programa que permite redactar documentos.


Existen un gran nmero de editores visuales que permiten
crear pginas web, y generan el cdigo de las pginas
automticamente.
Algunos de los editores grficos son:

Dreamweaver Frontpage
Composer Adobe Pagemill

CutePage HotDog Proffesional

Para crear pginas web, tambin se puede utilizar un


editor sin entorno visual, como Wordpad o el Bloc de notas.

CLASE 1 Curso: HTML Bsico rea de Servicios


Los Navegadores

Un navegador interpreta el cdigo HTML de la pgina que


visita. Puede ocurrir que dos usuarios visualicen la misma
pgina de forma diferente. Esto se debe a se tiene
instalado navegadores diferentes o, versiones diferentes
de un mismo navegador.

Algunos de los navegadores ms usados son:

Internet Explorer Google Chrome

Mozilla Firefox Netsacape

CLASE 1 Curso: HTML Bsico rea de Servicios


Etiquetas (Tags)

Un documento HTML est formado por elementos.


Por ejemplo:
un elemento P representa un prrafo
un elemento OL representa una lista
un elemento TITLE representa un documento
En general, cada elemento se divide en tres partes: una etiqueta
inicial, el contenido del elemento, y una etiqueta final.
<p> Esto es un prrafo. </p>

Etiqueta inicial Etiqueta Final


Contenido de la
etiqueta

Una etiqueta es parte de un elemento.

CLASE 1 Curso: HTML Bsico rea de Servicios


Etiquetas (Tags)

Las etiquetas o marcas delimitan a cada uno de los


elementos que componen a un documento HTML.
Las Etiquetas de HTML pueden ser de dos tipos:
<CENTER> Mi pgina Web </CENTER>

Etiqueta inicial Contenido de Etiqueta Final


la etiqueta

<BR> Etiqueta inicial


Etiquetas con parmetros: <BODY bgcolor="#FFFFFF">
</BODY>
parmetro

CLASE 1 Curso: HTML Bsico rea de Servicios


Etiquetas (ejemplo)

<p align="center">
<font color="#993366" size="4"
face="Comic Sans MS, Arial, MS Sans Serif">
Bienvenidos a www.unsl.edu.ar
</font>
</p>

Este cdigo dara como resultado el siguiente texto:

Bienvenidos a www.unsl.edu.ar

CLASE 1 Curso: HTML Bsico rea de Servicios


Estructura de un documento HTML

Un documento escrito en HTML contiene bsicamente dos


secciones:
<HTML> Indica el inicio del documento

<HEAD> Inicio de la cabecera.


encabezado

<TITLE> Inicio del ttulo del documento.

</TITLE> Final del ttulo del documento.

</HEAD> Final de la cabecera del documento.

<BODY> Inicio del cuerpo del documento.


cuerpo
</BODY> Final del cuerpo del documento.

</HTML> Final del documento.

CLASE 1 Curso: HTML Bsico rea de Servicios


Estructura de un documento HTML

Todas las pginas escritas en HTML comienzan con


la etiqueta <html> y finalizan con </html>. Entre estas
etiquetas estar comprendido el resto del cdigo HTML
de la pgina.
El encabezado <head> y </head> se utiliza para
agrupar informacin de la pgina. Dentro del
encabezado se encuentran las etiquetas <meta> y
<title>.
<meta>: se utiliza para aadir informacin sobre la pgina. Esta
informacin puede ser utilizada por los buscadores.
<title> sirve para asignar un ttulo a una pgina.

CLASE 1 Curso: HTML Bsico rea de Servicios


La Etiqueta <meta>

A travs de esta etiqueta pueden especificarse los atributos


name y content, donde:
El atributo name indica el tipo de informacin.
El atributo content indica el valor de dicha informacin.
Los tipos de informacin ms utilizados son los siguientes:

Tipo Significado
author Autor de la pgina

classification Palabras para clasificar la pgina en los buscadores

Description Descripcin del contenido de la pgina


Generator Programa utilizado para crear la pgina
Keywords Palabras clave

CLASE 1 Curso: HTML Bsico rea de Servicios


Un Ejemplo

<html>
<head>
...
<meta name="author" content=Area de
Servicios">
<meta name="description" content="Curso
de HTML bsico">
<meta name="keywords" content=Ejemplo
HTML utilizando la etiqueta meta">
</head>
...
</html>

CLASE 1 Curso: HTML Bsico rea de Servicios


Un Ejemplo Completo

<html>

<head>
<title>CURSO DE HTML</title>
<meta name="author" content=Juan Perez">
<meta name="description" content="Curso de HTML
bsico">
<meta name="keywords" content=Ejemplo HTML">
</head>
<body bgcolor= #FFCC99>
<p>Esta es Mi primera pgina..</p>
</body>

</html>

CLASE 1 Curso: HTML Bsico rea de Servicios


Versiones de HTML

1995 se estableci el estandar


HTML 2.0
HTML 3.2 (ENERO 1997)
HTML 4.0 (DICIEMBRE 1997)
HTML 4.01 (SETIEMBRE 2001)

cada versin tiene variantes y, dependiendo del


navegador e incluso versin, la visualiacin de la pgina
puede variar.

CLASE 1 Curso: HTML Bsico rea de Servicios

Вам также может понравиться