SlideShare a Scribd company logo
1 of 12
< HTML > Algunos conceptos básicos Taller Web 2.0 Raymond Marquina
¿Porque conocer HTML? ,[object Object],[object Object],[object Object],[object Object]
¿Porque conocer HTML? ,[object Object],[object Object],[object Object]
Barra de edición de texto Texto editado con las herramientas que posee el blog (Vista visual) Código generado automáticamente por la barra de formato de texto (Vista Código)
¿Qué es el HTML? Es un lenguaje de scripting  para crear páginas web. Es  interpretado del lado del cliente (usuario final) Utiliza etiquetas  pareadas:  < etiqueta>  Texto  </etiqueta> La World Wide Web Consortium (W3C) es la organización encargada de administrar los estandares
Los componentes del HTML Etiquetas (tags) apertura  <xxx>   cierre  </xxx>   <P>  …….  </P> Atributos Modifican la funcionalidad de las tags <body BGCOLOR...> Valores Definen el valor del atributo  <P ALIGN=&quot;center&quot;>...</P>
Elementos de una pagina web HEAD Contiene las etiquetas TITLE, META; los scripts y las hojas de estilo (CSS) BODY Contiene el contenido que ve el usuario en una pagina web: textos, imágenes, tablas, enlaces, formularios. ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Formateando el texto ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Formateando el texto ,[object Object],[object Object],[object Object],[object Object]
Formateando el texto ,[object Object],[object Object],[object Object],[object Object],[object Object]
Enlazando las páginas ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
< Editores HTML > ,[object Object]

More Related Content

What's hot

What's hot (20)

04 Marcas HTML
04 Marcas HTML04 Marcas HTML
04 Marcas HTML
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
 
Crear una página básica en HTML
Crear una página básica en HTMLCrear una página básica en HTML
Crear una página básica en HTML
 
Html00000
Html00000Html00000
Html00000
 
tutorial para una pagina web
tutorial para una pagina webtutorial para una pagina web
tutorial para una pagina web
 
Colegio nicolás esguerra 4 periodo (1)
Colegio nicolás esguerra 4 periodo (1)Colegio nicolás esguerra 4 periodo (1)
Colegio nicolás esguerra 4 periodo (1)
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Karol cortez normas apa
Karol cortez normas apaKarol cortez normas apa
Karol cortez normas apa
 
Html
HtmlHtml
Html
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
 
Colegio nacional nicoles esguerra
Colegio nacional nicoles esguerraColegio nacional nicoles esguerra
Colegio nacional nicoles esguerra
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
 
Qué Son Las Css
Qué Son Las CssQué Son Las Css
Qué Son Las Css
 
Temas de html
Temas de htmlTemas de html
Temas de html
 
Etiquetas Html Udp
Etiquetas Html UdpEtiquetas Html Udp
Etiquetas Html Udp
 
Etiquetas Diapositivas.
Etiquetas Diapositivas.Etiquetas Diapositivas.
Etiquetas Diapositivas.
 
Lenguaje HTML ETIQUETAS
Lenguaje HTML ETIQUETAS Lenguaje HTML ETIQUETAS
Lenguaje HTML ETIQUETAS
 
Hojas de Estilos en Cascada (CSS) - Apuntes
Hojas de Estilos en Cascada (CSS) - ApuntesHojas de Estilos en Cascada (CSS) - Apuntes
Hojas de Estilos en Cascada (CSS) - Apuntes
 
Introduccion Xhtml
Introduccion XhtmlIntroduccion Xhtml
Introduccion Xhtml
 
Las etiquetas el html
Las etiquetas el htmlLas etiquetas el html
Las etiquetas el html
 

Similar to Fundamentos HTML - Web 2.0 (20)

Curso Html
Curso HtmlCurso Html
Curso Html
 
Curso FPE Diseño Web. Módulo 2. El HTML
Curso FPE Diseño Web. Módulo 2. El HTMLCurso FPE Diseño Web. Módulo 2. El HTML
Curso FPE Diseño Web. Módulo 2. El HTML
 
Html trabajo!
Html trabajo!Html trabajo!
Html trabajo!
 
Expo html
Expo htmlExpo html
Expo html
 
Diapo02
Diapo02Diapo02
Diapo02
 
html
htmlhtml
html
 
Html Bas
Html BasHtml Bas
Html Bas
 
Etiquetas Html
Etiquetas HtmlEtiquetas Html
Etiquetas Html
 
H T M L E X P O S I C I O N
H T M L  E X P O S I C I O NH T M L  E X P O S I C I O N
H T M L E X P O S I C I O N
 
Html Exposicion
Html ExposicionHtml Exposicion
Html Exposicion
 
Html
HtmlHtml
Html
 
