SlideShare una empresa de Scribd logo
1 de 1
Descargar para leer sin conexión
Guía No. 1 de Lenguaje HTML – Creación de tablas
Temas: Creación de un documento HTML. Etiquetas <HTML>,<HEAD>,<TITLE>,<BODY>, <H1> … <H6>, <P>, <B>, <I>, <U>, <BR> y
<HR>. Cómo guardar un documento HTML y Creación una carpeta nueva al guardar.


1. Abra Bloc de notas y digite el siguiente código:

      <HTML>
      <HEAD>
      <TITLE>Para qué sirven las computadoras</TITLE>
      </HEAD>
      <BODY>
      <HR>
      <H1>La sorprendente computadora</H1>
      <HR>
      <H2>La Computadora, una herramienta multiuso</H2>
      <P>En términos generales, una <U>computadora</U> es un dispositivo electrónico usado para procesar datos.
      Existe un abismo entre las máquinas de hace 50 años (cuando se crearon las primeras computadoras) y las
      computadoras actuales, que se están volviendo cada vez más pequeñas, más rápidas y más potentes, y que se
      usan en un número creciente de aplicaciones.
      <P>Las computadoras han llegado a ser tan fundamentales para la sociedad moderna que, sin ellas, nuestra
      economía se detendría. Son herramientas tan flexibles que la mayoría de las personas del mundo de los negocios
      las usan todos los días.
      <P>Mucha gente de negocios usa una computadora aunque esté fuera de la oficina. Por ejemplo, la mayoría de
      los agentes de ventas que viajan ahora llevan computadoras portátiles, conocidas como <B>computadoras
      laptop</B> o <B>computadoras notebook</B>, las cuales pueden ser tan potentes como los modelos de
      escritorio.
      </BODY>
      </HTML>

2. Después de crear el archivo HTML, guárdelo en el disco duro llevando a cabo los siguientes
   pasos:
   a. Archivo – Guardar como...
   b. En la carpeta C:Mis Documentos, cree una carpeta nueva con el nombre de su curso
      dando clic en el ícono Crear nueva carpeta y luego ingrese a ella. Si realizó bien su trabajo,
      en la opción Guardar en: debe decir el nombre de su curso.
   c. En la opción Nombre de Archivo: debe escribir Actividad1.html
   d. Dé clic en el botón Guardar.
3. Cierre Bloc de notas y abra el Explorardor de Windows, ubique su archivo que debe estar en
   C:Mis DocumentoscursoActividad1.html, y dé dos clic sobre él para ejecutarlo (debe
   tener el ícono de un archivo de página web).
4. En el menú Ver, de Internet Explorer, elija la opción Código Fuente, se abrirá nuevamente Bloc
   de notas mostrando el código de esa página para su modificación.
5. Inserte el siguiente texto en la página Web que está trabajando antes de la etiqueta </BODY>
   para que forme parte del cuerpo de la página:

      <H2>Otros de los muchos usos de las computadoras</H2>
      <P>Las cajas modernas en las tiendas tienen escáner computarizados que calculan y suman los precios de los
      artículos que compramos y permiten pagos con tarjeta de crédito o tarjeta de débito.
      <P>En la medicina actual las computadoras diagnostican enfermedades y controlan el movimiento de asistentes
      quirúrgicos robotizados.
      <P>Los diseñadores usan programas CAD para crear productos de todas clases creando bocetos de las
      estructuras tridimensionales del objeto o producto en estudio.
      <P>Las fábricas usan brazos robotizados y computarizados para hacer el trabajo físico que es peligroso o muy
      repetitivo. La fabricación con computadoras y robótica se llama fabricación asistida por computadora
      (<I>Computer-aided manufacturing; CAM</I>)<BR>
      Los abogados usan la base de datos LEXIS para buscar información legislativa y de casos federales y
      estatales.<BR>
      Los oficiales de policía usan terminales de datos móviles (<I>mobile data terminal; MDT</I>), que proporcionan
      acceso rápido a la información, como números de placas y datos de sus dueños.<BR>
      El servicio de recaudo fiscal de Estados Unidos usa sus computadoras para registrar las declaraciones de
      impuestos sobre la renta de millones de individuos y negocios cada año.
      <P>Las <U>computadoras</U> se han convertido en herramientas creativas para los músicos. La Interfaz Digital
      para Instrumentos Musicales (<I>Musical Instrument Digital Interface; MIDI</I>) permite conectar diferentes
      instrumentos electrónicos entre sí, así como a computadoras.
      <HR>
      <B><I>-Aquí escriban sus nombres y curso-</I></B>
      <HR>

