SlideShare una empresa de Scribd logo
1 de 5
(lenguaje de marcado de hipertexto) HTML
¿Qué es html? 	HTML (Hyper Text MarkupLanguage) es el lenguaje con el que se escriben las páginas web. Es un lenguaje de hipertexto, es decir, un lenguaje que permite escribir texto de forma estructurada, y que está compuesto por etiquetas, que marcan el inicio y el fin de cada elemento del documento. 	Un documento hipertexto no sólo se compone de texto, puede contener imágenes, sonido, vídeos, etc., por lo que el resultado puede considerarse como un documento multimedia. 	Los documentos HTML deben tener la extensión html o htm, para que puedan ser visualizados en los navegadores (programas que permiten visualizar las páginas web). ¿Qué es Html? Parte 1
¿Cómo FUNCIONA? 	Los navegadores se encargan de interpretar el código HTML de los documentos, y de mostrar a los usuarios las páginas web resultantes del código interpretado. Un ejemplo de navegador son: intenetexplorer, Firefox Mozila, Google Chrome, entre otros. El objeto del presente módulo es aprender a utilizar de manera correcta, algunas de esas etiquetas, con el fin de crear y modificar páginas mediante el uso de cualquier editor de texto. 	El siguiente ejemplo sencillo, contiene lo necesario para crear una página que desplegará en el explorador (browser o navegador), la frase “Bienvenido al curso de HTML”: ¿Cómo funciona? Parte 1
<HTML> <HEAD> <TITLE>Primer Página</TITLE> </HEAD> <BODY> 		Bienvenido al curso de HTML </BODY> </HTML> 	Las palabras encerradas entre los símbolos menor y mayor que    (< >), son las etiquetas de HTML y las frases dentro de éstas, constituyen la información que realmente verá el usuario. 	Todo archivo HTML comienza siempre con la etiqueta <HTML> y finaliza con la etiqueta </HTML>.  	La estructura de una página está compuesta básicamente por dos secciones: el encabezado (HEAD), y el cuerpo (BODY), delimitados por las etiquetas<HEAD>, </HEAD>,<BODY> y </BODY> respectivam ente. ¿Cómo funciona? Parte 2
	El cuerpo contiene toda la información de la página que será desplegada por el browser al accederla, mientras que el encabezado cuyo contenido generalmente no es visible, se utiliza principalmente para colocar en él, además del título de la página, scripts y otras etiquetas especiales en las que se consignan datos relacionados con el autor, palabras claves sobre el contenido, descripción, etc. 	En un documento HTML se pueden incluir un sinnúmero de etiquetas, que controlan la manera como la información será presentada por el explorador. Existen etiquetas para formatear la presentación del texto y las imágenes, otras indican al sistema cómo responder a eventos generados por el usuario, tales como, hacer clic con el ratón o desplazarlo sobre una imagen, texto o ciertas áreas sensibles. También hay etiquetas para organizar la información dentro tablas, dividir la pantalla en secciones o ventanas independientes, etc. Una de las más importantes es la etiqueta que le permite al usuario “navegar” entre documentos, simplemente dando clic sobre los denominados “vínculos” (links), sin importar dónde residen las páginas a las cuales apuntan. ¿Cómo funciona? Parte 3

Más contenido relacionado

La actualidad más candente

La actualidad más candente (11)

HTML
HTMLHTML
HTML
 
HTML
HTMLHTML
HTML
 
Diseno De Paginas Web
Diseno De Paginas WebDiseno De Paginas Web
Diseno De Paginas Web
 
html
 html html
html
 
Guia no 1 cómo crear mi propia web
Guia no 1 cómo crear mi propia webGuia no 1 cómo crear mi propia web
Guia no 1 cómo crear mi propia web
 
Colegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra htmlColegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra html
 
Trabajo informatica 4,periodo
Trabajo informatica 4,periodoTrabajo informatica 4,periodo
Trabajo informatica 4,periodo
 
Qué es HTML
Qué es HTMLQué es HTML
Qué es HTML
 
Introduccion html
Introduccion htmlIntroduccion html
Introduccion html
 
Html
HtmlHtml
Html
 
