SlideShare una empresa de Scribd logo
1 de 4
1.0.Introducción HTML
• En 1995 se aprobó el estándar HTML 2.0. para la
creación de páginas web y entonces el contenido
importaba más que el diseño.
• En enero de 1997 se aprobó el estándar HTML 3.2. Este
nuevo estándar incluía las 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ó 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.
1.1.Introducción HTML
• No es un lenguaje de programación sino un lenguaje que
sirve para estructurar y publicar documentos (paginas web)
y también para especificar hipervínculos.
• Esta basado en etiquetas ó marcas que establecen las
normas de formato para un trozo determinado de texto
• Esas etiquetas “tags” también van a permitir la introducción
de diferentes objetos en la página web como son:
⮚ texto
⮚ imágenes
⮚ sonido
⮚ videos
⮚ enlaces a otros documentos
⮚ enlaces a servicios de correo electrónico
⮚ enlaces a servicios FTP etc.
1.2. Introducción HTML
• Los documentos escritos en lenguaje HTML se
almacenan en formato de texto ASCII y deben tener
extensión .html ó .htm
• Para editar los documentos (crearlos, modificarlos..)
nos sirve un editor de textos ASCII sencillo como el
Block de Notas ó Notepad. Podemos usar cualquier
otro editor siempre que nos permita salvar los
documentos como ficheros de texto planos.
• Se suele usar un editor WYSIWYG ( “What you see is
what you get “ 🡺lo que ves es lo que tienes )
1.3. Introducción HTML
• Con un editor WYSIWYG podremos diseñar el
documento visualmente y sin usar etiquetas
(aparentemente más fácil) pero es necesario
aprender HTML con etiquetas para saber retocar un
documento ó adaptarlo cuando sea necesario. Un
ejemplo de editor de este tipo es el Microsoft Front
Page
• Para ver (ejecutar) los documentos se precisa un
navegador como Internet Explorer (ó Mozilla) el cual
interpreta las etiquetas y nos lo muestra tal y como
lo hemos especificado en las etiquetas

Más contenido relacionado

La actualidad más candente

La actualidad más candente (15)

Actividad practica 1 pagina web
Actividad practica 1 pagina webActividad practica 1 pagina web
Actividad practica 1 pagina web
 
Html
HtmlHtml
Html
 
Elementos de una pagina web
Elementos de una pagina webElementos de una pagina web
Elementos de una pagina web
 
Actividad practica 2
Actividad practica 2Actividad practica 2
Actividad practica 2
 
Merche y saray 4º
Merche y saray 4ºMerche y saray 4º
Merche y saray 4º
 
Merche y saray 4º
Merche y saray 4ºMerche y saray 4º
Merche y saray 4º
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Barreto vanegas nicolás steven
Barreto vanegas nicolás stevenBarreto vanegas nicolás steven
Barreto vanegas nicolás steven
 
Sandra
SandraSandra
Sandra
 
Trabajo practico 2
Trabajo practico 2Trabajo practico 2
Trabajo practico 2
 
Creación de bases de datos en sql server
Creación de bases de datos en sql serverCreación de bases de datos en sql server
Creación de bases de datos en sql server
 
Blog por Luis José González
Blog por Luis José GonzálezBlog por Luis José González
Blog por Luis José González
 
NTIC´S
NTIC´SNTIC´S
NTIC´S
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Wikipedia
WikipediaWikipedia
Wikipedia
 

Similar a Introduccion HTML (20)

HTML
HTMLHTML
HTML
 
Fundamentos de lenguaje html
Fundamentos de lenguaje htmlFundamentos de lenguaje html
Fundamentos de lenguaje html
 
Htlm
HtlmHtlm
Htlm
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Html
HtmlHtml
Html
 
Apuntes de HTML 1
Apuntes de HTML 1Apuntes de HTML 1
Apuntes de HTML 1
 
Introducción al HTML
Introducción al HTMLIntroducción al HTML
Introducción al HTML
 
Html
HtmlHtml
Html
 
Nombres
NombresNombres
Nombres
 
Nombres
NombresNombres
Nombres
 
primera c
primera cprimera c
primera c
 
Nombres
NombresNombres
Nombres
 
Html
HtmlHtml
Html
 
Lenguajes de marcado
Lenguajes de marcadoLenguajes de marcado
Lenguajes de marcado
 
Html
HtmlHtml
Html
 
Como desarrollar una web (mod5 diplo ust)
Como desarrollar una web (mod5 diplo ust)Como desarrollar una web (mod5 diplo ust)
Como desarrollar una web (mod5 diplo ust)
 
Desarrolla aplicaciones-web
Desarrolla aplicaciones-webDesarrolla aplicaciones-web
Desarrolla aplicaciones-web
 
Diferencia entre html y xml
Diferencia  entre html y xmlDiferencia  entre html y xml
Diferencia entre html y xml
 
Conceptos basicos html
Conceptos basicos htmlConceptos basicos html
Conceptos basicos html
 
Que es html
Que es htmlQue es html
Que es html
 

Último

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
 
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
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAdanielaerazok
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfisrael garcia
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenajuniorcuellargomez
 
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
 
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
 
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxssuser61dda7
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfOscarBlas6
 
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
 
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
 
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
 

Último (13)

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
 
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.
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalena
 
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
 
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
 
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .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
 
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
 
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
 

Introduccion HTML

  • 1. 1.0.Introducción HTML • En 1995 se aprobó el estándar HTML 2.0. para la creación de páginas web y entonces el contenido importaba más que el diseño. • En enero de 1997 se aprobó el estándar HTML 3.2. Este nuevo estándar incluía las 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ó 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.
  • 2. 1.1.Introducción HTML • No es un lenguaje de programación sino un lenguaje que sirve para estructurar y publicar documentos (paginas web) y también para especificar hipervínculos. • Esta basado en etiquetas ó marcas que establecen las normas de formato para un trozo determinado de texto • Esas etiquetas “tags” también van a permitir la introducción de diferentes objetos en la página web como son: ⮚ texto ⮚ imágenes ⮚ sonido ⮚ videos ⮚ enlaces a otros documentos ⮚ enlaces a servicios de correo electrónico ⮚ enlaces a servicios FTP etc.
  • 3. 1.2. Introducción HTML • Los documentos escritos en lenguaje HTML se almacenan en formato de texto ASCII y deben tener extensión .html ó .htm • Para editar los documentos (crearlos, modificarlos..) nos sirve un editor de textos ASCII sencillo como el Block de Notas ó Notepad. Podemos usar cualquier otro editor siempre que nos permita salvar los documentos como ficheros de texto planos. • Se suele usar un editor WYSIWYG ( “What you see is what you get “ 🡺lo que ves es lo que tienes )
  • 4. 1.3. Introducción HTML • Con un editor WYSIWYG podremos diseñar el documento visualmente y sin usar etiquetas (aparentemente más fácil) pero es necesario aprender HTML con etiquetas para saber retocar un documento ó adaptarlo cuando sea necesario. Un ejemplo de editor de este tipo es el Microsoft Front Page • Para ver (ejecutar) los documentos se precisa un navegador como Internet Explorer (ó Mozilla) el cual interpreta las etiquetas y nos lo muestra tal y como lo hemos especificado en las etiquetas