6. Guarde nuevamente, cierre Bloc de notas y de clic en el ícono Actualizar de la barra de
   herramientas de Internet Explorer para que la página muestre las modificaciones.
7. Tome la guía y compare su contenido con lo que observa en la página Web, note cómo afecta al
   texto cada una de las etiquetas, por ejemplo la diferencia entre usar <P> y <BR>, la diferencia
   entre usar <H1> y <H2>, la línea que inserta <HR>, cómo se ve el efecto que dan las etiquetas
   de formato <B>, <I> y <U>, etc.
8. Revise la gramática y la ortografía de su página Web y entregue su trabajo para su evaluación.


                                                                               MateriaL elaborado por Lis Alexis Vanegas Celis – Docente de Informática

Más contenido relacionado

Similar a Guia 1 de html creacion de documentos html

Similar a Guia 1 de html creacion de documentos html (20)

Unidad educativa javeriano
Unidad educativa javerianoUnidad educativa javeriano
Unidad educativa javeriano
 
Tipos de navegadores
Tipos de navegadoresTipos de navegadores
Tipos de navegadores
 
Trabajo practico nº 1
Trabajo practico nº 1Trabajo practico nº 1
Trabajo practico nº 1
 
Trabajo no. 3 herramientas telematicas
Trabajo no. 3 herramientas telematicasTrabajo no. 3 herramientas telematicas
Trabajo no. 3 herramientas telematicas
 
trabajo monografico de las tic
trabajo monografico de las tictrabajo monografico de las tic
trabajo monografico de las tic
 
CMS - Metodología de trabajo EMEPE
CMS - Metodología de trabajo EMEPECMS - Metodología de trabajo EMEPE
CMS - Metodología de trabajo EMEPE
 
Html
HtmlHtml
Html
 
Introduccion a la programacion web
Introduccion a la programacion webIntroduccion a la programacion web
Introduccion a la programacion web
 
Clase 1
Clase 1Clase 1
Clase 1
 
Manual básico de html
Manual básico de htmlManual básico de html
Manual básico de html
 
Manualhtml
ManualhtmlManualhtml
Manualhtml
 
Manual html
Manual htmlManual html
Manual html
 
trabajo practico nº2 Gaston
trabajo practico nº2 Gastontrabajo practico nº2 Gaston
trabajo practico nº2 Gaston
 
TUTORIAL DE INFORMATICA
TUTORIAL DE INFORMATICATUTORIAL DE INFORMATICA
TUTORIAL DE INFORMATICA
 
Guia 1 introduccion al html inesani 2016
Guia 1 introduccion al html inesani 2016Guia 1 introduccion al html inesani 2016
Guia 1 introduccion al html inesani 2016
 
Juan padilla tp3
Juan padilla tp3Juan padilla tp3
Juan padilla tp3
 
Guia no 1 cómo crear mi propia web
Guia no 1 cómo crear mi propia webGuia no 1 cómo crear mi propia web
Guia no 1 cómo crear mi propia web
 
Google drive
Google driveGoogle drive
Google drive
 
tutorial de informatica
tutorial  de informaticatutorial  de informatica
tutorial de informatica
 
Guia 1 fundamentos html
Guia 1 fundamentos htmlGuia 1 fundamentos html
Guia 1 fundamentos html
 

Más de lisvancelis

Conceptos básicos en informática
Conceptos básicos en informáticaConceptos básicos en informática
Conceptos básicos en informáticalisvancelis
 
Octavo grado taller 0 de excel 2010
Octavo grado taller 0 de excel 2010Octavo grado taller 0 de excel 2010
Octavo grado taller 0 de excel 2010lisvancelis
 
