SlideShare una empresa de Scribd logo
1 de 12
INTEGRANTES
Angélica Mota C.I: 19.279.927
Yulitza Pérez C.I: 26.102.551
Zimrry Niño C.I: 12.695.340
III Semestre Contaduría Pública
F04
Introducción
Cuando miras una página web en el navegador, lo que ves a simple
vista son palabras. Estas palabras normalmente tienen algunas
características, como diferentes tamaños y colores. En algunos casos
la página web puede mostrar imágenes o incluso vídeos. Varias
tecnologías (como CSS, JavaScript, Flash, AJAX, JSON) pueden
usarse para definir los elementos que componen una página web. Sin
embargo, en el nivel más bajo, una página web se define usando
HTML (HyperText Markup Language). Sin HTML, no habría páginas
web
HTML
HTML es el lenguaje que se emplea para el desarrollo de
páginas de internet. Está compuesto por una serié de etiquetas
que el navegador interpreta y da forma en la pantalla. HTML
dispone de etiquetas para imágenes, hipervínculos que nos
permiten dirigirnos a otras páginas, saltos de línea, listas,
tablas, etc.
Breve historia del HTML
Este lenguaje fue desarrollado por la Organización Europea de
Investigación Nuclear (CERN) en el año 1945 con la finalidad
de desarrollar un sistema de almacenamiento donde las cosas
no se perdieran, que pudieran ser conectadas a través de
hipervínculos. Primeramente crearon un dispositivo llamado
“memex”, el cual era considerado como un suplemento para
la memoria.
Posteriormente, Douglas Engelbart, diseñó un entorno de
trabajo por computadora que recibiría el nombre de oNLine
System que poseía un catálogo para facilitar la tarea de
búsqueda dentro de un mismo organismo. Recién en 1965,
Ted Nelson acuñó el término hipervínculo, ideando
una estructura que se encontraba conectada de forma
electrónica y que más tarde permitiría la creación de la
World Wide Web (1989), un sistema de hipertexto a
través del cual era posible compartir una variada
información sirviéndose de Internet (servía para la
comunicación entre investigadores nucleares que
formaran parte del CERN).
Creación de páginas web con lenguaje
html
Para crear una página web se pueden utilizar varios
programas especializados en esto, como por ejemplo, el
Microsoft Front Page o el Macromedia Dreamweaver 3. Otra
forma de diseñar un archivo html, es copiar todo en el Bloc
de Notas del Windows, ya que este sencillo programa cumple
con un requisito mínimo que es la posibilidad de trabajar con
las etiquetas con las que trabaja este lenguaje.
Características principales
html
• Está orientada al usuario.
• Es tarea del navegador mostrar y manipular las páginas
web.
• Es una herramienta con la que se pueden crear efectos que
requieren poco ancho de banda, a la hora de bajarlos de
Internet siendo estos que la página tenga una funcionalidad
mejor.
• Utiliza etiquetas o marcas, que consisten en breves
instrucciones de comienzo y final, mediante las cuales se
determina la forma en la que debe aparecer en su
navegador el texto, así como también las imágenes y los
demás elementos, en la pantalla del ordenador.
• Se puede utilizar para crear animaciones, juegos,
aplicaciones, para introducir nuevas formas de navegar a
través de los sitios web.
Ventajas Y Desventajas
• Fácil de usar
• Permite la comunicación rápida y directa con una o
varias personas que se encuentren en cualquier parte del
mundo.
• Desarrollo de diferentes proyectos y propuestas para darlos
a conocer a través de la red.
• Se puede contactar con diferentes personas para realizar
negocios, trabajos, proyectos, etc.
• Es el lenguaje de formateo para los navegadores web.
• Es fácil de entender y utilizar
• Su uso es muy extendido
Desventajas
• Es muy básico.
• No ofrece diversidad de opciones
• No es muy completo
Como ver el código fuente de una
página
• El código fuente de una página es el código HTML que la
conforma y que permite que se vean las imágenes, textos,
parrafos, separadores,… Viendo el código fuente de la
página podemos descubrir como el diseñador de la misma
ha estructurado el contenido.
Internet Explorer Google Chrome
• Internet Explorer
• Opción 1. Pinchar con el botón derecho sobre la página y
escoger la opción “Ver código fuente”
• Opción 2. En los menús Ver »; Código fuente
• Google Chrome
• Opción 1. Pinchar con el botón derecho sobre la página y
escoger la opción “Ver código fuente de la página”

