SlideShare una empresa de Scribd logo
1 de 12
Descargar para leer sin conexión
INTEGRANTES: DIANA PIRACHICAN
               VANESSA BERNAL
Su origen se remonta a 1980 , cuando el fisico
 Tim Berners-Lee , que trabajaba en cern
 propuso un nuevo sistema de hipertexto para
 compartir los documentos.
   El organismo W3C elabora unas normas que
    deberan seguir aquellos diseñadores de
    paginas web, para crear las paginas HTML.
   El estandar XHTML 1.0 y HTML 4.01, trae
    pequeñas mejoras y modificaciones menores.
   No es necesario leer las especificaciones y
    recomendaciones impuestas por HTML
 El lenguaje entre estos dos son muy similares
  ya que XHTML es solo una adaptación de
  HTML .
 HTML es descendiente de SGML mientras que
  XHTML lo es de XML.
Las páginas y documentos creados con XHTML
  son muy similares a las páginas y
  documentos HTML.
   Con el desarrollo del estándar HTML, las
    páginas empezaron a incluir también
    información sobre el aspecto de sus
    contenidos: tipos de letra, colores y
    márgenes.
   La aparicion de tecnologias como JavaScript
    hicieron que HTML incluyeran el codigo de las
    aplicaciones que se utilizan para crear
    paginas.
   Lenguajes de etiquetas : Se codificaban las
    letras del alfabeto y se transformaban en
    números, de esta forma, para almacenar un
    contenido de texto en un archivo electrónico,
    se utiliza una tabla de conversión que
    transforma cada carácter en un número.
   El proceso de indicar las diferentes partes
    que componen la información se denomina
    marcar. Cada una de las palabras que se
    emplean para marcar el inicio y el final de una
    sección se denominan etiquetas.
las etiquetas se indican por pares y se
    forman de la siguiente manera:
   Etiqueta de apertura: carácter <, seguido del
    nombre de la etiqueta (sin espacios en
    blanco) y terminado con el carácter >
   Etiqueta de cierre: carácter <, seguido del
    carácter /, seguido del nombre de la etiqueta
    (sin espacios en blanco) y terminado con el
    carácter >.
   Las páginas HTML se dividen en dos partes: la
    cabecera y el cuerpo.
   El cuerpo contiene todo lo que el usuario ve
    en su pantalla y la cabecera contiene todo lo
    que no se ve.
   Las clases de etiquetas
    son:a, abbr, acronym, address, applet, area, b, ba
    se, basefont, bdo, big, blockquote, body, br,butt
    on, caption, center, cite, code, col, colgroup, dd,
    del, dfn, dir, div, dl, dt, em,fieldset, font, form, fr
    ame, frameset, h1, h2, h3, h4, h5, h6, head, hr, h
    tml, i, iframe, img,input, ins, isindex, kbd, label, l
    egend, li, link, map, menu, meta, noframes, nosc
    ript,object, ol, optgroup, option, p, param, pre, q
    , s, samp, script, select, small, span, strike,strong
    , style, sub, sup, table, tbody, td, textarea, tfoot,
    th, thead, title, tr, tt, u, ul,var.
   Y los atributos pueden ser:
   Atributos básicos: se pueden utilizar
    prácticamente en todas las etiquetas HTML.
   Atributos para internacionalización: los
    utilizan las páginas que muestran sus
    contenidos en varios idiomas o aquellas que
    quieren indicar de forma explítica el idioma
    de sus contenidos.
   Atributos de eventos: sólo se utilizan en las
    páginas web dinámicas creadas con
    JavaScript.
   Atributos para los elementos que pueden
    obtener el foco
   Se refieren a las partes que componen los
    documentos HTML.Y se puede dividir en :
   Una etiqueta de apertura.
   Cero o más atributos.
   Texto encerrado por la etiqueta.
   Una etiqueta de cierre.

Más contenido relacionado

La actualidad más candente (19)

