Guía 1 Taller Lenguaje HTML Guia 2 Taller de HTML Etiquetas Tecnologia e Informatica Crear Fondos Paginas Web

1. LENGUAJE HTML
MARIA FERNANDA GALINDO LOPEZ
ESTUDIANTE
COLEGIO NACIONALIZADO FEMENINO DE
VILLAVICENCIO
DISEÑO E INTEGRACION DE MULTIMEDIA
VILLAVICENCIO, 2012

2. LENGUAJE HTML
MARIA FERNANDA GALINDO LOPEZ
ESTUDIANTE
MYRIAM RAMOS
DOCENTE ACADÉMICA
COLEGIO NACIONALIZADO FEMENINO DE
VILLAVICENCIO
DISEÑO E INTEGRACION DE MULTIMEDIA
VILLAVICENCIO, 2012

3. Pág.
1. Introducción 4-5
2. Objetivo general 6
3. Objetivos específicos 7-8
4. Justificación 9
5. Marco teórico 10- 26
6. Marco legal 27
7. Metodología 28
8. Conclusiones 29
9. Bibliografía 30
10. Cibergrafía 31

4. El propósito de este trabajo es saber sobre HTML:
 Su historia
 Objetivos
 Definiciones
 Hacer páginas web
 Fundamentos de este lenguaje, abarcando especialmente la inserción de
textos y la inserción de imágenes
 Ejemplos básicos que permiten entender mejor los detalles de la
programación
 Entre otros conocimientos
Si quieres crear sitios web, no hay otra solución que aprender HTML. Incluso si
usas un programa como Dreamweaver, para la creación de sitios web.
Poseer unos conocimientos básicos de HTML hace la vida mucho más fácil y tus
sitios web mucho mejores. La buena noticia es que es fácil de aprender y de usar.
Uno de los problemas que se presentan es la diversidad de navegadores
presentes en el mercado que no son capaces de interpretar un mismo código de
una manera unificada.
Nadie se convierte en un buen desarrollador web sólo con aprender ejemplos
sobre páginas web. La ideas es proporcionar son sencillamente unos
conocimientos básicos de los elementos esenciales; para llegar a ser bueno tienes
que usar estos elementos esenciales de formas nuevas y creativas.
HTML se usa para crear sitios web. ¡Así de sencillo!
Con frecuencia la gente piensa que es muy difícil crear un sitio web. Pues... ¡no es
el caso! Todos podemos aprender a crear un sitio web.
Otros creen que para crear sitios web es necesario un tipo de software caro y
sofisticado. Es cierto que existen muchos programas diferentes que proclaman
que pueden crear un sitio web por ti; unos se acercan más que otros.

5. Sin embargo, si quieres que todo salga perfecto, tienes que hacerlo tú mismo. Por
suerte, es sencillo y gratuito y ya dispones de todo el software necesario.
Pero nadie se tiene que preocupar: aprender a crear sitios web es de lo más
divertido y proporciona una gran satisfacción cuando se da con la solución
correcta.
Depende de cada uno experimentar todo lo nuevo que haya aprendido y el interés
que se ponga.
En pocas palabras HTML es una forma de escribir: nueva y mejor estructurada.
Así pues, lánzate de lleno y empieza a volar por ti mismo... Vale, inténtalo y
experimenta con lo aprendas.
¡Empecemos!

6.  Proporcionar una introducción fácil, pero al mismo tiempo completa y
correcta sobre cómo crear sitios web. No es necesario, en absoluto, tener
conocimientos previos sobre programación. Solo se necesita un
computador y el interés de la persona.

7.  Explicar lenguaje de programación HTML
 Crear un archivo HTML utilizando:
 Etiquetas de cabecera y cuerpo de documento
 Etiquetas en el cuerpo del documento.
 Etiquetas para insertar imágenes en el documento.
 Saber cual es la estructura de una página web
 Averiguar para que se utilizan las etiquetas HTML, head, title, body, h1. h2.
