SlideShare una empresa de Scribd logo
Colegio Nicolás Esguerra
Edificamos futuro




Estudiantes: Santiago toro castillo               curso: 902

Erick tejedor



                                Código HTML

Qué es HTML:

El HTML (Hyper Text Markup Lenguaje) es el lenguaje con el que se escriben las
páginas web.

Es un lenguaje de hipertexto, es decir un lenguaje que permite escribir de forma
estructurada, y está compuesto por etiquetas que marcan el inicio y el final de
cada parte del documento.

Los documentos de hipertexto no solo pueden tener texto si no también imágenes
sonidos y videos por lo que se le considera un documento multimedia.

Los documentos HTML deben tener extensión html o htm para que puedan se
visualizados en los navegadores.

Versiones de HTML

En 1995 se aprobó la versión HTML 2.0 la versión estándar para la creación de
páginas web, se creó para la actividad académica, el contenido de las paginas
eran más importantes que el diseño .

Esta versión de HTML le faltaban muchas herramientas para editar el diseño de la
página y para agregar contenido multimedia(imágenes sonidos y videos).pero
Netscape comenzó a incluir muchas de estas funciones que no existían en la
versión estándar.

El comité encargado de establecer los estándares dentro del internet comenzaron
a trabajar en un borrador de una nueva versión de HTML, un borrador del HTML
3.0.
En enero de 1997 se aprobó el estándar de HTML 3.2 este nuevo estándar incluía
mejoras proporcionadas por los navegadores internet explorer y Netscape
navigator.

En diciembre de 1997 se aprobó el HTML 4.0 que estandarizaba los marcos
(frames) en hojas de estilo y los scrips.

En septiembre de 2001 se aprobó el estándar del HTML 4.01.



Navegadores:

El navegador instalado en el usuario es el que interpreta el código HTML y lo
permite visualizar como una página web. Ya que tantos usuarios utilizan el mismo
navegador puede que visualicen la misma página de forma distinta porque tienen
instalados versiones diferentes o tienen otros navegadores.

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 la última versión.

Dos de los navegadores que continuamente están realizando actualizaciones son
internet explorer y Netscape navigator.

Los navegadores tienen que ser compatibles con la última versión de HTML para
poder interpretar el mayor número de etiquetas. Si un navegador no reconoce la
etiqueta la ignora y no se ve en la página.

Con un navegador que reconoce la etiqueta

                                  Con un navegador que no reconoce la etiqueta
Para realizar las extensiones de estos navegadores se añaden nuevos atributos a
las etiquetas ya existentes o se añaden unas nuevas.

EJEMPLOS NAVEGADORES:

Google chrome                    internet explorer       Netscape navigator




Mozilla Firefox                        Opera




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 generas códigos basuras que no sirven para nada
en otras ocasiones pueden ser más efectivos para corregir el código.

Algunos de los editores visuales con los que podrás crear tus páginas web son
Macromedia Dreamweaver, Microsoft Frontpage, Adobe Pagemill,
NetObjectsFusion, CutePage, HotDogProffesional, Netscape Composer y
Arachnophilia, de los cuales algunos tienen la ventaja de ser gratuitos.

Un ejemplo es Macromedia:




Para crear páginas web escribiendo directamente el código HTML puedes utilizar
la herramienta Wordpad o el Bloc de notas que proporciona Windows.

EJEMPLOS EDITORES:

netscapecomposerAdobe PagemillNetObjectsFusion
Etiquetas:

Más contenido relacionado

DOCX
Colegio nacional nicolas esguerra html
DOCX
Trabajo
DOCX
Cb fs
DOCX
Colegio nacional nicolas esguerra
DOCX
Colegio nacional nicolás esguerra
DOCX
PPTX
Editor de paginas web (pres semana)
Colegio nacional nicolas esguerra html
Trabajo
Cb fs
Colegio nacional nicolas esguerra
Colegio nacional nicolás esguerra
Editor de paginas web (pres semana)

La actualidad más candente (18)