Más contenido relacionado

La actualidad más candente (16)

Presentación1
Presentación1Presentación1
Presentación1
 
Colegio nacional nicolás esguerra alan vilaboa.
Colegio nacional nicolás esguerra alan vilaboa.Colegio nacional nicolás esguerra alan vilaboa.
Colegio nacional nicolás esguerra alan vilaboa.
 
Cb fs
Cb fsCb fs
Cb fs
 
Erick
ErickErick
Erick
 
Introducción
IntroducciónIntroducción
Introducción
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Colegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra htmlColegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra html
 
Daniela
DanielaDaniela
Daniela
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
navegadores
navegadoresnavegadores
navegadores
 
Datos personales katy
Datos personales katyDatos personales katy
Datos personales katy
 
Almacenamiento virtual
Almacenamiento virtualAlmacenamiento virtual
Almacenamiento virtual
 
HTML
HTML HTML
HTML
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas  esguerraColegio nacional nicolas  esguerra
Colegio nacional nicolas esguerra
 

Destacado (12)

3D_visualization_portfolio
3D_visualization_portfolio3D_visualization_portfolio
3D_visualization_portfolio
 
Resume
ResumeResume
Resume
 
FS2330_PD
FS2330_PDFS2330_PD
FS2330_PD
 
Resume_Mahesha
Resume_MaheshaResume_Mahesha
Resume_Mahesha
 
Progetto Multikulty- 3° CIRCOLO SARNO (SA)
Progetto Multikulty- 3° CIRCOLO SARNO (SA)Progetto Multikulty- 3° CIRCOLO SARNO (SA)
Progetto Multikulty- 3° CIRCOLO SARNO (SA)
 
Roll of Honor
Roll of HonorRoll of Honor
Roll of Honor
 
Circuito judicial penal
Circuito judicial penalCircuito judicial penal
Circuito judicial penal
 
2016 Res AAA
2016 Res AAA2016 Res AAA
2016 Res AAA
 
Resume
Resume Resume
Resume
 
AD332_PD
AD332_PDAD332_PD
AD332_PD
 
Ahmed's CV
Ahmed's CVAhmed's CV
Ahmed's CV
 
Updated cv 2016
Updated cv 2016Updated cv 2016
Updated cv 2016
 

Similar a Presentación1

Similar a Presentación1 (20)

Diseño y edición de páginas web 1
Diseño y edición de páginas web 1Diseño y edición de páginas web 1
Diseño y edición de páginas web 1
 
Htlm y javascrip
Htlm y javascripHtlm y javascrip
Htlm y javascrip
 
Htlm y javascrip
Htlm y javascripHtlm y javascrip
Htlm y javascrip
 
El Internet y la Tecnología Web
El Internet y la Tecnología WebEl Internet y la Tecnología Web
El Internet y la Tecnología Web
 
Recursos web 2.0
Recursos web 2.0 Recursos web 2.0
Recursos web 2.0
 
Hist. diseño web
Hist. diseño webHist. diseño web
Hist. diseño web
 
El internet
El internetEl internet
El internet
 
Guia 1 fundamentos html
Guia 1 fundamentos htmlGuia 1 fundamentos html
Guia 1 fundamentos html
 
El origen-de-las-paginas-web-final
El origen-de-las-paginas-web-finalEl origen-de-las-paginas-web-final
El origen-de-las-paginas-web-final
 