Octavo grado taller 1 de excel 2010
Octavo grado taller 1 de excel 2010Octavo grado taller 1 de excel 2010
Octavo grado taller 1 de excel 2010lisvancelis
 
Proyecto 2 en micromundos 07 abr2015
Proyecto 2 en micromundos   07 abr2015Proyecto 2 en micromundos   07 abr2015
Proyecto 2 en micromundos 07 abr2015lisvancelis
 
Proyecto 1 en micromundos 24 mar2015
Proyecto 1 en micromundos   24 mar2015Proyecto 1 en micromundos   24 mar2015
Proyecto 1 en micromundos 24 mar2015lisvancelis
 
Evaluación final de excel para el primer período 2015
Evaluación final de excel para el primer período 2015Evaluación final de excel para el primer período 2015
Evaluación final de excel para el primer período 2015lisvancelis
 
Evaluación escrita de excel en el cuaderno 2015
Evaluación escrita de excel en el cuaderno   2015Evaluación escrita de excel en el cuaderno   2015
Evaluación escrita de excel en el cuaderno 2015lisvancelis
 
Taller 5 uso de funciones en excel - perímetros
Taller 5   uso de funciones en excel - perímetrosTaller 5   uso de funciones en excel - perímetros
Taller 5 uso de funciones en excel - perímetroslisvancelis
 
Taller 4 micromundos pro repite y otras instrucciones
Taller 4 micromundos pro   repite y otras instruccionesTaller 4 micromundos pro   repite y otras instrucciones
Taller 4 micromundos pro repite y otras instruccioneslisvancelis
 
Taller 4 referencias relativas y absolutas
Taller 4   referencias relativas y absolutasTaller 4   referencias relativas y absolutas
Taller 4 referencias relativas y absolutaslisvancelis
 
Taller 3 practicar fórmulas y series en excel
Taller 3   practicar fórmulas y series en excelTaller 3   practicar fórmulas y series en excel
Taller 3 practicar fórmulas y series en excellisvancelis
 
Evaluación diagnóstica y nivelatoria de excel para novenos 2015
Evaluación diagnóstica y nivelatoria de excel para novenos   2015Evaluación diagnóstica y nivelatoria de excel para novenos   2015
Evaluación diagnóstica y nivelatoria de excel para novenos 2015lisvancelis
 
Taller 1 pixel art con gimp
Taller 1 pixel art con gimpTaller 1 pixel art con gimp
Taller 1 pixel art con gimplisvancelis
 
Cuestionario de Herramientas Web
Cuestionario de Herramientas WebCuestionario de Herramientas Web
Cuestionario de Herramientas Weblisvancelis
 
Evaluación final - Tablas y diagramas en Word
Evaluación final - Tablas y diagramas en WordEvaluación final - Tablas y diagramas en Word
Evaluación final - Tablas y diagramas en Wordlisvancelis
 
Actividad sobre el glosario de internet
Actividad sobre el glosario de internetActividad sobre el glosario de internet
Actividad sobre el glosario de internetlisvancelis
 
Glosario de Internet
Glosario de InternetGlosario de Internet
Glosario de Internetlisvancelis
 
Quinta clase novenos - Esquemas con formas
Quinta clase novenos - Esquemas con formasQuinta clase novenos - Esquemas con formas
Quinta clase novenos - Esquemas con formaslisvancelis
 
Guía 5 de PowerPoint 2007
Guía 5 de PowerPoint 2007Guía 5 de PowerPoint 2007
Guía 5 de PowerPoint 2007lisvancelis
 
GeoGebra Guía 0 Introducción
GeoGebra Guía 0 IntroducciónGeoGebra Guía 0 Introducción
GeoGebra Guía 0 Introducciónlisvancelis
 

Más de lisvancelis (20)

Conceptos básicos en informática
Conceptos básicos en informáticaConceptos básicos en informática
Conceptos básicos en informática
 
Octavo grado taller 0 de excel 2010
Octavo grado taller 0 de excel 2010Octavo grado taller 0 de excel 2010
Octavo grado taller 0 de excel 2010
 
Octavo grado taller 1 de excel 2010
Octavo grado taller 1 de excel 2010Octavo grado taller 1 de excel 2010
Octavo grado taller 1 de excel 2010
 