DOCX
Colegio nacional nicolas esguerra
DOCX
Colegionacionalnicolasesguerra 120914133034-phpapp02
DOCX
Trabajo david rocha
DOCX
Colegio nacional nicolás esguerra
DOCX
Colegio nacional nicolas
DOCX
Informatica 3
DOCX
Colegio nacional nicolas esguerra
DOCX
Juan pablo 903
DOCX
HTML !!!
DOCX
Colegio nacional nicolás esguerra
DOCX
Editor de páginas web
DOCX
Colegio nicolas esguerra edificamos futuro
DOCX
Colegio nacional nicolas esguerra
DOCX
Html
PPTX
Editores de paginas web
DOCX
DOCX
Colegio nacional nicolas esguerra eseses
Colegio nacional nicolas esguerra
Colegionacionalnicolasesguerra 120914133034-phpapp02
Trabajo david rocha
Colegio nacional nicolás esguerra
Colegio nacional nicolas
Informatica 3
Colegio nacional nicolas esguerra
Juan pablo 903
HTML !!!
Colegio nacional nicolás esguerra
Editor de páginas web
Colegio nicolas esguerra edificamos futuro
Colegio nacional nicolas esguerra
Html
Editores de paginas web
Colegio nacional nicolas esguerra eseses
Publicidad

Destacado (19)

DOCX
إدارة الأزمات المالية ودعم مهارات صناعة القرار كازابلانكا – المغرب خلال الفتر...
PPT
Da opinião pública à inteligência coletiva
PPTX
Jamaican Owned Florida Trust Comparison
PPT
YiMu Exhibition Services - Exhibition Stand Fabrication for Asia Outdoor Trad...
PPTX
PPTX
Escalada 110515055221-phpapp01
PPTX
Malaria situation in kenya:Review
PPTX
기말 고사 발표 자료
PPT
Old buddy 8chapter
PPT
Why share your genealogy content on WeRelate.org (2009)
DOC
PPTX
Persons arrested under crime against Women
PPTX
1 rol 2014 15
PPSX
PPT
Odonto quim 1era
PPTX
DOCX
Advantages of on page optimization
PPTX
Signed location letters
PPTX
Ppt tik supimejikuhibiniu
إدارة الأزمات المالية ودعم مهارات صناعة القرار كازابلانكا – المغرب خلال الفتر...
Da opinião pública à inteligência coletiva
Jamaican Owned Florida Trust Comparison
YiMu Exhibition Services - Exhibition Stand Fabrication for Asia Outdoor Trad...
Escalada 110515055221-phpapp01
Malaria situation in kenya:Review
기말 고사 발표 자료
Old buddy 8chapter
Why share your genealogy content on WeRelate.org (2009)
Persons arrested under crime against Women
1 rol 2014 15
Odonto quim 1era
Advantages of on page optimization
Signed location letters
Ppt tik supimejikuhibiniu
Publicidad

Similar a conceptos basicos HTML (20)

PPTX
Fundamentos de lenguaje html
DOCX
Colegio nacional nicolás esguerra alan vilaboa.
DOCX
Colegio nacional nicolás esguerra alan vilaboa.
DOCX
Colegio nacional nicolás esguerra alan vilaboa.
DOCX
Cb fs
DOCX
Trabajo david rocha 2
DOCX
Colegio nacional nicolas esguerra
DOCX
Colegio nacional nicolas esguerra
DOCX
Colegio nacional nicolas esguerra html
DOCX
Colegio nacional nicolas esguerra
DOCX
Colegio nacional nicolas esguerra
DOCX
Nombres
DOCX
Nombres
DOCX
primera c
DOCX
Nombres
PDF
DOCX
DOCX
Introducción a html
DOCX
Introducción a html
Fundamentos de lenguaje html
Colegio nacional nicolás esguerra alan vilaboa.
Colegio nacional nicolás esguerra alan vilaboa.
Colegio nacional nicolás esguerra alan vilaboa.
Cb fs
Trabajo david rocha 2
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
Nombres
Nombres
primera c
Nombres
Introducción a html
Introducción a html

Más de piratadark123 (20)