Laura bonilla 102 tics jmv
Laura bonilla 102 tics jmvLaura bonilla 102 tics jmv
Laura bonilla 102 tics jmv
 

Destacado

Sesion Nº9 Marquesinas, Audio Y Video En La Web.
Sesion Nº9   Marquesinas, Audio Y Video En La Web.Sesion Nº9   Marquesinas, Audio Y Video En La Web.
Sesion Nº9 Marquesinas, Audio Y Video En La Web.Edgar A. Cruz Huaman
 
Marquesinas (marquees)
Marquesinas (marquees)Marquesinas (marquees)
Marquesinas (marquees)Elim Aqp
 
Diseño de paginas con html
Diseño de paginas con htmlDiseño de paginas con html
Diseño de paginas con htmlNoemi Gavilánez
 
ETIQUETAS HTML ANIMADAS
ETIQUETAS HTML ANIMADASETIQUETAS HTML ANIMADAS
ETIQUETAS HTML ANIMADASSholucy
 
Dia del amor y la amistad
Dia del amor y la amistadDia del amor y la amistad
Dia del amor y la amistadchuchopsps
 
20 Pasos para hacer Link Building para Posicionamiento SEO
20 Pasos para hacer Link Building para Posicionamiento SEO20 Pasos para hacer Link Building para Posicionamiento SEO
20 Pasos para hacer Link Building para Posicionamiento SEOMárketing Web Consulting
 
Pasos para crear un sitio web
Pasos para crear un sitio webPasos para crear un sitio web
Pasos para crear un sitio webtomyycerr
 

Destacado (10)

Sesion Nº9 Marquesinas, Audio Y Video En La Web.
Sesion Nº9   Marquesinas, Audio Y Video En La Web.Sesion Nº9   Marquesinas, Audio Y Video En La Web.
Sesion Nº9 Marquesinas, Audio Y Video En La Web.
 
Tablas en Html
Tablas en HtmlTablas en Html
Tablas en Html
 
Marquesinas (marquees)
Marquesinas (marquees)Marquesinas (marquees)
Marquesinas (marquees)
 
Html
HtmlHtml
Html
 
Semana 5 html
Semana 5  htmlSemana 5  html
Semana 5 html
 
Diseño de paginas con html
Diseño de paginas con htmlDiseño de paginas con html
Diseño de paginas con html
 
ETIQUETAS HTML ANIMADAS
ETIQUETAS HTML ANIMADASETIQUETAS HTML ANIMADAS
ETIQUETAS HTML ANIMADAS
 
Dia del amor y la amistad
Dia del amor y la amistadDia del amor y la amistad
Dia del amor y la amistad
 
20 Pasos para hacer Link Building para Posicionamiento SEO
20 Pasos para hacer Link Building para Posicionamiento SEO20 Pasos para hacer Link Building para Posicionamiento SEO
20 Pasos para hacer Link Building para Posicionamiento SEO
 
Pasos para crear un sitio web
Pasos para crear un sitio webPasos para crear un sitio web
Pasos para crear un sitio web
 

Similar a Html (lenguaje de marcado de hipertexto) (20)

Nenene
NeneneNenene
Nenene
 
01introduccion
01introduccion01introduccion
01introduccion
 
01introduccion
01introduccion01introduccion
01introduccion
 
01introduccion
01introduccion01introduccion
01introduccion
 
Clase 1
Clase 1Clase 1
Clase 1
 
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)
 
Navegadores web
Navegadores webNavegadores web
Navegadores web
 
Html.mmg
Html.mmgHtml.mmg
Html.mmg
 
Curso de html
Curso de htmlCurso de html
Curso de html
 
Html
HtmlHtml
Html
 
Unidad 1
Unidad 1Unidad 1
Unidad 1
 
Html
HtmlHtml
Html
 
Trabajo informatica 4,periodo
Trabajo informatica 4,periodoTrabajo informatica 4,periodo
Trabajo informatica 4,periodo
 
Unidad 1
Unidad 1Unidad 1
Unidad 1
 
Trabajo informatica 4,periodo
Trabajo informatica 4,periodoTrabajo informatica 4,periodo
Trabajo informatica 4,periodo
 
