SlideShare una empresa de Scribd logo
1 de 3
Descargar para leer sin conexión
HTML
Laboratorio de Informática IV
¿Qué es HTML?
Las siglas HTML quieren decir HyperText Markup Language lo cual
significa “lenguajes de marcas de hipertexto”, se basa en un lenguaje de
marcas para crear documentos que puedan ser distribuidos por
Internet.
https://www.youtube.com/watch?v=av_PL4_jz1I
El lenguaje HTML puede ser creado y editado con cualquier editor de
texto básico con conocimientos de los códigos que componen el
lenguaje. No obstante, la escritura de un documento HTML es muy
simple, consiste en una marca (tag) exterior, entre signos de menor que
y mayor que (<>), que funcionan como comandos de formatos de textos,
formularios, links, imágenes, entre otros.
En el encabezado es incluido el título y otros parámetros y, en el cuerpo
se incluye el texto, asimismo, se puede incluir a través de las etiquetas o
marcas el color de las letras, imágenes entre otros rasgos.
El marcado hipertextual se usa para vincular partes del documento
con otros documentos, para crear este enlace es necesario utilizar la
etiqueta de ancla junto con el atributo href, que indicará la dirección
URL a la que apunta el enlace. Los browsers o navegadores identifican
los tags y presentan la página como esta formada.
El lenguaje de HTML fue creado por la Organización Europea de
Investigación Nuclear en el año 1945 con el fin de crear un sistema de
almacenamiento que se conectara por medio de hipervínculos. En el
año, 1991 el norteamericano Tim Berners-Lee fue el primero en
proponer 22 componentes del lenguaje HTML.
Si quieren saber mas a detalle sobre el tema ver la clase de Diseño Web
El diseño en HTML debe de cumplir correctamente el lenguaje y las
normas o especificaciones de W3C (World Wide Web Consortium),
aunque en algunos es regido por otros reglamentos como es el caso de
España con la Norma UNE 139803.
El HTML5 es la quinta versión de HTML que posee nuevos recursos,
especialmente en el área del contenido gráfico y multimedia.
HTML y XHTML
XHTML, siglas del inglés Extensible HyperText Markup Language que
significa “lenguaje extensible para marcas de hipertexto”, es una
reformulación del lenguaje HTML con aplicación de XML.
A su vez, XML se caracteriza por presentar un lenguaje flexible y
dinámico que puede ser presentada en diversos formatos y de muy fácil
interpretación, edición.
El lenguaje de HTML es una de la más utilizada para la producción de
las páginas web pero determinados dispositivos como: los teléfonos
móviles no consiguen interpretar eficazmente el lenguaje y, en
consecuencia se utiliza los tags HTML con el lenguaje de XML y surgió
lo que hoy se conoce como XHTML.

Más contenido relacionado

La actualidad más candente (13)

Definición de html
Definición de htmlDefinición de html
Definición de html
 
Definición de html
Definición de htmlDefinición de html
Definición de html
 
Definicion de Lenguaje de Marcas
Definicion de Lenguaje de MarcasDefinicion de Lenguaje de Marcas
Definicion de Lenguaje de Marcas
 
historia de html
historia de htmlhistoria de html
historia de html
 
U7 lenguajes de marcado
U7 lenguajes de marcadoU7 lenguajes de marcado
U7 lenguajes de marcado
 
Html y xml
Html y xmlHtml y xml
Html y xml
 
LENGUAJE, HISTORIA Y ETIQUETAS HTML
LENGUAJE, HISTORIA Y ETIQUETAS HTMLLENGUAJE, HISTORIA Y ETIQUETAS HTML
LENGUAJE, HISTORIA Y ETIQUETAS HTML
 
Trabajo de Investigacion
Trabajo de InvestigacionTrabajo de Investigacion
Trabajo de Investigacion
 
Html1
Html1Html1
Html1
 
Html
HtmlHtml
Html
 
Html4
Html4Html4
Html4
 
Ug html.pptx
Ug html.pptxUg html.pptx
Ug html.pptx
 
Html
HtmlHtml
Html
 

Similar a Html (20)

html
htmlhtml
html
 
html
 html html
html
 
html
 html html
html
 
html
 html html
html
 
html
 html html
html
 
html
 html html
html
 
Definición de html
Definición de htmlDefinición de html
Definición de html
 
html
htmlhtml
html
 
breve historia de html
breve historia de htmlbreve historia de html
breve historia de html
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Presentación1
Presentación1Presentación1
Presentación1
 
Erika banchon 2a3
Erika banchon 2a3Erika banchon 2a3
Erika banchon 2a3
 
