SlideShare una empresa de Scribd logo
1 de 5
Instituto tecnológico de nor oriente
ITECNOR
Inge:
Sandoval Hernández
Duble Omar
INFORMATICA ll
HTML
5to. PIA SEC: A
Cabrera Sosa
Jasson Roberto
Estrada Mansilla
Fernando De Jesus
Llano de la fragua
HTML
HTML, siglas de Hipertexto Mark Language («lenguaje de marcas de hipertexto»), hace
referencia al lenguaje de marcadopara la elaboración de páginas web. Es un estándar que
sirve de referencia para la elaboración de páginas web en sus diferentes versiones, define una
estructura básica y un código (denominado código HTML) para la definición de contenido de
una página web, como texto, imágenes, entre otros. Es un estándar a cargo de la W3C,
organización dedicada a la estandarización de casi todas las tecnologías ligadas a la web,
sobre todo en lo referente a su escritura e interpretación.
El lenguaje HTML basa su filosofía de desarrollo en la referenciación. Para añadir un elemento
externo a la página (imagen, vídeo, script, entre otros.), este no se incrusta directamente en el
código de la página, sino que se hace una referencia a la ubicación de dicho elemento
mediante texto. De este modo, la página web contiene sólo texto mientras que recae en el
navegador web (interpretador del código) la tarea de unir todos los elementos y visualizar la
página final. Al ser un estándar, HTML busca ser un lenguaje que permita que cualquier
página web escrita en una determinada versión, pueda ser interpretada de la misma forma
(estándar) por cualquier navegador web actualizado.
Sin embargo, a lo largo de sus diferentes versiones, se han incorporado y suprimido diversas
características, con el fin de hacerlo más eficiente y facilitar el desarrollo de páginas web
compatibles con distintos navegadores y plataformas (PC de escritorio, portátiles, teléfonos
inteligentes, tabletas, etc.). Sin embargo, para interpretar correctamente una nueva versión de
HTML, los desarrolladores de navegadores web deben incorporar estos cambios y el usuario
debe ser capaz de usar la nueva versión del navegador con los cambios incorporados.
Normalmente los cambios son aplicados mediante parches de actualización automática
(Firefox, Chrome) u ofreciendo una nueva versión del navegador con todos los cambios
incorporados, en un sitio web de descarga oficial (Internet Explorer). Un navegador no
actualizado no será capaz de interpretar correctamente una página web escrita en una versión
de HTML superior a la que pueda interpretar, lo que obliga muchas veces a los
desarrolladores a aplicar técnicas y cambios que permitan corregir problemas de visualización
e incluso de interpretación de código HTML. Así mismo, las páginas escritas en una versión
anterior de HTML deberían ser actualizadas o reescritas, lo que no siempre se cumple. Es por
ello que ciertos navegadores aún mantienen la capacidad de interpretar páginas web de
versiones HTML anteriores. Por estas razones, aún existen diferencias entre distintos
navegadores y versiones al interpretar una misma página web.
Origen:
El origen de HTML se remonta a 1980, cuando el físico Tim Berners-Lee,
trabajador del CERN(Organización Europea para la Investigación Nuclear)
propuso un nuevo sistema de "hipertexto" para compartir documentos.
Los sistemas de "hipertexto" habían sido desarrollados años antes. En el ámbito
de la informática, el"hipertexto" permitía que los usuarios accedieran a la
información relacionada con los documentos electrónicos que estaban
visualizando. De cierta manera, los primitivos sistemas de "hipertexto"podrían
asimilarse a los enlaces de las páginas web actuales.
Tras finalizar el desarrollo de su sistema de "hipertexto", Tim Berners-Lee lo
presentó a una convocatoria organizada para desarrollar un sistema
de "hipertexto" para Internet. Después de unir sus fuerzas con el ingeniero de
sistemas Robert Cailliau, presentaron la propuesta ganadora
llamadaWorldWideWeb (W3).
VENTAJAS:
- 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.
DESVENTAJAS:
- Es muy básico
- No ofrece diversidad de opciones
- No es muy completo
Primerasespecificaciones
Tim Berners-Lee en 19911 2 describe 22 elementos que incluyen el diseño inicial y
relativamente simple de HTML. Trece de estos elementos todavía existen en HTML 4.3
Berners-Lee consideraba el HTML una ampliación de SGML, pero no fue formalmente
reconocida como tal hasta la publicación a mediados de 1993, por la IETF (en español: Grupo
de Trabajo de Ingeniería de Internet), de una primera proposición para una especificación del
HTML: el borrador del Hypertext Markup Language de Berners-Lee y Dan Connolly, que
incluía una Definición de Tipo de Documento SGML para definir la gramática.4 El borrador
expiró a los seis meses, pero fue notable por su reconocimiento de la etiqueta propia del
navegador Mosaic usada para insertar imágenes sin cambio de línea, que reflejaba la filosofía
del IETF de basar estándares en prototipos con éxito. 5 De la misma manera, el borrador
competidor de Dave Raggett HTML+ (Hypertext Markup Format) (Formato de Marcaje de
Hipertexto), de finales de 1993, sugería estandarizar características ya implementadas, como
las tablas.6
Marcado HTML
El HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>). El
HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede
incluir o hacer referencia a un tipo de programa llamado script, el cual puede afectar el
comportamiento de navegadores web y otros procesadores de HTML.7
HTML también sirve para referirse al contenido del tipo de MIME text/html o todavía más
ampliamente como un término genérico para el HTML, ya sea en forma descendida
delXML (como XHTML 1.0 y posteriores) o en forma descendida directamente
de SGML (como HTML 4.01 y anteriores).
HTML consta de varios componentes vitales, entre ellos los elementos y sus atributos, tipos de
data y la declaración de tipo de documento.
Elementos
Los elementos son la estructura básica de HTML. Los elementos tienen dos propiedades
básicas: atributos y contenido. Cada atributo y contenido tiene ciertas restricciones para que
se considere válido al documento HTML. Un elemento generalmente tiene una etiqueta de
inicio (por ejemplo, <nombre-de-elemento> ) y una etiqueta de cierre (por
ejemplo, </nombre-de-elemento> ). Los atributos del elemento están contenidos en la
etiqueta de inicio y el contenido está ubicado entre las dos etiquetas (por ejemplo, <nombre-
de-elemento atributo="valor">Contenido</nombre-de-elemento> ). Algunos
Html