Guía: fundamentos html
Guía: fundamentos htmlGuía: fundamentos html
Guía: fundamentos html
 
Qué es el diseño web
Qué es el diseño webQué es el diseño web
Qué es el diseño web
 
Diseño de paginas web
Diseño de paginas webDiseño de paginas web
Diseño de paginas web
 
Prezi
PreziPrezi
Prezi
 
Trabajo de internet
Trabajo de internetTrabajo de internet
Trabajo de internet
 
Trabajo de internet
Trabajo de internetTrabajo de internet
Trabajo de internet
 
Trabajo de internet
Trabajo de internetTrabajo de internet
Trabajo de internet
 
Trabajo de internet
Trabajo de internetTrabajo de internet
Trabajo de internet
 
Navegar por la web
Navegar por la webNavegar por la web
Navegar por la web
 
Páginas Web
Páginas WebPáginas Web
Páginas Web
 
Trabajo escrito de contra jornada
Trabajo escrito de contra jornadaTrabajo escrito de contra jornada
Trabajo escrito de contra jornada
 

Último

rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxssuser61dda7
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webDecaunlz
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfOscarBlas6
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenadanielaerazok
 
MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.imejia2411
 
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdfFernandaHernandez312615
 
libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdfFAUSTODANILOCRUZCAST
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAdanielaerazok
 
Historia de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ellaHistoria de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ellajuancamilo3111391
 
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsxactividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx241532171
 
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdfFLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdfYuriFuentesMartinez2
 
locomotas v siclo.ppt de ingenieria de minas
locomotas v siclo.ppt de ingenieria de minaslocomotas v siclo.ppt de ingenieria de minas
locomotas v siclo.ppt de ingenieria de minasMirkaCBauer
 
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxPRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxRodriguezLucero
 
CamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptxCamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptx241518192
 
Producto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptxProducto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptx46828205
 
3Mayo2023 Taller construcción de Prototipos.pptx
3Mayo2023 Taller construcción de Prototipos.pptx3Mayo2023 Taller construcción de Prototipos.pptx
3Mayo2023 Taller construcción de Prototipos.pptxadso2024sena
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenajuniorcuellargomez
 
El uso de las tic en la vida continúa , ambiente positivo y negativo.
El uso de las tic  en la vida continúa , ambiente positivo y negativo.El uso de las tic  en la vida continúa , ambiente positivo y negativo.
El uso de las tic en la vida continúa , ambiente positivo y negativo.ayalayenifer617
 

Último (18)

rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la web
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdf
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalena
 
MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.
 
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
 
libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdf
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
 
Historia de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ellaHistoria de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ella
 
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsxactividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
 
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdfFLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
 
locomotas v siclo.ppt de ingenieria de minas
locomotas v siclo.ppt de ingenieria de minaslocomotas v siclo.ppt de ingenieria de minas
locomotas v siclo.ppt de ingenieria de minas
 
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxPRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
 
CamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptxCamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptx
 
Producto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptxProducto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptx
 
3Mayo2023 Taller construcción de Prototipos.pptx
3Mayo2023 Taller construcción de Prototipos.pptx3Mayo2023 Taller construcción de Prototipos.pptx
3Mayo2023 Taller construcción de Prototipos.pptx
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalena
 
El uso de las tic en la vida continúa , ambiente positivo y negativo.
El uso de las tic  en la vida continúa , ambiente positivo y negativo.El uso de las tic  en la vida continúa , ambiente positivo y negativo.
El uso de las tic en la vida continúa , ambiente positivo y negativo.
 

