You are on page 1of 18

APLICATIVOS IV HTML

Profesor: Johnny Anco Carranza CESCA LOS OLIVOS


HTML 1

PGINAS WEB:
Una Pgina Web, es un tipo especial de archivo escrito en formato (HTML). Existen una gran variedad de Pginas Web, que incluyen: Pginas personales (publicidad). Pginas de negocios. Directorios: Yahoo, Webcrawler, etc. Buscadores: Yahoo, Altavista, Google, etc. Audiovisual: Youtube
HTML 2

Una

pgina web es una fuente de informacin adaptada para la World Wide Web (WWW) y accesible mediante un navegador web de Internet que normalmente forma parte de un Sitio web (conjunto de pginas webs). Esta informacin se presenta generalmente en formato HTML y puede contener hiperenlaces a otras pginas web, constituyendo la red enlazada de la World Wide Web

HTML

HTML: Hyper Text Markup Languaje.


Permite representar hipertextos que incluir informacin, sobre la estructura y formato de representacin; y especialmente indicar el origen y destino de los saltos de hipertexto.

WWW (Telaraa MuNdial): Sistema de distribucin de informacin tipo revista. En la red quedan almacenadas lo que son Pginas Web. WWW = INTERNET
HTML 4

HIPERTEXTO:
Es un cuerpo (documento), interconectado con otro documento (relacionado) mediante enlaces (Links).
HIPERVCULOS: La clave de la Web es que los archivos de distintos servidores puedan conectarse mediante hipervnculos, tambin llamados Vnculos. Ejemplo: La Web del congreso de la Repblica. http://www. congreso.gob.pe
HTML 5

FORMATOS WEB:
Mientras que los servidores Web puedan transferir cualquier tipo de archivos, la Web utiliza los mismos tipos de archivos una y otra vez. Podemos reconocer un archivo por su extensin. Las extensiones ms comunes son cdigos de 3 caracteres: Archivos de Pginas Web escritos en HTML: Extensin: html o htm. Archivos de imgenes: Extensin: gif o jpg. Archivos de sonido: Extensin: mid, wav, ra. Archivos de video: Extensin: avi, mov, mpg. Archivos de texto en formato Ascii: Extensin: txt.

HTML

URL:

Uniform Resource Locator o Localizador Uniforme de Recursos. Es una direccin de una Pgina Web u otro archivo en Internet. Cada URL en la red es nico. Como los URLs varan en formato, tenemos la necesidad de comprenderlos para crear vnculos con nuestra Dominio pgina.
Ejemplo:

http://www. congreso.gob.pe
Protocolo de Comunicacin Nombre del Servidor Subdominio Pas de Origen
HTML 7

Qu es un dominio?
HTML

Un dominio es el nombre con el cual se le identificar a su empresa en Internet y por lo general, el dominio es la razn social de la empresa o el nombre comercial que utiliza. El dominio puede ser un dominio internacional (aquellos que terminan en .com, .org, .net) o un dominio peruano (aquellos que terminan en .com.pe, .org.pe, .edu.pe).

Existen 6 dominios genricos de alto nivel:


COM (Empresas Comerciales). EDU (Instituciones Educativas). ORG (Organismos No Gubernamentales, Fundaciones). GOV o GOB (Entidades del Gobierno). MIL (Instituciones Militares). NET (Redes).

HTML

Conocer y usar los Comandos Bsicos del HTML. Los Comandos son llamados tags. Hay de 2 tipos: los que se abren y se cierran, y los que solamente se abren. Los cdigos HTML pueden ser escritos en un simple Bloc de Notas y no necesitan conexin a Internet para ver la pgina. Basta con tener el programa Internet Explorer. Crear una pgina web y publicarla en Internet.

Objetivos del Curso:


HTML 10

ETIQUETAS HTML
HTML 11

HTML
Se abre y se cierra. Hyper Text Markup Language. Va al inicio y al final de una Pgina Web.

<html>

</html>

HTML

12

HEAD
Se abre y se cierra. Cabecera, Encabezado. Va despus de html y antes del ttulo.

<html>

<head> </head>

</html>
HTML 13

TITLE
Se abre y se cierra. Va dentro del head. Representa el ttulo de la Pgina.

<html> <head>

<title>MI PAGINA</title>
</head>

</html>
HTML 14

BODY
Se abre y se cierra. Va despus de cerrar el head y antes de cerrar el html. <html> <head> <title>MI PAGINA</title> </head>

<body>

</html>

</body>

Hola, cmo estn

HTML

15

ABRIR EL BLOC DE NOTAS:


Inicio Programas Accesorios Bloc de Notas. Escriba las siguientes etiquetas. stas etiquetas siempre van en la Pgina Web. <html> <head> <title>texto</title> </head> <body> Cuerpo de la Pgina Web </body> </html>

HTML 16

EJEMPLO DE UNA PGINA WEB:


<html> <head> <title>CESCA Los Olivos</title> </head> <body> <br>Quien estudia, triunfa </body> </html>

HTML

17

Archivo Guardar Direccionar Ruta - Digitar nombre: *.html (use letras minsculas) Clic en Guardar. Minimice el Bloc de Notas. No lo cierre. Abrir el programa Internet Explorer: inicio Programas Internet Explorer Archivo Abrir Direccionar Ruta Doble clic en el Archivo *.html.

Luego Grabar la Pgina


HTML 18