Más contenido relacionado

La actualidad más candente (19)

Html03
Html03Html03
Html03
 
Que es html
Que es htmlQue es html
Que es html
 
Que es html 5
Que es html 5Que es html 5
Que es html 5
 
HTML5 - XHTML - XML
HTML5 - XHTML - XMLHTML5 - XHTML - XML
HTML5 - XHTML - XML
 
Herramientas para paginas web
Herramientas para  paginas webHerramientas para  paginas web
Herramientas para paginas web
 
Avila lara 2
Avila lara  2Avila lara  2
Avila lara 2
 
Clase 3 Editores para Programación Web
Clase 3 Editores para Programación WebClase 3 Editores para Programación Web
Clase 3 Editores para Programación Web
 
Que es html
Que es htmlQue es html
Que es html
 
Avila lara 2
Avila lara  2Avila lara  2
Avila lara 2
 
marlon cordon Html
marlon cordon Htmlmarlon cordon Html
marlon cordon Html
 
Valleyy mishi
Valleyy mishiValleyy mishi
Valleyy mishi
 
Html evolucion
Html evolucionHtml evolucion
Html evolucion
 
Yinller22014
Yinller22014Yinller22014
Yinller22014
 
Html
HtmlHtml
Html
 
Diferencia entre html 5 y html normal
Diferencia entre html 5 y html normalDiferencia entre html 5 y html normal
Diferencia entre html 5 y html normal
 
Html
HtmlHtml
Html
 
Maquetación web
Maquetación webMaquetación web
Maquetación web
 