LENGUAJE HTML
LENGUAJE HTMLLENGUAJE HTML
LENGUAJE HTML
 
Xhtml
XhtmlXhtml
Xhtml
 
Intro html
Intro htmlIntro html
Intro html
 
Visual studio code
Visual studio codeVisual studio code
Visual studio code
 
Html
HtmlHtml
Html
 
Qué es un diagrama de flujo en programación 2
Qué es un diagrama de flujo en programación 2Qué es un diagrama de flujo en programación 2
Qué es un diagrama de flujo en programación 2
 
001 Html
001 Html001 Html
001 Html
 
4 Guia Xhtm Lv2.1
4   Guia Xhtm Lv2.14   Guia Xhtm Lv2.1
4 Guia Xhtm Lv2.1
 
Diapositivas HTML
Diapositivas HTMLDiapositivas HTML
Diapositivas HTML
 
Mariuxi perez monserrate
Mariuxi  perez monserrateMariuxi  perez monserrate
Mariuxi perez monserrate
 
Localizacion
LocalizacionLocalizacion
Localizacion
 
Localizacion
LocalizacionLocalizacion
Localizacion
 
HTML
HTMLHTML
HTML
 
Cuestionario hl segundo año
Cuestionario hl segundo añoCuestionario hl segundo año
Cuestionario hl segundo año
 
Lenguaje HTML
Lenguaje HTMLLenguaje HTML
Lenguaje HTML
 
8 Xml
8 Xml8 Xml
8 Xml
 
Html
HtmlHtml
Html
 
curso de html
curso de htmlcurso de html
curso de html
 
Html – básico 1
Html – básico 1Html – básico 1
Html – básico 1
 

Destacado

Destacado (14)

Herramientas de informatica
Herramientas de informaticaHerramientas de informatica
Herramientas de informatica
 
Maidir le eco (2)
Maidir le eco (2)Maidir le eco (2)
Maidir le eco (2)
 
Fichas 3° ciencias políticas
Fichas 3° ciencias políticasFichas 3° ciencias políticas
Fichas 3° ciencias políticas
 
ELABORANDO UNA RELATORÍA
ELABORANDO UNA RELATORÍAELABORANDO UNA RELATORÍA
ELABORANDO UNA RELATORÍA
 
Mapping the Yellowstone Caldera
Mapping the Yellowstone CalderaMapping the Yellowstone Caldera
Mapping the Yellowstone Caldera
 
Pre-Spine Surgery FAQs
Pre-Spine Surgery FAQsPre-Spine Surgery FAQs
Pre-Spine Surgery FAQs
 
Como hablar en publico
Como hablar en publicoComo hablar en publico
Como hablar en publico
 
228-SE3001_2
228-SE3001_2228-SE3001_2
228-SE3001_2
 
Requerimiento de Energía en la Etapa Preescolar
Requerimiento de Energía en la Etapa PreescolarRequerimiento de Energía en la Etapa Preescolar
Requerimiento de Energía en la Etapa Preescolar
 
Newtek IP Series 2016 czech version
Newtek IP Series 2016 czech versionNewtek IP Series 2016 czech version
Newtek IP Series 2016 czech version
 
Indicadores
IndicadoresIndicadores
Indicadores
 
Inventos importantes: La imprenta
Inventos importantes: La imprenta Inventos importantes: La imprenta
Inventos importantes: La imprenta
 
Codigo sustantivo del trabajo colombia
Codigo sustantivo del trabajo colombiaCodigo sustantivo del trabajo colombia
Codigo sustantivo del trabajo colombia
 
CV_25_October_2016
CV_25_October_2016CV_25_October_2016
CV_25_October_2016
 

Similar a Html (20)

Apuntes de HTML 1
Apuntes de HTML 1Apuntes de HTML 1
Apuntes de HTML 1
 
Ruiz guerra HTML
Ruiz guerra HTMLRuiz guerra HTML
Ruiz guerra HTML
 