DOCX
Estructura de una pagina web 2
DOCX
PDF
Estructura de una pagina web
DOCX
Pagina web trabajo html 2 .1
DOCX
Colegio nicolás esguerra
DOCX
Terminado acces 2007
DOCX
Explicacion de cómo crear una base de datos en access 2007
DOCX
Tranajo acces 03 09 12
DOCX
Trabajo acces 03 09 12
DOCX
Documento access
DOCX
Terminado acces 2007
DOCX
Terminado acces 2007
DOCX
Nos dirigimos a control
DOCX
Explicacion de cómo crear una base de datos en access 2007
DOCX
Crear la primera relación
DOCX
Colegio n..
DOCX
Explicacion de cómo crear una base de datos en access 2007
PPTX
El universo
DOCX
Crear la primera relación
DOCX
Colegio n..
Estructura de una pagina web 2
Estructura de una pagina web
Pagina web trabajo html 2 .1
Colegio nicolás esguerra
Terminado acces 2007
Explicacion de cómo crear una base de datos en access 2007
Tranajo acces 03 09 12
Trabajo acces 03 09 12
Documento access
Terminado acces 2007
Terminado acces 2007
Nos dirigimos a control
Explicacion de cómo crear una base de datos en access 2007
Crear la primera relación
Colegio n..
Explicacion de cómo crear una base de datos en access 2007
El universo
Crear la primera relación
Colegio n..

Último (20)

PDF
biología es un libro sobre casi todo el tema de biología
PDF
Escuela Sabática 6. A través del Mar Rojo.pdf
PDF
Escuelas Desarmando una mirada subjetiva a la educación
PDF
PFB-MANUAL-PRUEBA-FUNCIONES-BASICAS-pdf.pdf
PDF
Habitos de Ricos - Juan Diego Gomez Ccesa007.pdf
PDF
Unidad de Aprendizaje 5 de Educacion para el Trabajo EPT Ccesa007.pdf
PPT
Cosacos y hombres del Este en el Heer.ppt
DOCX
Tarea De El Colegio Coding For Kids 1 y 2
PDF
COMUNICACION EFECTIVA PARA LA EDUCACION .pdf
PDF
IDH_Guatemala_2.pdfnjjjkeioooe ,l dkdldp ekooe
DOCX
V UNIDAD - SEGUNDO GRADO. del mes de agosto
PDF
CONFERENCIA-Deep Research en el aula universitaria-UPeU-EduTech360.pdf
PDF
COMPLETO__PROYECTO_VIVAN LOS NIÑOS Y SUS DERECHOS_EDUCADORASSOS.pdf
PDF
Cronograma de clases de Práctica Profesional 2 2025 UDE.pdf
PDF
el - LIBRO-PACTO-EDUCATIVO-GLOBAL-OIEC.pdf
PDF
Metodologías Activas con herramientas IAG
PDF
La Evaluacion Formativa en Nuevos Escenarios de Aprendizaje UGEL03 Ccesa007.pdf
PDF
OK OK UNIDAD DE APRENDIZAJE 5TO Y 6TO CORRESPONDIENTE AL MES DE AGOSTO 2025.pdf
DOCX
UNIDAD DE APRENDIZAJE 5 AGOSTO tradiciones
DOCX
III Ciclo _ Plan Anual 2025.docx PARA ESTUDIANTES DE PRIMARIA
biología es un libro sobre casi todo el tema de biología
Escuela Sabática 6. A través del Mar Rojo.pdf
Escuelas Desarmando una mirada subjetiva a la educación
PFB-MANUAL-PRUEBA-FUNCIONES-BASICAS-pdf.pdf
Habitos de Ricos - Juan Diego Gomez Ccesa007.pdf
Unidad de Aprendizaje 5 de Educacion para el Trabajo EPT Ccesa007.pdf
Cosacos y hombres del Este en el Heer.ppt
Tarea De El Colegio Coding For Kids 1 y 2
COMUNICACION EFECTIVA PARA LA EDUCACION .pdf
IDH_Guatemala_2.pdfnjjjkeioooe ,l dkdldp ekooe
V UNIDAD - SEGUNDO GRADO. del mes de agosto
CONFERENCIA-Deep Research en el aula universitaria-UPeU-EduTech360.pdf
COMPLETO__PROYECTO_VIVAN LOS NIÑOS Y SUS DERECHOS_EDUCADORASSOS.pdf
Cronograma de clases de Práctica Profesional 2 2025 UDE.pdf
el - LIBRO-PACTO-EDUCATIVO-GLOBAL-OIEC.pdf
Metodologías Activas con herramientas IAG
La Evaluacion Formativa en Nuevos Escenarios de Aprendizaje UGEL03 Ccesa007.pdf
OK OK UNIDAD DE APRENDIZAJE 5TO Y 6TO CORRESPONDIENTE AL MES DE AGOSTO 2025.pdf
UNIDAD DE APRENDIZAJE 5 AGOSTO tradiciones
III Ciclo _ Plan Anual 2025.docx PARA ESTUDIANTES DE PRIMARIA