Html html5 diapositivas
Html  html5 diapositivasHtml  html5 diapositivas
Html html5 diapositivas
 
Html luis felipe
Html luis felipeHtml luis felipe
Html luis felipe
 

Destacado

Maria fernandea actividad1_mapac.png
Maria fernandea actividad1_mapac.pngMaria fernandea actividad1_mapac.png
Maria fernandea actividad1_mapac.pngMaria Fernandez
 
SOP - 2013 Server Build
SOP - 2013 Server BuildSOP - 2013 Server Build
SOP - 2013 Server BuildRobert Jones
 
Tugasan 1 (d) Integrasi
Tugasan 1 (d) IntegrasiTugasan 1 (d) Integrasi
Tugasan 1 (d) IntegrasiElieyna
 
Tarefa semana4
Tarefa semana4Tarefa semana4
Tarefa semana4FLAVIAE10
 
Copia de cronograma de los estudiantes para el proyecto hoja1
Copia de cronograma de los estudiantes para el proyecto   hoja1Copia de cronograma de los estudiantes para el proyecto   hoja1
Copia de cronograma de los estudiantes para el proyecto hoja1stephania781
 
Berger MasterCard Mid-Summer Eval
Berger MasterCard Mid-Summer EvalBerger MasterCard Mid-Summer Eval
Berger MasterCard Mid-Summer EvalNicholas Berger
 
David Bromley, Three Girls
David Bromley, Three GirlsDavid Bromley, Three Girls
David Bromley, Three Girlsguestd9239c
 
Haciendo uso del internet
Haciendo uso del internetHaciendo uso del internet
Haciendo uso del internetAllende Bock
 
социальные СМИ в сфере культуры
социальные СМИ в сфере культурысоциальные СМИ в сфере культуры
социальные СМИ в сфере культурыABC_Entrepreneurship
 
Acta001 contrato construccion
Acta001 contrato construccionActa001 contrato construccion
Acta001 contrato construccionYoily Gonzalez
 
Presentasi Thesis Tahap 1
Presentasi Thesis Tahap 1Presentasi Thesis Tahap 1
Presentasi Thesis Tahap 1Olipe Green
 
El diario normativo. Actualizaciones Normativas para la Industria Manufacture...
El diario normativo. Actualizaciones Normativas para la Industria Manufacture...El diario normativo. Actualizaciones Normativas para la Industria Manufacture...
El diario normativo. Actualizaciones Normativas para la Industria Manufacture...Miguel Choza Covarrubias
 

Destacado (14)

Maria fernandea actividad1_mapac.png
Maria fernandea actividad1_mapac.pngMaria fernandea actividad1_mapac.png
Maria fernandea actividad1_mapac.png
 
SOP - 2013 Server Build
SOP - 2013 Server BuildSOP - 2013 Server Build
SOP - 2013 Server Build
 
Informe leptospirosis tcm55-33327
Informe leptospirosis tcm55-33327Informe leptospirosis tcm55-33327
Informe leptospirosis tcm55-33327
 
Tugasan 1 (d) Integrasi
Tugasan 1 (d) IntegrasiTugasan 1 (d) Integrasi
Tugasan 1 (d) Integrasi
 
Tarefa semana4
Tarefa semana4Tarefa semana4
Tarefa semana4
 
Copia de cronograma de los estudiantes para el proyecto hoja1
Copia de cronograma de los estudiantes para el proyecto   hoja1Copia de cronograma de los estudiantes para el proyecto   hoja1
Copia de cronograma de los estudiantes para el proyecto hoja1
 
Berger MasterCard Mid-Summer Eval
Berger MasterCard Mid-Summer EvalBerger MasterCard Mid-Summer Eval
Berger MasterCard Mid-Summer Eval
 
таблиця зхд
таблиця зхдтаблиця зхд
таблиця зхд
 
David Bromley, Three Girls
David Bromley, Three GirlsDavid Bromley, Three Girls
David Bromley, Three Girls
 