Presentación sobre html y xml
Presentación sobre html y xmlPresentación sobre html y xml
Presentación sobre html y xml
 
Presentación sobre html y xml
Presentación sobre html y xmlPresentación sobre html y xml
Presentación sobre html y xml
 
Historia de html
Historia de htmlHistoria de html
Historia de html
 
Historia Del HTML
Historia Del HTMLHistoria Del HTML
Historia Del HTML
 
Diferencias de html y xml
Diferencias de html y xmlDiferencias de html y xml
Diferencias de html y xml
 
Presentación de html y xml
Presentación de html y xmlPresentación de html y xml
Presentación de html y xml
 
Daniela
DanielaDaniela
Daniela
 
Nenene
NeneneNenene
Nenene
 

Más de KareliaRivas

Lenguaje de programación Python
Lenguaje de programación PythonLenguaje de programación Python
Lenguaje de programación PythonKareliaRivas
 
Diseño e instalación de sitios web (PHP hypertext preprocessor)
Diseño e instalación de sitios web (PHP hypertext preprocessor)Diseño e instalación de sitios web (PHP hypertext preprocessor)
Diseño e instalación de sitios web (PHP hypertext preprocessor)KareliaRivas
 
Estrategia de aprendizaje 17 (Herencia)
Estrategia de aprendizaje 17 (Herencia)Estrategia de aprendizaje 17 (Herencia)
Estrategia de aprendizaje 17 (Herencia)KareliaRivas
 
Programación orientada a objetos (Herencia)
Programación orientada a objetos (Herencia)Programación orientada a objetos (Herencia)
Programación orientada a objetos (Herencia)KareliaRivas
 
Estrategia de aprendizaje 16 (Introducción a html)
Estrategia de aprendizaje 16 (Introducción a html)Estrategia de aprendizaje 16 (Introducción a html)
Estrategia de aprendizaje 16 (Introducción a html)KareliaRivas
 
Introducción a HTML
Introducción a HTMLIntroducción a HTML
Introducción a HTMLKareliaRivas
 
Programación orientada a objetos (Crear objetos)
Programación orientada a objetos (Crear objetos)Programación orientada a objetos (Crear objetos)
Programación orientada a objetos (Crear objetos)KareliaRivas
 
Programación orientada a objetos (Creación de clases)
Programación orientada a objetos (Creación de clases)Programación orientada a objetos (Creación de clases)
Programación orientada a objetos (Creación de clases)KareliaRivas
 
Los tipos de lenguaje de programación
Los tipos de lenguaje de programaciónLos tipos de lenguaje de programación
Los tipos de lenguaje de programaciónKareliaRivas
 
Diseño e instalación de sitios web (Apache HTTP server)
Diseño e instalación de sitios web (Apache HTTP server)Diseño e instalación de sitios web (Apache HTTP server)
Diseño e instalación de sitios web (Apache HTTP server)KareliaRivas
 
Introducción a la programación orientada a objetos en c (POO)
Introducción a la programación orientada a objetos en c (POO)Introducción a la programación orientada a objetos en c (POO)
Introducción a la programación orientada a objetos en c (POO)KareliaRivas
 
Lenguajes de programación
Lenguajes de programaciónLenguajes de programación
Lenguajes de programaciónKareliaRivas
 
Diseño e instalación de sitios web (Definición de un servidor web)
Diseño e instalación de sitios web (Definición de un servidor web)Diseño e instalación de sitios web (Definición de un servidor web)
Diseño e instalación de sitios web (Definición de un servidor web)KareliaRivas
 
Interfaces para sistemas de gestión de bases de datos
Interfaces para sistemas de gestión de bases de datosInterfaces para sistemas de gestión de bases de datos
Interfaces para sistemas de gestión de bases de datosKareliaRivas
 
Recursividad en programación
Recursividad en programaciónRecursividad en programación
Recursividad en programaciónKareliaRivas
 