conceptos basicos HTML

  • 1. Colegio Nicolás Esguerra Edificamos futuro Estudiantes: Santiago toro castillo curso: 902 Erick tejedor Código HTML Qué es HTML: El HTML (Hyper Text Markup Lenguaje) es el lenguaje con el que se escriben las páginas web. Es un lenguaje de hipertexto, es decir un lenguaje que permite escribir de forma estructurada, y está compuesto por etiquetas que marcan el inicio y el final de cada parte del documento. Los documentos de hipertexto no solo pueden tener texto si no también imágenes sonidos y videos por lo que se le considera un documento multimedia. Los documentos HTML deben tener extensión html o htm para que puedan se visualizados en los navegadores. Versiones de HTML En 1995 se aprobó la versión HTML 2.0 la versión estándar para la creación de páginas web, se creó para la actividad académica, el contenido de las paginas eran más importantes que el diseño . Esta versión de HTML le faltaban muchas herramientas para editar el diseño de la página y para agregar contenido multimedia(imágenes sonidos y videos).pero Netscape comenzó a incluir muchas de estas funciones que no existían en la versión estándar. El comité encargado de establecer los estándares dentro del internet comenzaron a trabajar en un borrador de una nueva versión de HTML, un borrador del HTML 3.0.
  • 2. En enero de 1997 se aprobó el estándar de HTML 3.2 este nuevo estándar incluía mejoras proporcionadas por los navegadores internet explorer y Netscape navigator. En diciembre de 1997 se aprobó el HTML 4.0 que estandarizaba los marcos (frames) en hojas de estilo y los scrips. En septiembre de 2001 se aprobó el estándar del HTML 4.01. Navegadores: El navegador instalado en el usuario es el que interpreta el código HTML y lo permite visualizar como una página web. Ya que tantos usuarios utilizan el mismo navegador puede que visualicen la misma página de forma distinta porque tienen instalados versiones diferentes o tienen otros navegadores. 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 la última versión. Dos de los navegadores que continuamente están realizando actualizaciones son internet explorer y Netscape navigator. Los navegadores tienen que ser compatibles con la última versión de HTML para poder interpretar el mayor número de etiquetas. Si un navegador no reconoce la etiqueta la ignora y no se ve en la página. Con un navegador que reconoce la etiqueta Con un navegador que no reconoce la etiqueta
  • 3. Para realizar las extensiones de estos navegadores se añaden nuevos atributos a las etiquetas ya existentes o se añaden unas nuevas. EJEMPLOS NAVEGADORES: Google chrome internet explorer Netscape navigator Mozilla Firefox Opera 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.
  • 4. Estos editores visuales pueden generas códigos basuras que no sirven para nada en otras ocasiones pueden ser más efectivos para corregir el código. Algunos de los editores visuales con los que podrás crear tus páginas web son Macromedia Dreamweaver, Microsoft Frontpage, Adobe Pagemill, NetObjectsFusion, CutePage, HotDogProffesional, Netscape Composer y Arachnophilia, de los cuales algunos tienen la ventaja de ser gratuitos. Un ejemplo es Macromedia: Para crear páginas web escribiendo directamente el código HTML puedes utilizar la herramienta Wordpad o el Bloc de notas que proporciona Windows. EJEMPLOS EDITORES: netscapecomposerAdobe PagemillNetObjectsFusion