Haciendo uso del internet
Haciendo uso del internetHaciendo uso del internet
Haciendo uso del internet
 
социальные СМИ в сфере культуры
социальные СМИ в сфере культурысоциальные СМИ в сфере культуры
социальные СМИ в сфере культуры
 
Acta001 contrato construccion
Acta001 contrato construccionActa001 contrato construccion
Acta001 contrato construccion
 
Presentasi Thesis Tahap 1
Presentasi Thesis Tahap 1Presentasi Thesis Tahap 1
Presentasi Thesis Tahap 1
 
El diario normativo. Actualizaciones Normativas para la Industria Manufacture...
El diario normativo. Actualizaciones Normativas para la Industria Manufacture...El diario normativo. Actualizaciones Normativas para la Industria Manufacture...
El diario normativo. Actualizaciones Normativas para la Industria Manufacture...
 

Similar a Html

Que es html zabaleta ruíz milton de jesús
Que es html zabaleta ruíz milton de jesúsQue es html zabaleta ruíz milton de jesús
Que es html zabaleta ruíz milton de jesúsmiltonzabaleta1997
 
Juan sebastian
Juan sebastianJuan sebastian
Juan sebastianJhohan Cx
 
Michael steven
Michael stevenMichael steven
Michael stevenJhohan Cx
 
Jhohan nicolai
Jhohan nicolaiJhohan nicolai
Jhohan nicolaiJhohan Cx
 
Html nathaly fajardo, melissa gomez
Html nathaly fajardo, melissa gomezHtml nathaly fajardo, melissa gomez
Html nathaly fajardo, melissa gomezcheguen
 
Yeison fabian
Yeison fabianYeison fabian
Yeison fabianJhohan Cx
 
Html dulce mata (1)
Html dulce mata (1)Html dulce mata (1)
Html dulce mata (1)DulceeMaria
 
Jeiimy
JeiimyJeiimy
JeiimyPAUJEY
 
Colegio particular francisca de las llagas
Colegio particular francisca de las llagasColegio particular francisca de las llagas
Colegio particular francisca de las llagasmartinx12
 
Que son etiquetas de html daniela veliz
Que son etiquetas de html daniela velizQue son etiquetas de html daniela veliz
Que son etiquetas de html daniela velizdaniela4545
 
Trabajo de informatica que es HTML
Trabajo de informatica que es HTMLTrabajo de informatica que es HTML
Trabajo de informatica que es HTMLyoe17
 

Similar a Html (20)

Que es html zabaleta ruíz milton de jesús
Que es html zabaleta ruíz milton de jesúsQue es html zabaleta ruíz milton de jesús
Que es html zabaleta ruíz milton de jesús
 
Que es html
Que es htmlQue es html
Que es html
 
Emelyn
EmelynEmelyn
Emelyn
 
Juan sebastian
Juan sebastianJuan sebastian
Juan sebastian
 
Html5
Html5Html5
Html5
 
Access
AccessAccess
Access
 
Access
AccessAccess
Access
 
Rosi karina
Rosi karinaRosi karina
Rosi karina
 
Michael steven
Michael stevenMichael steven
Michael steven
 
Jhohan nicolai
Jhohan nicolaiJhohan nicolai
Jhohan nicolai
 
Html nathaly fajardo, melissa gomez
Html nathaly fajardo, melissa gomezHtml nathaly fajardo, melissa gomez
Html nathaly fajardo, melissa gomez
 
Yeison fabian
Yeison fabianYeison fabian
Yeison fabian
 
historia de html
historia de htmlhistoria de html
historia de html
 
Html1
Html1Html1
Html1
 
Html dulce mata (1)
Html dulce mata (1)Html dulce mata (1)
Html dulce mata (1)
 
Jeiimy
JeiimyJeiimy
Jeiimy
 
Colegio particular francisca de las llagas
Colegio particular francisca de las llagasColegio particular francisca de las llagas
Colegio particular francisca de las llagas
 
Html.mmg
Html.mmgHtml.mmg
Html.mmg
 