h3 y Font, color, size
 Investigar cual etiqueta se utiliza para escribir el texto en negrilla
 Incluir nuevas etiquetas para aplicar en cada una de las prácticas que
ejecute con lenguaje HTML
 Adquirir conocimiento sobre manejo de editores de texto, de imágenes GIF
y animaciones
 Crear un Sitio Web usando HTML
 Utilizar otros medios para poder realizar las prácticas de HTML, a pesar de
no contar con los elementos adecuados ni con el lugar apropiado para esto,
con ayuda de mi portátil voy a lograr superar estos obstáculos
 Recibir mayor conocimiento socializando y aportando ideas mutuamente
con mis compañeras y profesores

8.  Afrontar todas las dificultades que se nos presenten, tales como:
 No tener una sala de sistemas
 No contar ni con un computador
 No tener un salón de clases apropiado, entre otras

9. Cuando por primera vez yo escuche a la docente académica hablar sobre HTML
pensé que nos iba a enseñar verbos en ingles o algo así, nunca me imagine que
era el lenguaje usado por los navegadores para mostrar las páginas webs al
usuario, hace posible presentar información (por ejemplo, investigaciones
científicas) en Internet, siendo hoy en día la interface más extendida en la red, tal
vez se pregunten…
¿Cómo ella sabe todo eso?
A mí siempre me ha intrigado la idea de crear un sitio web a mi gusto, con mis
preferencias musicales, con todas las fotos que le quiera poner, con diferentes
diseños creados por mi, etc. Pero nunca me puse la tarea de buscar medios para
hacerlo, así que me propuse llevar acabo todo lo que la docente me guiara, de
este modo me entere además que HTML nos permite unir textos, sonidos e
imágenes y combinarlos a nuestro gusto ¡No creen que es FANTÁSTICO!
Por medio de este trabajo aprenderás lo que se ha dado en llamar HTML y así
nos ponemos en marcha y empezamos a crear sitios web. Lo que ves al visualizar
una página en Internet es la interpretación que hace el navegador del código
HTML. Todo esta en tus manos y dejar que tu mente vuele

10. ¿Qué es HTML?
El HTML (Hyper Textmarkup Language) es el lenguaje con el que se escriben
las páginas web. Es un lenguaje de hipertexto, es decir, un lenguaje que permite
escribir texto de forma estructurada, y que esta compuesto por etiquetas, que
marcan el inicio y el fin de cada elemento del documento.
Un documento hipertexto no solo se compone de texto, puede contener
imágenes, sonido, videos, etc., por lo que el resultado puede considerarse como
un documento multimedia.
Los documentos HTML deben tener la extensión html o htm, para que puedan ser
visualizados en los navegadores (programas que permiten visualizar las páginas
web).
Los navegadores se encargan de interpretar el código HTML de los documentos,
y demostrar a los usuarios las páginas web resultantes del código interpretado.
Versiones de HTML
En noviembre de 1995 se aprobó el estándar HTML 2.0 para la creación de
páginas web. Se creo con objetivos divulgativos, orientado a la actividad
académica, en el que el contenido de las páginas era más importante que el
diseño.
Pero esta versión del HTML carecía de muchas herramientas que permitieran
controlar el diseño de las páginas y añadir el contenido a multimedia, por lo que
Netscape (cuyos navegadores eran los más utilizados por aquellos años)
comenzó a incluir nuevas etiquetas que no existían en el estándar.
El comité encargado de establecer los estándares dentro de internet, comenzó a
trabajar en el borrador de una nueva versión de HTML, el borrador de HTML 3.0.
Pero este borrador resulto demasiado extenso, al intentar incluir numerosos
nuevos atributos para etiquetas ya existentes, y la creación de otras muchas
etiquetas nuevas. Por ello, no fue bien aceptado por el mercado y varias
compañías se unieron para formar un nuevo comité encargado de establecer los
estándares de HTML. Este comité pasó a llamarse W3C.

