SlideShare ist ein Scribd-Unternehmen logo
1 von 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]

Weitere ähnliche Inhalte

Was ist angesagt? (20)

Html geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldanaHtml geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldana
 
Html tarea
Html tareaHtml tarea
Html tarea
 
DIAPOSITIVAS HTLM Y HTML 5
DIAPOSITIVAS HTLM Y HTML 5DIAPOSITIVAS HTLM Y HTML 5
DIAPOSITIVAS HTLM Y HTML 5
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Qué es el html
Qué es el htmlQué es el html
Qué es el html
 
Html 5
Html 5Html 5
Html 5
 
Qué es una etiqueta html
Qué es una etiqueta htmlQué es una etiqueta html
Qué es una etiqueta html
 
Colegio nacional nicolas esgerra
Colegio nacional nicolas esgerraColegio nacional nicolas esgerra
Colegio nacional nicolas esgerra
 
Htlm
HtlmHtlm
Htlm
 
Tarea
TareaTarea
Tarea
 
Diferencias entre html y html5
Diferencias entre html y html5Diferencias entre html y html5
Diferencias entre html y html5
 
historia de html
historia de htmlhistoria de html
historia de html
 
Expo html
Expo htmlExpo html
Expo html
 
Presentación Introducción al lenguaje HTML
Presentación Introducción al lenguaje HTMLPresentación Introducción al lenguaje HTML
Presentación Introducción al lenguaje HTML
 
Introduccion a Lenguaje HTML, Programacion Web
Introduccion a Lenguaje HTML, Programacion WebIntroduccion a Lenguaje HTML, Programacion Web
Introduccion a Lenguaje HTML, Programacion Web
 
Html wendy martinez
Html wendy martinezHtml wendy martinez
Html wendy martinez
 
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
 

Ähnlich wie Caracteristicas de la 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
 
Etiquetas Html Udp
Etiquetas Html UdpEtiquetas Html Udp
Etiquetas Html Udp
 
Html trabajo!
Html trabajo!Html trabajo!
Html trabajo!
 
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
 
Introduccion Xhtml
Introduccion XhtmlIntroduccion Xhtml
Introduccion Xhtml
 
Qué es html
Qué es htmlQué es html
Qué es html
 
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
 

Mehr von neycar

Tema 2 Importancia
Tema 2 ImportanciaTema 2 Importancia
Tema 2 Importancianeycar
 
Web 2.0
Web 2.0Web 2.0
Web 2.0neycar
 
Que es la web 2.0
Que es la web 2.0Que es la web 2.0
Que es la web 2.0neycar
 
Caracteristicas de la Web 2.0
Caracteristicas de la Web 2.0Caracteristicas de la Web 2.0
Caracteristicas de la Web 2.0neycar
 
Curso Web 2 Diapositivas
Curso Web 2 DiapositivasCurso Web 2 Diapositivas
Curso Web 2 Diapositivasneycar
 
Curso Web 2 Diapositivas
Curso Web 2 DiapositivasCurso Web 2 Diapositivas
Curso Web 2 Diapositivasneycar
 

Mehr von neycar (6)

Tema 2 Importancia
Tema 2 ImportanciaTema 2 Importancia
Tema 2 Importancia
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Que es la web 2.0
Que es la web 2.0Que es la web 2.0
Que es la web 2.0
 
Caracteristicas de la Web 2.0
Caracteristicas de la Web 2.0Caracteristicas de la Web 2.0
Caracteristicas de la Web 2.0
 
Curso Web 2 Diapositivas
Curso Web 2 DiapositivasCurso Web 2 Diapositivas
Curso Web 2 Diapositivas
 
Curso Web 2 Diapositivas
Curso Web 2 DiapositivasCurso Web 2 Diapositivas
Curso Web 2 Diapositivas
 

Kürzlich hochgeladen

Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21mariacbr99
 
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
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxMiguelAtencio10
 
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
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfvladimiroflores1
 
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
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITMaricarmen Sánchez Ruiz
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxAlan779941
 
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
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfAnnimoUno1
 
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
 

Kürzlich hochgeladen (11)

Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
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
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
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
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.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
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
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.
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
 
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...
 

Caracteristicas de la 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.