Proyecto 2 en micromundos 07 abr2015
Proyecto 2 en micromundos   07 abr2015Proyecto 2 en micromundos   07 abr2015
Proyecto 2 en micromundos 07 abr2015
 
Proyecto 1 en micromundos 24 mar2015
Proyecto 1 en micromundos   24 mar2015Proyecto 1 en micromundos   24 mar2015
Proyecto 1 en micromundos 24 mar2015
 
Evaluación final de excel para el primer período 2015
Evaluación final de excel para el primer período 2015Evaluación final de excel para el primer período 2015
Evaluación final de excel para el primer período 2015
 
Evaluación escrita de excel en el cuaderno 2015
Evaluación escrita de excel en el cuaderno   2015Evaluación escrita de excel en el cuaderno   2015
Evaluación escrita de excel en el cuaderno 2015
 
Taller 5 uso de funciones en excel - perímetros
Taller 5   uso de funciones en excel - perímetrosTaller 5   uso de funciones en excel - perímetros
Taller 5 uso de funciones en excel - perímetros
 
Taller 4 micromundos pro repite y otras instrucciones
Taller 4 micromundos pro   repite y otras instruccionesTaller 4 micromundos pro   repite y otras instrucciones
Taller 4 micromundos pro repite y otras instrucciones
 
Taller 4 referencias relativas y absolutas
Taller 4   referencias relativas y absolutasTaller 4   referencias relativas y absolutas
Taller 4 referencias relativas y absolutas
 
Taller 3 practicar fórmulas y series en excel
Taller 3   practicar fórmulas y series en excelTaller 3   practicar fórmulas y series en excel
Taller 3 practicar fórmulas y series en excel
 
Evaluación diagnóstica y nivelatoria de excel para novenos 2015
Evaluación diagnóstica y nivelatoria de excel para novenos   2015Evaluación diagnóstica y nivelatoria de excel para novenos   2015
Evaluación diagnóstica y nivelatoria de excel para novenos 2015
 
Taller 1 pixel art con gimp
Taller 1 pixel art con gimpTaller 1 pixel art con gimp
Taller 1 pixel art con gimp
 
Cuestionario de Herramientas Web
Cuestionario de Herramientas WebCuestionario de Herramientas Web
Cuestionario de Herramientas Web
 
Evaluación final - Tablas y diagramas en Word
Evaluación final - Tablas y diagramas en WordEvaluación final - Tablas y diagramas en Word
Evaluación final - Tablas y diagramas en Word
 
Actividad sobre el glosario de internet
Actividad sobre el glosario de internetActividad sobre el glosario de internet
Actividad sobre el glosario de internet
 
Glosario de Internet
Glosario de InternetGlosario de Internet
Glosario de Internet
 
Quinta clase novenos - Esquemas con formas
Quinta clase novenos - Esquemas con formasQuinta clase novenos - Esquemas con formas
Quinta clase novenos - Esquemas con formas
 
Guía 5 de PowerPoint 2007
Guía 5 de PowerPoint 2007Guía 5 de PowerPoint 2007
Guía 5 de PowerPoint 2007
 
GeoGebra Guía 0 Introducción
GeoGebra Guía 0 IntroducciónGeoGebra Guía 0 Introducción
GeoGebra Guía 0 Introducción
 