Tarea
TareaTarea
Tarea
 
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
 
Definición de html
Definición de htmlDefinición de html
Definición de html
 

Más de Tatiana Montoya

Gestión de la configuración
Gestión de la configuraciónGestión de la configuración
Gestión de la configuraciónTatiana Montoya
 
Los principales avances del desarrollo de las tic
Los principales avances del desarrollo de las ticLos principales avances del desarrollo de las tic
Los principales avances del desarrollo de las ticTatiana Montoya
 
Conectividad mainframe - microcomputadoras.ppt
Conectividad mainframe - microcomputadoras.pptConectividad mainframe - microcomputadoras.ppt
Conectividad mainframe - microcomputadoras.pptTatiana Montoya
 

Más de Tatiana Montoya (8)

Gestión de la configuración
Gestión de la configuraciónGestión de la configuración
Gestión de la configuración
 
Vive digital Colombia
Vive digital ColombiaVive digital Colombia
Vive digital Colombia
 
Los principales avances del desarrollo de las tic
Los principales avances del desarrollo de las ticLos principales avances del desarrollo de las tic
Los principales avances del desarrollo de las tic
 
Etiquetas para texto
Etiquetas para textoEtiquetas para texto
Etiquetas para texto
 
Conectividad mainframe - microcomputadoras.ppt
Conectividad mainframe - microcomputadoras.pptConectividad mainframe - microcomputadoras.ppt
Conectividad mainframe - microcomputadoras.ppt
 
Desarrollo de sistemas
Desarrollo de sistemasDesarrollo de sistemas
Desarrollo de sistemas
 
Planeacion Estrategica
Planeacion EstrategicaPlaneacion Estrategica
Planeacion Estrategica
 
Ingenieria de Proyectos
Ingenieria de ProyectosIngenieria de Proyectos
Ingenieria de Proyectos
 

Último

Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressionsConsueloSantana3
 
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxPPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxOscarEduardoSanchezC
 
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdfTema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdfDaniel Ángel Corral de la Mata, Ph.D.
 
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxLINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxdanalikcruz2000
 
PPT_Formación integral y educación CRESE (1).pdf
PPT_Formación integral y educación CRESE (1).pdfPPT_Formación integral y educación CRESE (1).pdf
PPT_Formación integral y educación CRESE (1).pdfEDILIAGAMBOA
 
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdfFisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdfcoloncopias5
 
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfEstrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfAlfredoRamirez953210
 
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdfBIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdfCESARMALAGA4
 
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024gharce
 
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docxPLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docxJUANSIMONPACHIN
 
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO  YESSENIA 933623393 NUEV...IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO  YESSENIA 933623393 NUEV...
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...YobanaZevallosSantil1
 
Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024IES Vicent Andres Estelles
 
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfTarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfManuel Molina
 
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...fcastellanos3
 
Instrucciones para la aplicacion de la PAA-2024b - (Mayo 2024)
Instrucciones para la aplicacion de la PAA-2024b - (Mayo 2024)Instrucciones para la aplicacion de la PAA-2024b - (Mayo 2024)
Instrucciones para la aplicacion de la PAA-2024b - (Mayo 2024)veganet
 

Último (20)

Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressions
 
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxPPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
 
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdfTema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
 
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxLINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
 
PPT_Formación integral y educación CRESE (1).pdf
PPT_Formación integral y educación CRESE (1).pdfPPT_Formación integral y educación CRESE (1).pdf
PPT_Formación integral y educación CRESE (1).pdf
 
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdfFisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdf
 
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfEstrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
 
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdfTema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
 
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdfBIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
 
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
 
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docxPLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
 
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO  YESSENIA 933623393 NUEV...IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO  YESSENIA 933623393 NUEV...
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...
 
Aedes aegypti + Intro to Coquies EE.pptx
Aedes aegypti + Intro to Coquies EE.pptxAedes aegypti + Intro to Coquies EE.pptx
Aedes aegypti + Intro to Coquies EE.pptx
 