Clase 2
Clase 2Clase 2
Clase 2
 
Clase 2
Clase 2Clase 2
Clase 2
 
C:\Documents And Settings\Alumno\Mis Documentos\Qué Es Html
C:\Documents And Settings\Alumno\Mis Documentos\Qué Es HtmlC:\Documents And Settings\Alumno\Mis Documentos\Qué Es Html
C:\Documents And Settings\Alumno\Mis Documentos\Qué Es Html
 
Html
HtmlHtml
Html
 
Diseño web html
Diseño web htmlDiseño web html
Diseño web html
 
Codigos HTML Continuación
Codigos HTML ContinuaciónCodigos HTML Continuación
Codigos HTML Continuación
 
Expo Html
Expo HtmlExpo Html
Expo Html
 
XHTML+Inicio en CSS
XHTML+Inicio en CSSXHTML+Inicio en CSS
XHTML+Inicio en CSS
 
CODIGOS HTML.Magdalena ortega de nariño.
CODIGOS HTML.Magdalena ortega de nariño.CODIGOS HTML.Magdalena ortega de nariño.
CODIGOS HTML.Magdalena ortega de nariño.
 

More from Raymond Marquina

Crea y gestiona tu Edublog con Blogger
Crea y gestiona tu Edublog con BloggerCrea y gestiona tu Edublog con Blogger
Crea y gestiona tu Edublog con BloggerRaymond Marquina
 
Herramientas para la gestión de redes sociales
Herramientas para la gestión de redes socialesHerramientas para la gestión de redes sociales
Herramientas para la gestión de redes socialesRaymond Marquina
 
Actividad primera semana Doctorado
Actividad primera semana DoctoradoActividad primera semana Doctorado
Actividad primera semana DoctoradoRaymond Marquina
 
Webinar: Herramientas de Autor para el diseño de OA para EaD
Webinar: Herramientas de Autor para el diseño de OA para EaD Webinar: Herramientas de Autor para el diseño de OA para EaD
Webinar: Herramientas de Autor para el diseño de OA para EaD Raymond Marquina
 
Aplicaciones multiplataforma de mensajería instantánea para la atención perso...
Aplicaciones multiplataforma de mensajería instantánea para la atención perso...Aplicaciones multiplataforma de mensajería instantánea para la atención perso...
Aplicaciones multiplataforma de mensajería instantánea para la atención perso...Raymond Marquina
 
Servicios en línea para la comunicación síncrona en procesos educativos
Servicios en línea para la comunicación síncrona en procesos educativosServicios en línea para la comunicación síncrona en procesos educativos
Servicios en línea para la comunicación síncrona en procesos educativosRaymond Marquina
 
Conferencia Moodlemoot2014 Venezuela
Conferencia Moodlemoot2014 VenezuelaConferencia Moodlemoot2014 Venezuela
Conferencia Moodlemoot2014 VenezuelaRaymond Marquina
 
Impacto de las TIC en la docencia universitaria
Impacto de las TIC en la docencia universitariaImpacto de las TIC en la docencia universitaria
Impacto de las TIC en la docencia universitariaRaymond Marquina
 
Herramientas para la gestión de eventos académicos en línea
Herramientas para la gestión  de eventos académicos en líneaHerramientas para la gestión  de eventos académicos en línea
Herramientas para la gestión de eventos académicos en líneaRaymond Marquina
 
Mobile learning en las empresas
Mobile learning en las empresasMobile learning en las empresas
Mobile learning en las empresasRaymond Marquina
 
MicroTaller eXeLearning CAFDEmTICL Junio 2014
MicroTaller eXeLearning CAFDEmTICL Junio 2014MicroTaller eXeLearning CAFDEmTICL Junio 2014
MicroTaller eXeLearning CAFDEmTICL Junio 2014Raymond Marquina
 
Herramientas 2.0 para el desarrollo del aprendizaje
Herramientas 2.0 para el desarrollo del aprendizajeHerramientas 2.0 para el desarrollo del aprendizaje
Herramientas 2.0 para el desarrollo del aprendizajeRaymond Marquina
 
Situación actual del M-learning en Venezuela
Situación actual del M-learning en VenezuelaSituación actual del M-learning en Venezuela
Situación actual del M-learning en VenezuelaRaymond Marquina
 

More from Raymond Marquina (20)

Crea y gestiona tu Edublog con Blogger
Crea y gestiona tu Edublog con BloggerCrea y gestiona tu Edublog con Blogger
Crea y gestiona tu Edublog con Blogger
 
Herramientas para la gestión de redes sociales
Herramientas para la gestión de redes socialesHerramientas para la gestión de redes sociales
Herramientas para la gestión de redes sociales
 
Actividad primera semana Doctorado
Actividad primera semana DoctoradoActividad primera semana Doctorado
Actividad primera semana Doctorado
 
