2. UNA PÁGINA WEB ES UNA PÁGINA NORMALUNA PÁGINA WEB ES UNA PÁGINA NORMAL
CON INFORMACIONES EN CUYO TEXTOCON INFORMACIONES EN CUYO TEXTO
INTERCALAMOS CÓDIGOS O ETIQUETASINTERCALAMOS CÓDIGOS O ETIQUETAS
((TAGSTAGS EN INGLÉS) QUE DETERMINAN LA EN INGLÉS) QUE DETERMINAN LA
FORMA EN QUE ES MOSTRADA EN INTERNET YFORMA EN QUE ES MOSTRADA EN INTERNET Y
LOS ENLACES CON OTRAS PÁGINAS EN LA RED.LOS ENLACES CON OTRAS PÁGINAS EN LA RED.
3. OBJETIVOOBJETIVO
DAR A CONOCER A LOS PRESENTES LADAR A CONOCER A LOS PRESENTES LA
UTILIZACIÓN DEL CODIGO O ETIQUETAS ENUTILIZACIÓN DEL CODIGO O ETIQUETAS EN
HTML PARA CREAR PROGRAMAS PARAHTML PARA CREAR PROGRAMAS PARA
INTERNET, COMO POR EJEMPLO PAGINASINTERNET, COMO POR EJEMPLO PAGINAS
WEB.WEB.
4. CONOCIMIENTOS BÁSICOSCONOCIMIENTOS BÁSICOS
1.-1.- INTERNET:INTERNET:
RED DE REDESRED DE REDES
2.-2.- NAVEGADORES:NAVEGADORES:
EXPLOREREXPLORER
OPERAOPERA
GOOGLE CHROMEGOOGLE CHROME
SAFARISAFARI
3.-3.- PROGRAMACION:PROGRAMACION:
PROGRAMACIÓN ES EL PROCESO APROGRAMACIÓN ES EL PROCESO A
TRAVÉS DEL CUAL UN PROGRAMA OTRAVÉS DEL CUAL UN PROGRAMA O
APLICACIÓN INFORMÁTICAESAPLICACIÓN INFORMÁTICAES
DESARROLLADODESARROLLADO
5. PROGRAMACIÓN EN HTMLPROGRAMACIÓN EN HTML
Hypertext MarkUp LanguageHypertext MarkUp Language (HTML)(HTML)
ES EL LENGUAJE QUE SE EMPLEA PARA EL DESARROLLO DE
PÁGINAS DE INTERNET. ESTÁ COMPUESTO POR UNA SERÍE
DE ETIQUETAS QUE EL NAVEGADOR INTERPRETA Y DA
FORMA EN LA PANTALLA.
6. INSTRUCCIONES O CÓDIGOS QUE COLOCAMOS EN
LAS PÁGINAS HTML SE INSERTAN EN EL TEXTO
ENMARCADAS POR LOS SÍMBOLOS < Y >. POR
EJEMPLO, EL CÓDIGO O ETIQUETA PARA INDICAR
LETRAS ITÁLICAS O CURSIVAS ES <I>. BUENA PARTE
DE ESTOS CÓDIGOS TIENEN SU CORRESPONDIENTE
ETIQUETA PARA CANCELAR O CERRAR EL COMANDO,
USÁNDOSE GENERALMENTE EL MISMO CÓDIGO,
PRECEDIDO DE UN "/".
7. <html>
<head>
<title>
Mi Página de prueba
</title>
</head>
<body>
<p>
Bienvenido a mi primera <i>página
web</i>.
<p>
Espero se sientan a gusto y disfruten
su visita.
</body>
</html>
8. SI DESEAMOS INTRODUCIR UN POCO DE COLOR EN LA PÁGINA,
PODEMOS HACERLO AGREGANDO LAS INSTRUCCIONES
CORRESPONDIENTES A LA ETIQUETA <BODY> EN LA FORMA
SIGUIENTE:
<BODY BGCOLOR=BLUE TEXT=YELLOW>.
9. SE USA LA ETIQUETA <P>, DE FORMA TAL QUE <P
ALIGN=CENTER> PRODUCE TEXTO CENTRADO Y <P
ALIGN=RIGHT> PRODUCE TEXTO ALINEADO CON EL
MARGEN DERECHO DE LA PANTALLA.
SI DESEAMOS QUE EL TEXTO CONTINÚE EN LA LÍNEA SIGUIENTE,
PERO SIN EL ESPACIO VERTICAL QUE DEJA LA ETIQUETA <P>,
ENTONCES DEBEMOS USAR LA ETIQUETA <BR>
10. LOS TAMAÑOS DE LOS TEXTOS SE PUEDE HACER CON LAS
ETIQUETAS <H1>, <H2>, ETC.,
SI NUESTRO GRÁFICO SE LLAMA LOGO.GIF ENTONCES BASTA CON
USAR LA ETIQUETA<IMG SRC=LOGO.GIF>.
11. Si, Por Ejemplo, Deseamos Incluir Un Enlace Para La Página De Las Naciones
Unidas En Nuestra Página, Escribiríamos <A Href=http://Www.Un.Org> Seleccione
Aquí Para Visitar Las Naciones Unidas</A>. Fíjese Que La Etiqueta Inicial Es :
<A Href=…> Y Que Se Cierra Con Un Simple </A>.
13. <html>
<head>
<title>
Mi Página de prueba
</title>
</head>
<body>
<p>
Bienvenido a mi primera <i>página
web</i>.
<p>
Espero se sientan a gusto y
disfruten su visita.
</body>
</html>
14. <html><html>
<head><head>
<meta charset="utf-8"><meta charset="utf-8">
<title>Portal básico - aprenderaprogramar.com</title><title>Portal básico - aprenderaprogramar.com</title>
</head></head>
<body><body>
<div id="page"><div id="page">
<div id="header"><!-- Aquí vendría el código de la cabecera --></div><div id="header"><!-- Aquí vendría el código de la cabecera --></div>
<div id="wrapper"><div id="wrapper">
<div id="menu"><!-- Aquí vendría el código del menú --></div><div id="menu"><!-- Aquí vendría el código del menú --></div>
<div id="body"><!-- Aquí vendría el código del cuerpo --></div><div id="body"><!-- Aquí vendría el código del cuerpo --></div>
</div></div>
<div id="footer"><!-- Aquí vendría el código del pié --></div><div id="footer"><!-- Aquí vendría el código del pié --></div>
</div></div>
</body></body>
</html></html>