Definicion de Lenguaje de Marcas
Definicion de Lenguaje de MarcasDefinicion de Lenguaje de Marcas
Definicion de Lenguaje de Marcas
 
Trabajo de informatica que es HTML
Trabajo de informatica que es HTMLTrabajo de informatica que es HTML
Trabajo de informatica que es HTML
 
Introducción a xhtml
Introducción a xhtmlIntroducción a xhtml
Introducción a xhtml
 
001 html
001 html001 html
001 html
 
Html
HtmlHtml
Html
 
Deber d programacion 1
Deber d programacion 1Deber d programacion 1
Deber d programacion 1
 
Colegio nacional nicolas esgerra
Colegio nacional nicolas esgerraColegio nacional nicolas esgerra
Colegio nacional nicolas esgerra
 
Colegio nacional nicolas esgerra
Colegio nacional nicolas esgerraColegio nacional nicolas esgerra
Colegio nacional nicolas esgerra
 
Estructurabasica
EstructurabasicaEstructurabasica
Estructurabasica
 
Taller 1 raul guaranda
Taller 1 raul guarandaTaller 1 raul guaranda
Taller 1 raul guaranda
 
Tutorhtml 2014
Tutorhtml 2014Tutorhtml 2014
Tutorhtml 2014
 
4 Html
4 Html4 Html
4 Html
 
Presentación HTML
Presentación HTMLPresentación HTML
Presentación HTML
 
Galdamez Peres 5to A
Galdamez Peres 5to AGaldamez Peres 5to A
Galdamez Peres 5to A
 
Html wendy martinez
Html wendy martinezHtml wendy martinez
Html wendy martinez
 
Html tarea
Html tareaHtml tarea
Html tarea
 
Html y xml
Html y xmlHtml y xml
Html y xml
 
Lenguaje HTML
Lenguaje HTMLLenguaje HTML
Lenguaje HTML
 

Último

GonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptxGonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptx241523733
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA241531640
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxazmysanros90
 
El uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELEl uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELmaryfer27m
 
Clase N°4 - Purificación y secuenciación de acidos nucleicos Benoit Diringer ...
Clase N°4 - Purificación y secuenciación de acidos nucleicos Benoit Diringer ...Clase N°4 - Purificación y secuenciación de acidos nucleicos Benoit Diringer ...
Clase N°4 - Purificación y secuenciación de acidos nucleicos Benoit Diringer ...Luis Olivera
 
R1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en minaR1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en minaarkananubis
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdfIsabellaMontaomurill
 
Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadPresentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadMiguelAngelVillanuev48
 
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxNombre Apellidos
 
El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.241514949
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfsoporteupcology
 
ejercicios pseint para aprogramacion sof
ejercicios pseint para aprogramacion sofejercicios pseint para aprogramacion sof
ejercicios pseint para aprogramacion sofJuancarlosHuertasNio1
 
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...FacuMeza2
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxaylincamaho
 
definicion segun autores de matemáticas educativa
definicion segun autores de matemáticas  educativadefinicion segun autores de matemáticas  educativa
definicion segun autores de matemáticas educativaAdrianaMartnez618894
 
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...JaquelineJuarez15
 
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxPlan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxpabonheidy28
 
Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024GiovanniJavierHidalg
 
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersSalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersIván López Martín
 
Arenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptxArenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptxJOSEFERNANDOARENASCA
 

Último (20)

GonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptxGonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptx
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptx
 
El uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELEl uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFEL
 
Clase N°4 - Purificación y secuenciación de acidos nucleicos Benoit Diringer ...
Clase N°4 - Purificación y secuenciación de acidos nucleicos Benoit Diringer ...Clase N°4 - Purificación y secuenciación de acidos nucleicos Benoit Diringer ...
Clase N°4 - Purificación y secuenciación de acidos nucleicos Benoit Diringer ...
 
R1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en minaR1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en mina
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdf
 
Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadPresentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidad
 
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
 
El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdf
 