Webinar: Herramientas de Autor para el diseño de OA para EaD
Webinar: Herramientas de Autor para el diseño de OA para EaD Webinar: Herramientas de Autor para el diseño de OA para EaD
Webinar: Herramientas de Autor para el diseño de OA para EaD
 
Aplicaciones multiplataforma de mensajería instantánea para la atención perso...
Aplicaciones multiplataforma de mensajería instantánea para la atención perso...Aplicaciones multiplataforma de mensajería instantánea para la atención perso...
Aplicaciones multiplataforma de mensajería instantánea para la atención perso...
 
Servicios en línea para la comunicación síncrona en procesos educativos
Servicios en línea para la comunicación síncrona en procesos educativosServicios en línea para la comunicación síncrona en procesos educativos
Servicios en línea para la comunicación síncrona en procesos educativos
 
Agenda oficial #CLED2014
Agenda oficial #CLED2014Agenda oficial #CLED2014
Agenda oficial #CLED2014
 
Conferencia Moodlemoot2014 Venezuela
Conferencia Moodlemoot2014 VenezuelaConferencia Moodlemoot2014 Venezuela
Conferencia Moodlemoot2014 Venezuela
 
Impacto de las TIC en la docencia universitaria
Impacto de las TIC en la docencia universitariaImpacto de las TIC en la docencia universitaria
Impacto de las TIC en la docencia universitaria
 
Experiencia CLED 6 años
Experiencia CLED 6 añosExperiencia CLED 6 años
Experiencia CLED 6 años
 
Herramientas para la gestión de eventos académicos en línea
Herramientas para la gestión  de eventos académicos en líneaHerramientas para la gestión  de eventos académicos en línea
Herramientas para la gestión de eventos académicos en línea
 
¿Qué es la red CLED?
¿Qué es la red CLED?¿Qué es la red CLED?
¿Qué es la red CLED?
 
Mobile learning en las empresas
Mobile learning en las empresasMobile learning en las empresas
Mobile learning en las empresas
 
Licenciamiento profes
Licenciamiento profesLicenciamiento profes
Licenciamiento profes
 
Mobile learning
Mobile learningMobile learning
Mobile learning
 
Moodle - Mobile Learning
Moodle - Mobile LearningMoodle - Mobile Learning
Moodle - Mobile Learning
 
MicroTaller eXeLearning CAFDEmTICL Junio 2014
MicroTaller eXeLearning CAFDEmTICL Junio 2014MicroTaller eXeLearning CAFDEmTICL Junio 2014
MicroTaller eXeLearning CAFDEmTICL Junio 2014
 
Diseño de Infografías
Diseño de Infografías Diseño de Infografías
Diseño de Infografías
 
Herramientas 2.0 para el desarrollo del aprendizaje
Herramientas 2.0 para el desarrollo del aprendizajeHerramientas 2.0 para el desarrollo del aprendizaje
Herramientas 2.0 para el desarrollo del aprendizaje
 
Situación actual del M-learning en Venezuela
Situación actual del M-learning en VenezuelaSituación actual del M-learning en Venezuela
Situación actual del M-learning en Venezuela
 

Recently uploaded

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
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíassuserf18419
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan JosephBRAYANJOSEPHPEREZGOM
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesFundación YOD YOD
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdfIsabellaMontaomurill
 
Hernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxHernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxJOSEMANUELHERNANDEZH11
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIAWilbisVega
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)GDGSucre
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafiosFundación YOD YOD
 
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
 
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
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveFagnerLisboa3
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudianteAndreaHuertas24
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx241521559
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...silviayucra2
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricKeyla Dolores Méndez
 

Recently uploaded (16)

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
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento Protégeles
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdf
 
Hernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxHernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptx
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafios
 
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
 
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
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 

Fundamentos HTML - Web 2.0

  • 1. < HTML > Algunos conceptos básicos Taller Web 2.0 Raymond Marquina
  • 2.
  • 3.
  • 4. Barra de edición de texto Texto editado con las herramientas que posee el blog (Vista visual) Código generado automáticamente por la barra de formato de texto (Vista Código)
  • 5. ¿Qué es el HTML? Es un lenguaje de scripting para crear páginas web. Es interpretado del lado del cliente (usuario final) Utiliza etiquetas pareadas: < etiqueta> Texto </etiqueta> La World Wide Web Consortium (W3C) es la organización encargada de administrar los estandares
  • 6. Los componentes del HTML Etiquetas (tags) apertura <xxx> cierre </xxx> <P> ……. </P> Atributos Modifican la funcionalidad de las tags <body BGCOLOR...> Valores Definen el valor del atributo <P ALIGN=&quot;center&quot;>...</P>
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.