11. En enero de 1997 se aprobó estándar HTML 3.2. Este nuevo estándar incluía
mejoras proporcionadas por los navegadores Internet Explorer y Netscape
Navigator, que ya habían realizado extensiones sobre el estándar HTML 2.0.
En diciembre de 1997 se aprobó estándar HTML 4.0., creado para estandarizar los
marcos (frames), las hojas de estilo y los scripts.
En septiembre de 2001 se aprobó el estándar HTML 4.01.
Los Navegadores: Compatibilidad
Como hemos dicho, el navegador instalado en el ordenador del usuario es el que
interpreta el código HTML de la pagina que visita por lo que a veces puede ocurrir
que dos usuarios visualicen la misma pagina web de forma distinta porque tienen
instalados navegadores distintos o incluso versiones distintas del mismo
navegador.
Los navegadores de hoy en día pretenden ser compatibles con la última versión
de HTML. Es necesario realizar extensiones de los navegadores para que puedan
ser compatibles con esta última versión.
Dos de los navegadores que continuamente están realizando extensiones son
Internet Explorer y Netscape Navigator, que realizan extensiones incluso antes
de que se establezcan los estándares, intentando incluir las nuevas funciones
incluidas en los borradores.
Los navegadores tienen que ser compatibles con la última versión HTML para
poder interpretar el mayor número posible de etiquetas. Si un navegador no
reconoce una etiqueta, la ignora y el efecto que pretendía la etiqueta no queda
reflejado en la página.
Para realizar las extensiones de estos navegadores se añaden nuevos atributos a
las etiquetas ya existentes, o se añaden nuevas etiquetas.
Como resultado a estas extensiones, habrá páginas cuyo código podrá ser
interpretado completamente por todos los navegadores, mientras que otras, al
incluir nuevos atributos o etiquetas del borrador de la última versión de HTML, solo
podrán ser interpretadas en su totalidad en los navegadores más actualizados.
En este último caso también puede ocurrir que alguna etiqueta de la página
solamente pueda ser interpretada por un navegador concreto, y otra etiqueta por
un navegador diferente al anterior, por lo que nunca sería visualizada en su
totalidad por ningún navegador.

12. Uno de los retos de los diseñadores de páginas web es hacer las páginas más
atractivas utilizando toda la potencia del lenguaje HTML pero teniendo en cuenta
estos problemas de compatibilidades para que el mayor número de internautas
vean sus páginas tal como las ha diseñado.
Editores
Un editor es un programa que nos permiten redactar documentos. Hoy en día
existen un gran número de editores que permiten crear páginas web sin la
necesidad de escribir ni una sola línea de código HTML. Estos editores disponen
de un entorno visual, y generan automáticamente el código de las páginas. Al
poder ver en todo momento cómo quedará la página en el navegador, se facilita la
creación de las páginas, y el uso de menús permite ganar rapidez.
Estos editores visuales pueden generar en ocasiones código basura, es decir,
código que no sirve para nada, en otras ocasiones puede ser más efectivo corregir
directamente el código por lo que resulta necesario saber HTML para poder
depurar el código de nuestra páginas.
Algunos de los editores visuales con los que podrás crear tus páginas web son:
Macromedia Dreamweaver, Microsoft FrontPage, Adobe Pagemill, NetObjects
Fusion, CutePage, HotDog Proffesional, Netscape Composer y Arachnophilia, de
los cuales algunos tienen la ventaja de ser gratuitos.
En aulaClic puedes encontrar los cursos de Macromedia Dreamweaver y
Microsoft FrontPage, dos de los editores más usados hoy en día.
Es aconsejable comenzar utilizando una herramienta lo más sencilla posible, para
tener que insertar nosotros mismos el código HTML. Esto permite familiarizarse
con el lenguaje, para poder utilizar algún editor visual posteriormente, y depurar el
código cuando fuera necesario.
Para crear páginas web escribiendo directamente el código HTML puedes utilizar
la herramienta Wordpad o el Bloc de Notas que proporciona Windows.
A lo largo de este curso vamos a trabajar con el Bloc de Notas para crear
nuestras páginas, ya que se trata de un editor de textos muy sencillo de manejar,
que nos permitirá crear páginas a través del código HTML.