Diseño e instalación de sitios web (El reto del espacio en pantalla / plantil...
Diseño e instalación de sitios web (El reto del espacio en pantalla / plantil...Diseño e instalación de sitios web (El reto del espacio en pantalla / plantil...
Diseño e instalación de sitios web (El reto del espacio en pantalla / plantil...KareliaRivas
 
Tipos de bases de datos distribuidas
Tipos de bases de datos distribuidasTipos de bases de datos distribuidas
Tipos de bases de datos distribuidasKareliaRivas
 

Más de KareliaRivas (20)

Lenguaje de programación Python
Lenguaje de programación PythonLenguaje de programación Python
Lenguaje de programación Python
 
Diseño e instalación de sitios web (PHP hypertext preprocessor)
Diseño e instalación de sitios web (PHP hypertext preprocessor)Diseño e instalación de sitios web (PHP hypertext preprocessor)
Diseño e instalación de sitios web (PHP hypertext preprocessor)
 
Estrategia de aprendizaje 17 (Herencia)
Estrategia de aprendizaje 17 (Herencia)Estrategia de aprendizaje 17 (Herencia)
Estrategia de aprendizaje 17 (Herencia)
 
Programación orientada a objetos (Herencia)
Programación orientada a objetos (Herencia)Programación orientada a objetos (Herencia)
Programación orientada a objetos (Herencia)
 
Estrategia de aprendizaje 16 (Introducción a html)
Estrategia de aprendizaje 16 (Introducción a html)Estrategia de aprendizaje 16 (Introducción a html)
Estrategia de aprendizaje 16 (Introducción a html)
 
C#
C#C#
C#
 
Introducción a HTML
Introducción a HTMLIntroducción a HTML
Introducción a HTML
 
Programación orientada a objetos (Crear objetos)
Programación orientada a objetos (Crear objetos)Programación orientada a objetos (Crear objetos)
Programación orientada a objetos (Crear objetos)
 
Java
JavaJava
Java
 
Programación orientada a objetos (Creación de clases)
Programación orientada a objetos (Creación de clases)Programación orientada a objetos (Creación de clases)
Programación orientada a objetos (Creación de clases)
 
Los tipos de lenguaje de programación
Los tipos de lenguaje de programaciónLos tipos de lenguaje de programación
Los tipos de lenguaje de programación
 
Diseño e instalación de sitios web (Apache HTTP server)
Diseño e instalación de sitios web (Apache HTTP server)Diseño e instalación de sitios web (Apache HTTP server)
Diseño e instalación de sitios web (Apache HTTP server)
 
Introducción a la programación orientada a objetos en c (POO)
Introducción a la programación orientada a objetos en c (POO)Introducción a la programación orientada a objetos en c (POO)
Introducción a la programación orientada a objetos en c (POO)
 
Lenguajes de programación
Lenguajes de programaciónLenguajes de programación
Lenguajes de programación
 
Diseño e instalación de sitios web (Definición de un servidor web)
Diseño e instalación de sitios web (Definición de un servidor web)Diseño e instalación de sitios web (Definición de un servidor web)
Diseño e instalación de sitios web (Definición de un servidor web)
 
Factorial en C++
Factorial en C++Factorial en C++
Factorial en C++
 
Interfaces para sistemas de gestión de bases de datos
Interfaces para sistemas de gestión de bases de datosInterfaces para sistemas de gestión de bases de datos
Interfaces para sistemas de gestión de bases de datos
 
Recursividad en programación
Recursividad en programaciónRecursividad en programación
Recursividad en programación
 
Diseño e instalación de sitios web (El reto del espacio en pantalla / plantil...
Diseño e instalación de sitios web (El reto del espacio en pantalla / plantil...Diseño e instalación de sitios web (El reto del espacio en pantalla / plantil...
Diseño e instalación de sitios web (El reto del espacio en pantalla / plantil...
 
Tipos de bases de datos distribuidas
Tipos de bases de datos distribuidasTipos de bases de datos distribuidas
Tipos de bases de datos distribuidas
 

Último

Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21mariacbr99
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxFederico Castellari
 
Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosJhonJairoRodriguezCe
 
presentación del desensamble y ensamble del equipo de computo en base a las n...
presentación del desensamble y ensamble del equipo de computo en base a las n...presentación del desensamble y ensamble del equipo de computo en base a las n...
presentación del desensamble y ensamble del equipo de computo en base a las n...axelv9257
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativanicho110
 
Editorial. Grupo de 12B. La Salle Margarita.pdf
Editorial. Grupo de 12B. La Salle Margarita.pdfEditorial. Grupo de 12B. La Salle Margarita.pdf
Editorial. Grupo de 12B. La Salle Margarita.pdfYanitza28
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.FlorenciaCattelani
 
Generaciones de las Computadoras..pdf...
Generaciones de las Computadoras..pdf...Generaciones de las Computadoras..pdf...
Generaciones de las Computadoras..pdf...solanocortezluisalfr
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estossgonzalezp1
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...JohnRamos830530
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIhmpuellon
 
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptxinfor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptxgustavovasquezv56
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxJorgeParada26
 
Editorial. Grupo de 12B de La Salle Margarita.pdf
Editorial. Grupo de 12B de La Salle Margarita.pdfEditorial. Grupo de 12B de La Salle Margarita.pdf
Editorial. Grupo de 12B de La Salle Margarita.pdfYanitza28
 
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdfpresentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdfaxelv9257
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanamcerpam
 
Retornamos a la escuela y nos organizamos para convivir en armonía
Retornamos a la escuela y nos organizamos para convivir en armoníaRetornamos a la escuela y nos organizamos para convivir en armonía
Retornamos a la escuela y nos organizamos para convivir en armoníaJuanPabloVictorianoS
 

Último (17)

Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptx
 
Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos Basicos
 
presentación del desensamble y ensamble del equipo de computo en base a las n...
presentación del desensamble y ensamble del equipo de computo en base a las n...presentación del desensamble y ensamble del equipo de computo en base a las n...
presentación del desensamble y ensamble del equipo de computo en base a las n...
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
 
Editorial. Grupo de 12B. La Salle Margarita.pdf
Editorial. Grupo de 12B. La Salle Margarita.pdfEditorial. Grupo de 12B. La Salle Margarita.pdf
Editorial. Grupo de 12B. La Salle Margarita.pdf
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
Generaciones de las Computadoras..pdf...
Generaciones de las Computadoras..pdf...Generaciones de las Computadoras..pdf...
Generaciones de las Computadoras..pdf...
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXI
 
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptxinfor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
Editorial. Grupo de 12B de La Salle Margarita.pdf
Editorial. Grupo de 12B de La Salle Margarita.pdfEditorial. Grupo de 12B de La Salle Margarita.pdf
Editorial. Grupo de 12B de La Salle Margarita.pdf
 
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdfpresentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
Retornamos a la escuela y nos organizamos para convivir en armonía
Retornamos a la escuela y nos organizamos para convivir en armoníaRetornamos a la escuela y nos organizamos para convivir en armonía
Retornamos a la escuela y nos organizamos para convivir en armonía
 

Html

  • 2. ¿Qué es HTML? Las siglas HTML quieren decir HyperText Markup Language lo cual significa “lenguajes de marcas de hipertexto”, se basa en un lenguaje de marcas para crear documentos que puedan ser distribuidos por Internet. https://www.youtube.com/watch?v=av_PL4_jz1I El lenguaje HTML puede ser creado y editado con cualquier editor de texto básico con conocimientos de los códigos que componen el lenguaje. No obstante, la escritura de un documento HTML es muy simple, consiste en una marca (tag) exterior, entre signos de menor que y mayor que (<>), que funcionan como comandos de formatos de textos, formularios, links, imágenes, entre otros. En el encabezado es incluido el título y otros parámetros y, en el cuerpo se incluye el texto, asimismo, se puede incluir a través de las etiquetas o marcas el color de las letras, imágenes entre otros rasgos. El marcado hipertextual se usa para vincular partes del documento con otros documentos, para crear este enlace es necesario utilizar la etiqueta de ancla junto con el atributo href, que indicará la dirección URL a la que apunta el enlace. Los browsers o navegadores identifican los tags y presentan la página como esta formada. El lenguaje de HTML fue creado por la Organización Europea de Investigación Nuclear en el año 1945 con el fin de crear un sistema de almacenamiento que se conectara por medio de hipervínculos. En el año, 1991 el norteamericano Tim Berners-Lee fue el primero en proponer 22 componentes del lenguaje HTML.
  • 3. Si quieren saber mas a detalle sobre el tema ver la clase de Diseño Web El diseño en HTML debe de cumplir correctamente el lenguaje y las normas o especificaciones de W3C (World Wide Web Consortium), aunque en algunos es regido por otros reglamentos como es el caso de España con la Norma UNE 139803. El HTML5 es la quinta versión de HTML que posee nuevos recursos, especialmente en el área del contenido gráfico y multimedia. HTML y XHTML XHTML, siglas del inglés Extensible HyperText Markup Language que significa “lenguaje extensible para marcas de hipertexto”, es una reformulación del lenguaje HTML con aplicación de XML. A su vez, XML se caracteriza por presentar un lenguaje flexible y dinámico que puede ser presentada en diversos formatos y de muy fácil interpretación, edición. El lenguaje de HTML es una de la más utilizada para la producción de las páginas web pero determinados dispositivos como: los teléfonos móviles no consiguen interpretar eficazmente el lenguaje y, en consecuencia se utiliza los tags HTML con el lenguaje de XML y surgió lo que hoy se conoce como XHTML.