TL/CNL – 2.ª FASE .
TL/CNL – 2.ª FASE                       .TL/CNL – 2.ª FASE                       .
TL/CNL – 2.ª FASE .
 
Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024
 
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfTarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
 
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
 
Instrucciones para la aplicacion de la PAA-2024b - (Mayo 2024)
Instrucciones para la aplicacion de la PAA-2024b - (Mayo 2024)Instrucciones para la aplicacion de la PAA-2024b - (Mayo 2024)
Instrucciones para la aplicacion de la PAA-2024b - (Mayo 2024)
 
Aedes aegypti + Intro to Coquies EE.pptx
Aedes aegypti + Intro to Coquies EE.pptxAedes aegypti + Intro to Coquies EE.pptx
Aedes aegypti + Intro to Coquies EE.pptx
 
Earth Day Everyday 2024 54th anniversary
Earth Day Everyday 2024 54th anniversaryEarth Day Everyday 2024 54th anniversary
Earth Day Everyday 2024 54th anniversary
 

Html (lenguaje de marcado de hipertexto)

  • 1. (lenguaje de marcado de hipertexto) HTML
  • 2. ¿Qué es html? HTML (Hyper Text MarkupLanguage) es el lenguaje con el que se escriben las páginas web. Es un lenguaje de hipertexto, es decir, un lenguaje que permite escribir texto de forma estructurada, y que está compuesto por etiquetas, que marcan el inicio y el fin de cada elemento del documento. Un documento hipertexto no sólo se compone de texto, puede contener imágenes, sonido, vídeos, etc., por lo que el resultado puede considerarse como un documento multimedia. Los documentos HTML deben tener la extensión html o htm, para que puedan ser visualizados en los navegadores (programas que permiten visualizar las páginas web). ¿Qué es Html? Parte 1
  • 3. ¿Cómo FUNCIONA? Los navegadores se encargan de interpretar el código HTML de los documentos, y de mostrar a los usuarios las páginas web resultantes del código interpretado. Un ejemplo de navegador son: intenetexplorer, Firefox Mozila, Google Chrome, entre otros. El objeto del presente módulo es aprender a utilizar de manera correcta, algunas de esas etiquetas, con el fin de crear y modificar páginas mediante el uso de cualquier editor de texto. El siguiente ejemplo sencillo, contiene lo necesario para crear una página que desplegará en el explorador (browser o navegador), la frase “Bienvenido al curso de HTML”: ¿Cómo funciona? Parte 1
  • 4. <HTML> <HEAD> <TITLE>Primer Página</TITLE> </HEAD> <BODY> Bienvenido al curso de HTML </BODY> </HTML> Las palabras encerradas entre los símbolos menor y mayor que (< >), son las etiquetas de HTML y las frases dentro de éstas, constituyen la información que realmente verá el usuario. Todo archivo HTML comienza siempre con la etiqueta <HTML> y finaliza con la etiqueta </HTML>. La estructura de una página está compuesta básicamente por dos secciones: el encabezado (HEAD), y el cuerpo (BODY), delimitados por las etiquetas<HEAD>, </HEAD>,<BODY> y </BODY> respectivam ente. ¿Cómo funciona? Parte 2
  • 5. El cuerpo contiene toda la información de la página que será desplegada por el browser al accederla, mientras que el encabezado cuyo contenido generalmente no es visible, se utiliza principalmente para colocar en él, además del título de la página, scripts y otras etiquetas especiales en las que se consignan datos relacionados con el autor, palabras claves sobre el contenido, descripción, etc. En un documento HTML se pueden incluir un sinnúmero de etiquetas, que controlan la manera como la información será presentada por el explorador. Existen etiquetas para formatear la presentación del texto y las imágenes, otras indican al sistema cómo responder a eventos generados por el usuario, tales como, hacer clic con el ratón o desplazarlo sobre una imagen, texto o ciertas áreas sensibles. También hay etiquetas para organizar la información dentro tablas, dividir la pantalla en secciones o ventanas independientes, etc. Una de las más importantes es la etiqueta que le permite al usuario “navegar” entre documentos, simplemente dando clic sobre los denominados “vínculos” (links), sin importar dónde residen las páginas a las cuales apuntan. ¿Cómo funciona? Parte 3