13. Etiquetas
Las etiquetas o marcas delimitan cada uno de los elementos que componen un
documento HTML. Existen dos tipos de etiquetas, la de comienzo de elemento y la
de fin o cierre de elemento.
La etiqueta de comienzo está delimitada por los caracteres < y >. Está
compuesta por el identificador o nombre de la etiqueta, y puede contener una serie
de atributos opcionales que permiten añadir ciertas propiedades. Su sintaxis es:
<identificador atributo1 atributo2...>, los atributos de la etiqueta de comienzo
siguen una sintaxis predefinida y pueden tomar cualquier valor propio del
usuario, o valores HTML predefinidos.
La etiqueta de final está delimitada por los caracteres </ y >. Está compuesta por
el identificador o nombre de la etiqueta, y no contiene atributos. Su sintaxis es:
</identificador>
Cabecera de la pagina <head>
Cada uno de los elementos de la página se encontrará entre una etiqueta de
comienzo y su correspondiente etiqueta de cierre, a excepción de algunos
elementos que no necesitan etiqueta de cierre. También es posible anidar
etiquetas, es decir, insertar etiquetas entre otras etiquetas de comienzo y de
cierre.
A continuación tenemos un ejemplo en el que tenemos la etiqueta <font..>
anidada dentro de la etiqueta <p...>:
<p align="center"><font color="#993366"size="4"face="Comic Sans MS,
Arial, Ms Sans Serif">Bienvenidos a www.aulaclic.com</font></p>
La estructura básica de una página es:
<html>
<head>
…
</head>
<body>
…
</body>

14. </html>
Ahora veamos como funcionan estas etiquetas
Identificador del tipo de documento < html>
Todas las páginas web escritas en HTML tienen que tener la extensión html o
htm. Al mismo tiempo, tienen que tener las etiquetas <html> y </html>.
Entre las etiquetas <html> y </html> estará comprendido el resto del código
HTML de la página.
Por ejemplo:
<html>
...
</html>
La cabecera de la página se utiliza para agrupar información sobre ella, como
puede ser el título.
Está formada por las etiquetas <head> y </head>. La etiqueta <head> va justo
debajo de la etiqueta <html>.
Por ejemplo:
<html>
<head>
...
</head>
...
</html>
Entre las etiquetas <head> y </head>, las etiquetas que podemos encontrar y
más se utilizan son: <link>, <style>, <script> (estas etiquetas las veremos más
adelante), <meta> y la etiqueta
<title> que te explicamos a continuación.
Titulo de la página <title>
El título de la página es el que aparecerá en la parte superior de la ventana del
navegador, cuando la página esté cargada en él.

15. Para asignar un título a una página es necesario escribir el texto deseado entre
las etiquetas <title> y </title>. Estas etiquetas han de estar dentro de la
cabecera, es decir, entre las etiquetas <head> y </head>.
Por ejemplo:
<html>
<head>
<title>
Curso de HTML
</title>
</head>
…
</html>
Cuerpo del documento <body>
El cuerpo del documento contiene la información propia del documento, es decir
lo que queremos que se visualice, el texto de la página, las imágenes, los
formularios, etc.
Todos estos elementos tienen que encontrarse entre las etiquetas<body> y
</body>, que van justo debajo de la cabecera.
Por ejemplo:
<html>
<head>
<title>
Curso de HTML
</title>
</head>
<body>
…

16. </body>
</html>
A través de la etiqueta <body> es posible establecer el color o la imagen de
fondo de la página.
El color de fondo puede establecerse a través del atributo bgcolor, al que es
posible asignarle un color representado en hexadecimal o por un nombre
predefinido.
Por ejemplo, para hacer que el color de fondo de una página sea de color azul,
tendremos que escribir:
...
<bodybgcolor="#0000ff">
...
</body>
</html>
Sería equivalente a poner:
...
<bodybgcolor="blue">
...
</body>
</html>
La imagen de fondo puede establecerse a través del atributo background,
indicando la ruta en la que se encuentra la imagen.
Por ejemplo, para hacer que la imagen de fondo de una página sea la imagen
fondo.gif, que se encuentra en el mismo directorio en el que se encuentra
guardada la página, tendremos que escribir:
...
<body background="fondo.gif">
...
</body>
</html>