Que son etiquetas de html daniela veliz
Que son etiquetas de html daniela velizQue son etiquetas de html daniela veliz
Que son etiquetas de html daniela veliz
 
Trabajo de informatica que es HTML
Trabajo de informatica que es HTMLTrabajo de informatica que es HTML
Trabajo de informatica que es HTML
 

Último

INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAdanielaerazok
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenajuniorcuellargomez
 
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
 
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULD
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULDGRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULD
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULDLeslie Villar
 
Tema 1 - Fundamentos de gestión contable.pptx
Tema 1 - Fundamentos de gestión contable.pptxTema 1 - Fundamentos de gestión contable.pptx
Tema 1 - Fundamentos de gestión contable.pptxchinojosa17
 
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
 
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
 
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
 
GRUPO 5 Software en el campo de la salud.pptx
GRUPO 5 Software en el campo de la salud.pptxGRUPO 5 Software en el campo de la salud.pptx
GRUPO 5 Software en el campo de la salud.pptxNicolas Villarroel
 
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
 
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIA
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIAFisica General.pdf ESCUELA D QUIMICA E INGENIERIA
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIAcoloncopias5
 
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
 
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxssuser61dda7
 
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
 
CamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptxCamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptx241518192
 
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
 
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
 

Último (19)

INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalena
 
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
 
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULD
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULDGRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULD
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULD
 
Tema 1 - Fundamentos de gestión contable.pptx
Tema 1 - Fundamentos de gestión contable.pptxTema 1 - Fundamentos de gestión contable.pptx
Tema 1 - Fundamentos de gestión contable.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
 
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
 
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
 
GRUPO 5 Software en el campo de la salud.pptx
GRUPO 5 Software en el campo de la salud.pptxGRUPO 5 Software en el campo de la salud.pptx
GRUPO 5 Software en el campo de la salud.pptx
 
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
 
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIA
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIAFisica General.pdf ESCUELA D QUIMICA E INGENIERIA
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIA
 
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
 
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
 
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
 
CamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptxCamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptx
 
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.
 
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
 