Guia 1 de html creacion de documentos html

  • 1. Guía No. 1 de Lenguaje HTML – Creación de tablas Temas: Creación de un documento HTML. Etiquetas <HTML>,<HEAD>,<TITLE>,<BODY>, <H1> … <H6>, <P>, <B>, <I>, <U>, <BR> y <HR>. Cómo guardar un documento HTML y Creación una carpeta nueva al guardar. 1. Abra Bloc de notas y digite el siguiente código: <HTML> <HEAD> <TITLE>Para qué sirven las computadoras</TITLE> </HEAD> <BODY> <HR> <H1>La sorprendente computadora</H1> <HR> <H2>La Computadora, una herramienta multiuso</H2> <P>En términos generales, una <U>computadora</U> es un dispositivo electrónico usado para procesar datos. Existe un abismo entre las máquinas de hace 50 años (cuando se crearon las primeras computadoras) y las computadoras actuales, que se están volviendo cada vez más pequeñas, más rápidas y más potentes, y que se usan en un número creciente de aplicaciones. <P>Las computadoras han llegado a ser tan fundamentales para la sociedad moderna que, sin ellas, nuestra economía se detendría. Son herramientas tan flexibles que la mayoría de las personas del mundo de los negocios las usan todos los días. <P>Mucha gente de negocios usa una computadora aunque esté fuera de la oficina. Por ejemplo, la mayoría de los agentes de ventas que viajan ahora llevan computadoras portátiles, conocidas como <B>computadoras laptop</B> o <B>computadoras notebook</B>, las cuales pueden ser tan potentes como los modelos de escritorio. </BODY> </HTML> 2. Después de crear el archivo HTML, guárdelo en el disco duro llevando a cabo los siguientes pasos: a. Archivo – Guardar como... b. En la carpeta C:Mis Documentos, cree una carpeta nueva con el nombre de su curso dando clic en el ícono Crear nueva carpeta y luego ingrese a ella. Si realizó bien su trabajo, en la opción Guardar en: debe decir el nombre de su curso. c. En la opción Nombre de Archivo: debe escribir Actividad1.html d. Dé clic en el botón Guardar. 3. Cierre Bloc de notas y abra el Explorardor de Windows, ubique su archivo que debe estar en C:Mis DocumentoscursoActividad1.html, y dé dos clic sobre él para ejecutarlo (debe tener el ícono de un archivo de página web). 4. En el menú Ver, de Internet Explorer, elija la opción Código Fuente, se abrirá nuevamente Bloc de notas mostrando el código de esa página para su modificación. 5. Inserte el siguiente texto en la página Web que está trabajando antes de la etiqueta </BODY> para que forme parte del cuerpo de la página: <H2>Otros de los muchos usos de las computadoras</H2> <P>Las cajas modernas en las tiendas tienen escáner computarizados que calculan y suman los precios de los artículos que compramos y permiten pagos con tarjeta de crédito o tarjeta de débito. <P>En la medicina actual las computadoras diagnostican enfermedades y controlan el movimiento de asistentes quirúrgicos robotizados. <P>Los diseñadores usan programas CAD para crear productos de todas clases creando bocetos de las estructuras tridimensionales del objeto o producto en estudio. <P>Las fábricas usan brazos robotizados y computarizados para hacer el trabajo físico que es peligroso o muy repetitivo. La fabricación con computadoras y robótica se llama fabricación asistida por computadora (<I>Computer-aided manufacturing; CAM</I>)<BR> Los abogados usan la base de datos LEXIS para buscar información legislativa y de casos federales y estatales.<BR> Los oficiales de policía usan terminales de datos móviles (<I>mobile data terminal; MDT</I>), que proporcionan acceso rápido a la información, como números de placas y datos de sus dueños.<BR> El servicio de recaudo fiscal de Estados Unidos usa sus computadoras para registrar las declaraciones de impuestos sobre la renta de millones de individuos y negocios cada año. <P>Las <U>computadoras</U> se han convertido en herramientas creativas para los músicos. La Interfaz Digital para Instrumentos Musicales (<I>Musical Instrument Digital Interface; MIDI</I>) permite conectar diferentes instrumentos electrónicos entre sí, así como a computadoras. <HR> <B><I>-Aquí escriban sus nombres y curso-</I></B> <HR> 6. Guarde nuevamente, cierre Bloc de notas y de clic en el ícono Actualizar de la barra de herramientas de Internet Explorer para que la página muestre las modificaciones. 7. Tome la guía y compare su contenido con lo que observa en la página Web, note cómo afecta al texto cada una de las etiquetas, por ejemplo la diferencia entre usar <P> y <BR>, la diferencia entre usar <H1> y <H2>, la línea que inserta <HR>, cómo se ve el efecto que dan las etiquetas de formato <B>, <I> y <U>, etc. 8. Revise la gramática y la ortografía de su página Web y entregue su trabajo para su evaluación. MateriaL elaborado por Lis Alexis Vanegas Celis – Docente de Informática