17. Colores en Hexadecimal
Los colores en HTML se representan mediante un número hexadecimal. Un
número hexadecimal se diferencia de un número decimal en que no sólo puede
tomar valores del 0 al 9, sino que puede tomar hasta dieciséis valores distintos,
que van del 0 al 9, y de la A a la F.
Cada color estará representado por un grupo de seis dígitos en hexadecimal,
precedidos por una almohadilla, como por ejemplo #FFFFFF.
Existen 216 colores seguros para web. Éstos son los colores que se muestran
de la misma forma en Microsoft Internet Explorer y en Netscape Navigator, tanto
en Windows como en Macintosh.
También podemos personalizar nuestros propios colores, modificando los valores
de cada uno de los dígitos que forman parte del número hexadecimal.
A continuación se muestran los 216 colores seguros para web, para que puedas
consultarlos cuando lo necesites.

18. TALLER
 Leer y responder las siguientes preguntas:
1. Es un lenguaje con el que se puede escribir pagina web HTML
2. Lenguaje que permite escribir texto estructurado esta compuesto por
etiquetas
3. Las etiquetas cumplen la función de marcar el inicio y el final de cada
elemento del documento
4. De que está compuesto un documento hipertexto de imágenes, de
sonidos, de videos etc.
5. Un documento hipertexto es considerado como un documento multimedia
6. Los documentos HTML deben tener extensión html o htm
7. Para que los documentos HTML sean visualizados por los navegadores
deben tener extensión HTML o una extensión compatible con los
navegadores.
8. Describa las diferentes versiones que han surgido de lenguaje HTML
9. ¿Cuales son los navegadores que permiten visualizar las páginas del
lenguaje HTML?
10. ¿Por qué debe ser compatible los navegadores con la última versión del
lenguaje HTML?
11. ¿Cual es el reto de los diseñadores de las páginas web
12. ¿Que se entiende por editores?
13. ¿La función de un editor es?
14. ¿Donde se pueden encontrar los cursos para aprender el manejo de
páginas web?
15. ¿Que facilidad ofrece un editor?
16. ¿Que genera un editor visual?
17. Nombra los editores visuales con lo que se pueden crear las páginas web
18. ¿Que herramientas podemos utilizar para crear una pagina web escribiendo
el código HTML?
19. ¿Que es una etiqueta?
20. ¿Cuantos tipos de etiqueta existen y cuales son?
21. ¿Como esta delimitada la etiqueta de comienzo?
22. ¿Cuales son los caracteres que indican finalización?
23. ¿Que significa <head>?
24. ¿Cual es la estructura de una pagina?

19. 25. Escribir y explicar cada una de las etiquetas que encuentre durante la
lectura del documento como <body> y otras <title> etc.
26. ¿Cual es el atributo para el color de fondo?
27. Copia la tabla de colores hexadecimal
SOLUCIÓN
8. Versiones del lenguaje HTML
En noviembre de 1995 se aprobó el estándar HTML 2.0 para la creación
de páginas web, sus objetivos eran: divulgativos, orientado a la actividad
académica (el contenido de las páginas era más importante que el
diseño).
Pero esta versión del HTML carecía de muchas herramientas que
permitieran controlar el diseño de las páginas y añadir el contenido a
multimedia, por lo que Netscape (cuyos navegadores eran los más
utilizados por aquellos años) comenzó a incluir nuevas etiquetas que no
existían en el estándar.
El comité encargado de establecer los estándares dentro de internet,
trabajó una nueva versión de HTML, el borrador de HTML 3.0., resulto
demasiado extenso, al intentar incluir numerosos nuevos atributos. No
fue aceptado, por eso se creo un nuevo comité “W3C”
Este nuevo estándar HTML 3.2. Incluía mejoras proporcionadas por los
navegadores Internet Explorer y Netscape Navigator, porque ya habían
realizado extensiones sobre el estándar HTML 2.0.
Luego apareció el estándar HTML 4.0., creado para estandarizar los
marcos (frames), las hojas de estilo y los scripts.
En septiembre de 2001 se aprobó el estándar HTML 4.01.
9. Visualización de paginas del lenguaje HTML
Los navegadores se encargan de interpretar el código HTML de los
documentos, y demostrar a los usuarios las páginas web resultantes del
código interpretado.
Los documentos HTML deben tener la extensión html o htm, para que
puedan ser visualizados en los navegadores (programas que permiten
visualizar las páginas web).