Html

  • 1. Instituto tecnológico de nor oriente ITECNOR Inge: Sandoval Hernández Duble Omar INFORMATICA ll HTML 5to. PIA SEC: A Cabrera Sosa Jasson Roberto Estrada Mansilla Fernando De Jesus Llano de la fragua
  • 2. HTML HTML, siglas de Hipertexto Mark Language («lenguaje de marcas de hipertexto»), hace referencia al lenguaje de marcadopara la elaboración de páginas web. Es un estándar que sirve de referencia para la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, entre otros. Es un estándar a cargo de la W3C, organización dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre todo en lo referente a su escritura e interpretación. El lenguaje HTML basa su filosofía de desarrollo en la referenciación. Para añadir un elemento externo a la página (imagen, vídeo, script, entre otros.), este no se incrusta directamente en el código de la página, sino que se hace una referencia a la ubicación de dicho elemento mediante texto. De este modo, la página web contiene sólo texto mientras que recae en el navegador web (interpretador del código) la tarea de unir todos los elementos y visualizar la página final. Al ser un estándar, HTML busca ser un lenguaje que permita que cualquier página web escrita en una determinada versión, pueda ser interpretada de la misma forma (estándar) por cualquier navegador web actualizado. Sin embargo, a lo largo de sus diferentes versiones, se han incorporado y suprimido diversas características, con el fin de hacerlo más eficiente y facilitar el desarrollo de páginas web compatibles con distintos navegadores y plataformas (PC de escritorio, portátiles, teléfonos inteligentes, tabletas, etc.). Sin embargo, para interpretar correctamente una nueva versión de HTML, los desarrolladores de navegadores web deben incorporar estos cambios y el usuario debe ser capaz de usar la nueva versión del navegador con los cambios incorporados. Normalmente los cambios son aplicados mediante parches de actualización automática (Firefox, Chrome) u ofreciendo una nueva versión del navegador con todos los cambios incorporados, en un sitio web de descarga oficial (Internet Explorer). Un navegador no actualizado no será capaz de interpretar correctamente una página web escrita en una versión de HTML superior a la que pueda interpretar, lo que obliga muchas veces a los desarrolladores a aplicar técnicas y cambios que permitan corregir problemas de visualización e incluso de interpretación de código HTML. Así mismo, las páginas escritas en una versión anterior de HTML deberían ser actualizadas o reescritas, lo que no siempre se cumple. Es por ello que ciertos navegadores aún mantienen la capacidad de interpretar páginas web de versiones HTML anteriores. Por estas razones, aún existen diferencias entre distintos navegadores y versiones al interpretar una misma página web.
  • 3. Origen: El origen de HTML se remonta a 1980, cuando el físico Tim Berners-Lee, trabajador del CERN(Organización Europea para la Investigación Nuclear) propuso un nuevo sistema de "hipertexto" para compartir documentos. Los sistemas de "hipertexto" habían sido desarrollados años antes. En el ámbito de la informática, el"hipertexto" permitía que los usuarios accedieran a la información relacionada con los documentos electrónicos que estaban visualizando. De cierta manera, los primitivos sistemas de "hipertexto"podrían asimilarse a los enlaces de las páginas web actuales. Tras finalizar el desarrollo de su sistema de "hipertexto", Tim Berners-Lee lo presentó a una convocatoria organizada para desarrollar un sistema de "hipertexto" para Internet. Después de unir sus fuerzas con el ingeniero de sistemas Robert Cailliau, presentaron la propuesta ganadora llamadaWorldWideWeb (W3). VENTAJAS: - 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. DESVENTAJAS: - Es muy básico - No ofrece diversidad de opciones - No es muy completo
  • 4. Primerasespecificaciones Tim Berners-Lee en 19911 2 describe 22 elementos que incluyen el diseño inicial y relativamente simple de HTML. Trece de estos elementos todavía existen en HTML 4.3 Berners-Lee consideraba el HTML una ampliación de SGML, pero no fue formalmente reconocida como tal hasta la publicación a mediados de 1993, por la IETF (en español: Grupo de Trabajo de Ingeniería de Internet), de una primera proposición para una especificación del HTML: el borrador del Hypertext Markup Language de Berners-Lee y Dan Connolly, que incluía una Definición de Tipo de Documento SGML para definir la gramática.4 El borrador expiró a los seis meses, pero fue notable por su reconocimiento de la etiqueta propia del navegador Mosaic usada para insertar imágenes sin cambio de línea, que reflejaba la filosofía del IETF de basar estándares en prototipos con éxito. 5 De la misma manera, el borrador competidor de Dave Raggett HTML+ (Hypertext Markup Format) (Formato de Marcaje de Hipertexto), de finales de 1993, sugería estandarizar características ya implementadas, como las tablas.6 Marcado HTML El HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>). El HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir o hacer referencia a un tipo de programa llamado script, el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.7 HTML también sirve para referirse al contenido del tipo de MIME text/html o todavía más ampliamente como un término genérico para el HTML, ya sea en forma descendida delXML (como XHTML 1.0 y posteriores) o en forma descendida directamente de SGML (como HTML 4.01 y anteriores). HTML consta de varios componentes vitales, entre ellos los elementos y sus atributos, tipos de data y la declaración de tipo de documento. Elementos Los elementos son la estructura básica de HTML. Los elementos tienen dos propiedades básicas: atributos y contenido. Cada atributo y contenido tiene ciertas restricciones para que se considere válido al documento HTML. Un elemento generalmente tiene una etiqueta de inicio (por ejemplo, <nombre-de-elemento> ) y una etiqueta de cierre (por ejemplo, </nombre-de-elemento> ). Los atributos del elemento están contenidos en la etiqueta de inicio y el contenido está ubicado entre las dos etiquetas (por ejemplo, <nombre- de-elemento atributo="valor">Contenido</nombre-de-elemento> ). Algunos