Presentación1

  • 1. INTEGRANTES Angélica Mota C.I: 19.279.927 Yulitza Pérez C.I: 26.102.551 Zimrry Niño C.I: 12.695.340 III Semestre Contaduría Pública F04
  • 2. Introducción Cuando miras una página web en el navegador, lo que ves a simple vista son palabras. Estas palabras normalmente tienen algunas características, como diferentes tamaños y colores. En algunos casos la página web puede mostrar imágenes o incluso vídeos. Varias tecnologías (como CSS, JavaScript, Flash, AJAX, JSON) pueden usarse para definir los elementos que componen una página web. Sin embargo, en el nivel más bajo, una página web se define usando HTML (HyperText Markup Language). Sin HTML, no habría páginas web
  • 3. HTML HTML es el lenguaje que se emplea para el desarrollo de páginas de internet. Está compuesto por una serié de etiquetas que el navegador interpreta y da forma en la pantalla. HTML dispone de etiquetas para imágenes, hipervínculos que nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc.
  • 4. Breve historia del HTML Este lenguaje fue desarrollado por la Organización Europea de Investigación Nuclear (CERN) en el año 1945 con la finalidad de desarrollar un sistema de almacenamiento donde las cosas no se perdieran, que pudieran ser conectadas a través de hipervínculos. Primeramente crearon un dispositivo llamado “memex”, el cual era considerado como un suplemento para la memoria.
  • 5. Posteriormente, Douglas Engelbart, diseñó un entorno de trabajo por computadora que recibiría el nombre de oNLine System que poseía un catálogo para facilitar la tarea de búsqueda dentro de un mismo organismo. Recién en 1965, Ted Nelson acuñó el término hipervínculo, ideando una estructura que se encontraba conectada de forma electrónica y que más tarde permitiría la creación de la World Wide Web (1989), un sistema de hipertexto a través del cual era posible compartir una variada información sirviéndose de Internet (servía para la comunicación entre investigadores nucleares que formaran parte del CERN).
  • 6. Creación de páginas web con lenguaje html Para crear una página web se pueden utilizar varios programas especializados en esto, como por ejemplo, el Microsoft Front Page o el Macromedia Dreamweaver 3. Otra forma de diseñar un archivo html, es copiar todo en el Bloc de Notas del Windows, ya que este sencillo programa cumple con un requisito mínimo que es la posibilidad de trabajar con las etiquetas con las que trabaja este lenguaje.
  • 7. Características principales html • Está orientada al usuario. • Es tarea del navegador mostrar y manipular las páginas web. • Es una herramienta con la que se pueden crear efectos que requieren poco ancho de banda, a la hora de bajarlos de Internet siendo estos que la página tenga una funcionalidad mejor.
  • 8. • Utiliza etiquetas o marcas, que consisten en breves instrucciones de comienzo y final, mediante las cuales se determina la forma en la que debe aparecer en su navegador el texto, así como también las imágenes y los demás elementos, en la pantalla del ordenador. • Se puede utilizar para crear animaciones, juegos, aplicaciones, para introducir nuevas formas de navegar a través de los sitios web.
  • 9. Ventajas Y Desventajas • Fácil de usar • Permite la comunicación rápida y directa con una o varias personas que se encuentren en cualquier parte del mundo. • Desarrollo de diferentes proyectos y propuestas para darlos a conocer a través de la red. • Se puede contactar con diferentes personas para realizar negocios, trabajos, proyectos, etc.
  • 10. • Es el lenguaje de formateo para los navegadores web. • Es fácil de entender y utilizar • Su uso es muy extendido Desventajas • Es muy básico. • No ofrece diversidad de opciones • No es muy completo
  • 11. Como ver el código fuente de una página • El código fuente de una página es el código HTML que la conforma y que permite que se vean las imágenes, textos, parrafos, separadores,… Viendo el código fuente de la página podemos descubrir como el diseñador de la misma ha estructurado el contenido.
  • 12. Internet Explorer Google Chrome • Internet Explorer • Opción 1. Pinchar con el botón derecho sobre la página y escoger la opción “Ver código fuente” • Opción 2. En los menús Ver »; Código fuente • Google Chrome • Opción 1. Pinchar con el botón derecho sobre la página y escoger la opción “Ver código fuente de la página”