SlideShare una empresa de Scribd logo
1 de 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]

Más contenido relacionado

La actualidad más candente

La actualidad más candente (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 a 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.
 

Más de 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
 

Más de 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
 

Último

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
 
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
 
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
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21mariacbr99
 
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
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativanicho110
 
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
 
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
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxFederico Castellari
 
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
 

Último (10)

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
 
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
 
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
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
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
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
 
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.
 
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
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptx
 
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...
 

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.