20. 10. Compatibilidad
Los navegadores de hoy en día pretenden ser compatibles con la última
versión de HTML. Es necesario realizar extensiones de los navegadores
para que puedan ser compatibles con esta última versión ¿Para qué?
Para poder interpretar el mayor número posible de etiquetas. Si un
navegador no reconoce una etiqueta, la ignora y el efecto que pretendía
la etiqueta no queda reflejado en la página.
Para realizar las extensiones de estos navegadores se añaden nuevos
atributos a las etiquetas ya existentes, o se añaden nuevas etiquetas.
Como resultado a estas extensiones, habrá páginas cuyo código podrá
ser interpretado completamente por todos los navegadores, mientras
que otras, al incluir nuevos atributos o etiquetas del borrador de la última
versión de HTML, solo podrán ser interpretadas en su totalidad en los
navegadores más actualizados.
11. Diseñadores de páginas web
Uno de los retos de los diseñadores de páginas web es hacer las
páginas más atractivas utilizando toda la potencia del lenguaje HTML
pero teniendo en cuenta los problemas de compatibilidades para que el
mayor número de internautas vean sus páginas tal como las ha
diseñado.
12. Editores
Un editor es un programa que nos permite redactar documentos y así
poder crear páginas web con el lenguaje HTML.
Pueden ser de dos tipos: unos permiten codificar las páginas utilizando
el propio lenguaje HTML, a base de etiquetas y otros nos permiten
diseñar una página web, como si estuviésemos escribiendo con un
editor de texto avanzado, sin tener que escribir el código con las
etiquetas.
13. Función de un editor
Hoy en día existen un gran número de editores que permiten crear
páginas web sin la necesidad de escribir ni una sola línea de código
HTML. Estos editores disponen de un entorno visual, y generan
automáticamente el código de las páginas. Al poder ver en todo
momento cómo quedará la página en el navegador, se facilita la
creación de las páginas, y el uso de menús permite ganar rapidez.

21. 14. Cursos para aprender sobre páginas web
En aulaClic puedes encontrar los cursos de Macromedia
Dreamweaver y Microsoft FrontPage, dos de los editores más usados
hoy en día.
15. Facilidades de un editor
Presenta una facilidad adicional para las personas que no deseen
complicarse la vida con el lenguaje HTML, porque no tengan tiempo de
aprenderlo o porque se sientan incapaces de hacerlo. Los editores en
modo diseño nos permiten crear la página como si estuviéramos
escribiendo un documento con un editor del tipo de Word, se puede
ver en todo momento cómo quedará la página en el navegador y se
facilita la creación de las páginas, y el uso de menús permite ganar
rapidez.
16. Editor Visual
Los editores visuales pueden generar en ocasiones código basura, es
decir, código que no sirve para nada, en otras ocasiones puede ser más
efectivo corregir directamente el código por lo que resulta necesario
saber HTML para poder depurarlo de nuestra página.
17. Creación de paginas web con Editores Visuales
Algunos de los editores visuales con los que podrás crear tus páginas
web son: Macromedia Dreamweaver, Microsoft FrontPage, Adobe
Pagemill, NetObjects Fusion, CutePage, HotDog Proffesional, Netscape
Composer y Arachnophilia, de los cuales algunos tienen la ventaja de
ser gratuitos.
18. Herramientas con código HTML
Es necesario utilizar la herramienta Wordpad o el Bloc de Notas que
proporciona Windows para crear páginas web escribiendo directamente
el código HTML
El Bloc de Notas es un editor de textos muy sencillo de manejar, que
nos permitirá crear páginas a través del código HTML.
19. Etiqueta
HTML es un lenguaje de marcas o etiquetas, estas marcas serán fragmentos
de texto destacado de una forma especial que permiten la definición de las
distintas instrucciones de HTML. Las etiquetas o marcas delimitan cada