ejercicios pseint para aprogramacion sof
ejercicios pseint para aprogramacion sofejercicios pseint para aprogramacion sof
ejercicios pseint para aprogramacion sof
 
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
 
definicion segun autores de matemáticas educativa
definicion segun autores de matemáticas  educativadefinicion segun autores de matemáticas  educativa
definicion segun autores de matemáticas educativa
 
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
 
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxPlan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docx
 
Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024
 
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersSalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
 
Arenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptxArenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptx
 

Html

  • 2. Su origen se remonta a 1980 , cuando el fisico Tim Berners-Lee , que trabajaba en cern propuso un nuevo sistema de hipertexto para compartir los documentos.
  • 3. El organismo W3C elabora unas normas que deberan seguir aquellos diseñadores de paginas web, para crear las paginas HTML.  El estandar XHTML 1.0 y HTML 4.01, trae pequeñas mejoras y modificaciones menores.  No es necesario leer las especificaciones y recomendaciones impuestas por HTML
  • 4.  El lenguaje entre estos dos son muy similares ya que XHTML es solo una adaptación de HTML .  HTML es descendiente de SGML mientras que XHTML lo es de XML. Las páginas y documentos creados con XHTML son muy similares a las páginas y documentos HTML.
  • 5. Con el desarrollo del estándar HTML, las páginas empezaron a incluir también información sobre el aspecto de sus contenidos: tipos de letra, colores y márgenes.  La aparicion de tecnologias como JavaScript hicieron que HTML incluyeran el codigo de las aplicaciones que se utilizan para crear paginas.
  • 6. Lenguajes de etiquetas : Se codificaban las letras del alfabeto y se transformaban en números, de esta forma, para almacenar un contenido de texto en un archivo electrónico, se utiliza una tabla de conversión que transforma cada carácter en un número.  El proceso de indicar las diferentes partes que componen la información se denomina marcar. Cada una de las palabras que se emplean para marcar el inicio y el final de una sección se denominan etiquetas.
  • 7. las etiquetas se indican por pares y se forman de la siguiente manera:  Etiqueta de apertura: carácter <, seguido del nombre de la etiqueta (sin espacios en blanco) y terminado con el carácter >  Etiqueta de cierre: carácter <, seguido del carácter /, seguido del nombre de la etiqueta (sin espacios en blanco) y terminado con el carácter >.
  • 8. Las páginas HTML se dividen en dos partes: la cabecera y el cuerpo.  El cuerpo contiene todo lo que el usuario ve en su pantalla y la cabecera contiene todo lo que no se ve.
  • 9. Las clases de etiquetas son:a, abbr, acronym, address, applet, area, b, ba se, basefont, bdo, big, blockquote, body, br,butt on, caption, center, cite, code, col, colgroup, dd, del, dfn, dir, div, dl, dt, em,fieldset, font, form, fr ame, frameset, h1, h2, h3, h4, h5, h6, head, hr, h tml, i, iframe, img,input, ins, isindex, kbd, label, l egend, li, link, map, menu, meta, noframes, nosc ript,object, ol, optgroup, option, p, param, pre, q , s, samp, script, select, small, span, strike,strong , style, sub, sup, table, tbody, td, textarea, tfoot, th, thead, title, tr, tt, u, ul,var.
  • 10. Y los atributos pueden ser:  Atributos básicos: se pueden utilizar prácticamente en todas las etiquetas HTML.  Atributos para internacionalización: los utilizan las páginas que muestran sus contenidos en varios idiomas o aquellas que quieren indicar de forma explítica el idioma de sus contenidos.  Atributos de eventos: sólo se utilizan en las páginas web dinámicas creadas con JavaScript.
  • 11. Atributos para los elementos que pueden obtener el foco
  • 12. Se refieren a las partes que componen los documentos HTML.Y se puede dividir en :  Una etiqueta de apertura.  Cero o más atributos.  Texto encerrado por la etiqueta.  Una etiqueta de cierre.