22. uno de los elementos que componen un documento HTML, este será un
fichero texto con etiquetas que variarán la forma de su presentación. Una
etiqueta es un texto incluido entre los símbolos menor que < y mayor que >.
El texto incluido dentro de los símbolos será explicativo de la utilidad de la
etiqueta.
20. Tipos de etiqueta
Existen dos tipos de etiquetas, la de comienzo de elemento y la de fin o
cierre de elemento. La etiqueta de fin, contendrá el mismo texto que la
de inicio añadiéndole al principio una barra inclinada /.
Por ejemplo: <title> FerGalo </title>
21. Etiqueta de comienzo
La etiqueta de comienzo está delimitada por los caracteres < y >. Está
compuesta por el identificador o nombre de la etiqueta, y puede
contener una serie de atributos opcionales que permiten añadir ciertas
propiedades.
22. Etiqueta de final
La etiqueta de final está delimitada por los caracteres </ y >. Está
compuesta por el identificador o nombre de la etiqueta, y no contiene
atributos. Su sintaxis es: </identificador>
23. Head
Head significa: Cabecera de la página, es cada uno de los elementos
de la página que se encontrará entre una etiqueta de comienzo y su
correspondiente etiqueta de cierre, a excepción de algunos elementos
que no necesitan etiqueta de cierre.
24. Estructura de una página web
La estructura básica de una página es:
<html>
<head>
…
</head>
<body>
…
</body>
</html>

23. 25. Definición de etiquetas
1. <HTML>, identificador del tipo de documento
Todas las páginas escritas usando lenguaje html deben tener la
extensión .htm o .html
Al crear una página web, en el código debemos iniciar la página con la
viñeta <html> y finalizarla escribiendo al final de todo el código la
viñeta </html>. Entre estas dos etiquetas escribiremos el resto del código
html de la página web, así:
2. <head>, cabecera o encabezado de la página
El encabezado de la página se utiliza para agrupar información (título).
Está formado por las etiquetas <head> y </head>. La etiqueta<head> va
justo debajo de la etiqueta <html>.
Por ejemplo:
3. <title>, título de la página
El título de la página es el texto que aparecerá en la barra de título, ubicada
en la parte superior de la ventana del navegador.

24. El texto deseado debe escribirse entre las etiquetas <title> y</title>
Estas etiquetas deben estar dentro del encabezado, es decir, entre las
etiquetas <head> y </head>.
Ejemplo:
4. <body>, cuerpo del documento
El cuerpo del documento contiene la información del documento, todo lo
que deseemos que se visualice, el texto de la página, las imágenes, texto,
formularios, etc.
Todos los elementos que formarán el cuerpo de la página deben
encontrarse entre las etiquetas <body> y </body> y van justo después de el
encabezado.
A través de la etiqueta <body> podemos establecer el color o la imagen de
fondo para la página web.

25. 26. Atributo de fondo
Para establecer el color de fondo utilizamos el atributo bgcolor asignándole
un color representado por un número hexadecimal o por un nombre
predefinido.
Por ejemplo, para hacer que la imagen de fondo de una página sea la
imagen fondo.gif, que se encuentra en el mismo directorio en el que se
encuentra guardada la página, tendremos que escribir:
...
<body background="fondo.gif">
...
</body>
</html>
Para hacer que el color de fondo de una página sea de color azul,
tendremos que escribir el siguiente código:
Sería equivalente a escribir:

26. 27. Tabla de colores hexadecimal
Los colores en HTML se representan mediante un número
hexadecimal. Un número hexadecimal se diferencia de un número
decimal en que no sólo puede tomar valores del 0 al 9, sino que puede
tomar hasta dieciséis valores distintos, que van del 0 al 9, y de la A a la
F.

27. Ley 11723 (1933): Propiedad intelectual
Decreto 165 (1994): Incluye en el artículo 1° Ley 11723, las obras de software:
 Diseños generales y detallados
 Diseño de flujo lógico de datos
 Programas de computación fuente y objeto
 Documentación técnica
Lo primero es saber que un documento HTML es un archivo de texto simple,
luego, se puede editar con cualquier editor de texto.
No importan los tabs, ni los saltos de línea
Los intérpretes HTML no toman en cuenta las tabulaciones, los saltos de línea ni
los espacios en blanco extra. Esto tiene ventajas y desventajas. La principal
ventaja es que permite obtener resultados uniformes y de buena presentación de
manera bastante fácil. La principal desventaja es que un documento HTML, por lo
menos se debe usar los comandos <P>...</P> o <BR> para evitar que quede todo
el texto en una sola línea.

28. Para poder lograr las metas fijadas al principio, en el transcurso del trabajo
usamos muchas herramientas, estas nos sirvieron y ayudaron a adquirir
facilidades de nuestro aprendizaje tales como:
 Internet
 Libros
 Guías y fotocopias
 Prácticas en bloc de notas
 Videos tutoriales sobre
HTML
 Crucigramas
 Computadores
 Manuales del uso correcto de HTML

29.  HTML es la abreviatura de "HyperText Mark-up Language", es decir,
"Lenguaje de marcado hipertextual" usado por los navegadores para
mostrar las páginas webs al usuario, siendo hoy en día la interface más
extendida en la red.
 Este lenguaje nos permite unir textos, sonidos e imágenes y combinarlos a
nuestro gusto.
 Se creó en un principio con objetivos divulgativos, un científico llamado Tim
Berners-Lee inventó HTML en 1990. El objetivo era facilitar a científicos de
diferentes universidades el acceso a los documentos de investigación de
cada uno de ellos. El proyecto obtuvo un éxito mucho mayor del que Tim
Berners-Lee nunca hubiese llegado a imaginar. Al inventar HTML, este
científico sentó las bases de la web tal y como la conocemos hoy día.
 Lo que ves al visualizar una página en Internet es la interpretación que hace
el navegador del código HTML.
 Para el ojo inexperto, el código HTML parece complicado, pero es
realmente fácil y accesible
 Las páginas web, las cuales pueden ser vistas por el usuario mediante un
tipo de aplicación llamada navegador.
 Además de los navegadores, necesitamos otra herramienta importante
como son los editores de HTML
 El bloc de notas es un editor muy fácil de usar para la creación de paginas
web
 HTML Presenta inconvenientes, como: la variedad de navegadores
existentes en el mercado que son capaces de interpretar de igual manera el
código de las páginas web, se ha desarrollado gracias a la colaboración de
todos los programadores y usuarios de Internet.
 Existen versiones, unas más sencillas y otras mucho más complejas y a
pesar de no haberse logrando nunca un consenso en las discusiones sobre
los estándares del HTML, y así en el año 1996 se llego a la versión 3.2 de
HTML que fue una de las más sólidas y completas sobre la que
posteriormente se desarrollaría el HTML que actualmente usamos.

30.  Introducción a XHTML
 Introducción a CSS
 CSS avanzado

31. Normas Icontec:
http://www.slideshare.net/guest5672989/normas-icontec
Normas Icontec:
http://es.scribd.com/doc/5707900/NORMAS-ICONTEC
Elaborar trabajos:
http://es.scribd.com/doc/16496907/IDETP-Normas-Icontec-Para-Elaborar-Trabajos
HTML:
http://www.desarrolloweb.com/articulos/534.php
Lenguaje HTML:
http://www.juntadeandalucia.es/averroes/iesgaviota/informatica/html.html#SECTIO
N11001