SlideShare una empresa de Scribd logo

HTML CSS Curso Segunda

•
•
Matías Alejo Garcia
Matías Alejo Garcia

Curso HTML CSS Sesion 2/4

1 de 43
Curso HTML / CSS Segunda Sesión
Presentación Matías Alejo García mailto: [email_address] msn:matias_alejo@hotmail.com http://linkedin.com/in/matias
Primera Sesión ,[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]
HTML | Sintaxis
HTML | Sintaxis ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
HTML | Sintaxis ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
HTML | Sintaxis ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
HTML | Sintaxis ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
HTML | Sintaxis ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
HTML | Estructura
HTML | Estructura ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
HTML | Estructura ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
HTML | Header ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
HTML | Header Ver ejemplos en Firefox <head> <meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=ISO-8859-1&quot;> <title>The global structure of an HTML document</title> <link rel=&quot;previous&quot; href=&quot;../types.html&quot;> <link rel=&quot;next&quot; href=&quot;dirlang.html&quot;> <link rel=&quot;contents&quot; href=&quot;../cover.html#toc&quot;> <link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href= &quot;http://www.w3.org/StyleSheets/TR/W3C-REC&quot;> <link rel=&quot;STYLESHEET&quot; href=&quot;../style/default.css&quot; type=&quot;text/css&quot;> </head>
HTML | Body ,[object Object],[object Object],[object Object],[object Object]
HTML | Estructura <!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot; &quot;http://www.w3.org/TR/html4/loose.dtd&quot;> <html lang=&quot;es&quot;> <head> <title> Altas Cumbres </title> <meta name=&quot;description&quot; content=&quot;las mas altas cumbres&quot;> <meta http-equiv=&quot;content-type&quot; content=&quot;text/html; charset=UTF-8&quot;> <meta name=&quot;keywords&quot; content=&quot;cumbres, altas, montañas &quot;> <meta name=&quot;content-language&quot; content=&quot;es_AR&quot;> <link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;/css/altos.css&quot; media=&quot;all&quot;> </head> <body> .... </body> </html>
HTML | Elementos
HTML | Elementos ,[object Object],[object Object],[object Object],[object Object]
HTML | Elementos ,[object Object],[object Object],[object Object],[object Object],[object Object]
HTML | Elementos ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
HTML | Elementos ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
HTML | Elementos ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
HTML | Elementos ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
HTML | Elementos ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
HTML | Elementos ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
HTML | Elementos ,[object Object],[object Object],[object Object],[object Object],[object Object]
HTML | Elementos ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
HTML | Elementos ,[object Object],[object Object],[object Object]
HTML | Elementos más!
HTML | + Elementos ,[object Object],[object Object],[object Object],[object Object],[object Object]
HTML | + Elementos ,[object Object],[object Object],[object Object],[object Object],[object Object]
HTML | + Elementos ,[object Object],[object Object],[object Object],[object Object]
HTML | + Elementos ,[object Object],[object Object],[object Object],[object Object]
HTML | + Elementos ,[object Object],[object Object],[object Object],[object Object]
HTML | Elementos Tablas
HTML | Tablas ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
HTML | Tablas ,[object Object],< table border=&quot;1&quot;> <thead> <tr><th>Artist</th><th>Title</th></tr> </thead> <tfoot> <tr><th colspan=&quot;2&quot;>This is my CD collection</th></tr> </tfoot> <tbody> <tr> <td><span datafld=&quot;artist&quot;></span></td> <td><span datafld=&quot;title&quot;></span></td> </tr> </tbody> </table>
HTML | Tablas ,[object Object],[object Object],[object Object],[object Object],[object Object]
HTML | Elementos FORMS!
HTML | Forms! ,[object Object],[object Object],[object Object]
HTML | Forms! ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
HTML | Elementos FORMS!
HTML | Validación ,[object Object]

Recomendados

Codigos HTML Continuación
Codigos HTML ContinuaciónCodigos HTML Continuación
Codigos HTML Continuaciónguestc906c2
 
Cont clase de lenguaje IV
Cont clase de lenguaje IVCont clase de lenguaje IV
Cont clase de lenguaje IVguestc906c2
 
Front End - Maquetación xhtml + css
Front End - Maquetación xhtml + cssFront End - Maquetación xhtml + css
Front End - Maquetación xhtml + csszara hormazabal
 
HTML
HTMLHTML
HTMLguestdb7951
 
Qué es xhtml
Qué es xhtmlQué es xhtml
Qué es xhtmlCapacitacion web
 
Curso Html Basico
Curso Html BasicoCurso Html Basico
Curso Html BasicoFacundo Oliva
 
Conceptos básicos Html
Conceptos básicos HtmlConceptos básicos Html
Conceptos básicos HtmlRaymond Marquina
 
HTML
HTMLHTML
HTMLPiero Cáceres Díaz
 

Recomendados

Codigos HTML Continuación
Codigos HTML ContinuaciónCodigos HTML Continuación
Codigos HTML Continuaciónguestc906c2
 
Cont clase de lenguaje IV
Cont clase de lenguaje IVCont clase de lenguaje IV
Cont clase de lenguaje IVguestc906c2
 
Front End - Maquetación xhtml + css
Front End - Maquetación xhtml + cssFront End - Maquetación xhtml + css
Front End - Maquetación xhtml + csszara hormazabal
 
HTML
HTMLHTML
HTMLguestdb7951
 
Qué es xhtml
Qué es xhtmlQué es xhtml
Qué es xhtmlCapacitacion web
 
Curso Html Basico
Curso Html BasicoCurso Html Basico
Curso Html BasicoFacundo Oliva
 
Conceptos básicos Html
Conceptos básicos HtmlConceptos básicos Html
Conceptos básicos HtmlRaymond Marquina
 
HTML
HTMLHTML
HTMLPiero Cáceres Díaz
 
CSS
CSSCSS
CSSPiero Cáceres Díaz
 
Html guia
Html guiaHtml guia
Html guiavictdiazm
 
Inicio al HTML
Inicio al HTMLInicio al HTML
Inicio al HTMLJuanMa Ruiz
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas htmlup
 
Primera clase de HTML
Primera clase de HTMLPrimera clase de HTML
Primera clase de HTMLJorge Llanten
 
Html
HtmlHtml
HtmlFabio García Ramírez
 
Curso Html
Curso HtmlCurso Html
Curso HtmlErika Clara Gutiérrez Franco
 
Introduccion Xhtml
Introduccion XhtmlIntroduccion Xhtml
Introduccion Xhtmlguest31a5fa
 
(producto 3)
(producto 3) (producto 3)
(producto 3)DAFNE DANIELA
 
Caracteres especiales y enlaces
Caracteres especiales y enlacesCaracteres especiales y enlaces
Caracteres especiales y enlacesVivianaBBR
 
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 HTMLSecretaria Educacion Dptal
 
Html Basico en Español
Html Basico en EspañolHtml Basico en Español
Html Basico en EspañolIleana Echandi
 
CURSO DE HTML
CURSO DE HTMLCURSO DE HTML
CURSO DE HTMLnfernandezcnad
 
Etiquetas HTML básicas
Etiquetas HTML básicasEtiquetas HTML básicas
Etiquetas HTML básicasJorge Llanten
 
Elaboración de paginas web dinamicas
Elaboración de paginas web dinamicasElaboración de paginas web dinamicas
Elaboración de paginas web dinamicasLupita Mata
 
Temas de html
Temas de htmlTemas de html
Temas de htmlElis Menbri
 
Etiquetas Html Udp
Etiquetas Html UdpEtiquetas Html Udp
Etiquetas Html UdpAnna García Sans
 
Etiquetas
EtiquetasEtiquetas
EtiquetasAbdel Suarez
 
Tema 3 - Introducción a HTML
Tema 3 - Introducción a HTMLTema 3 - Introducción a HTML
Tema 3 - Introducción a HTMLPamela Rodriguez
 
Introhtml
IntrohtmlIntrohtml
IntrohtmlColegio Agropecuario de San Carlos
 
PAGINA WEB
PAGINA WEBPAGINA WEB
PAGINA WEBMartinesguerra
 
Html
HtmlHtml
HtmlJairo Nicolas Lopez Soler
 

Más contenido relacionado

La actualidad más candente

Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas htmlup
 
Primera clase de HTML
Primera clase de HTMLPrimera clase de HTML
Primera clase de HTMLJorge Llanten
 
Introduccion Xhtml
Introduccion XhtmlIntroduccion Xhtml
Introduccion Xhtmlguest31a5fa
 
Caracteres especiales y enlaces
Caracteres especiales y enlacesCaracteres especiales y enlaces
Caracteres especiales y enlacesVivianaBBR
 
Html Basico en Español
Html Basico en EspañolHtml Basico en Español
Html Basico en EspañolIleana Echandi
 
Etiquetas HTML básicas
Etiquetas HTML básicasEtiquetas HTML básicas
Etiquetas HTML básicasJorge Llanten
 
Elaboración de paginas web dinamicas
Elaboración de paginas web dinamicasElaboración de paginas web dinamicas
Elaboración de paginas web dinamicasLupita Mata
 
Tema 3 - Introducción a HTML
Tema 3 - Introducción a HTMLTema 3 - Introducción a HTML
Tema 3 - Introducción a HTMLPamela Rodriguez
 

La actualidad más candente (20)

CSS
CSSCSS
CSS
 
Html guia
Html guiaHtml guia
Html guia
 
Inicio al HTML
Inicio al HTMLInicio al HTML
Inicio al HTML
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Primera clase de HTML
Primera clase de HTMLPrimera clase de HTML
Primera clase de HTML
 
Html
HtmlHtml
Html
 
Curso Html
Curso HtmlCurso Html
Curso Html
 
Introduccion Xhtml
Introduccion XhtmlIntroduccion Xhtml
Introduccion Xhtml
 
(producto 3)
(producto 3) (producto 3)
(producto 3)
 
Caracteres especiales y enlaces
Caracteres especiales y enlacesCaracteres especiales y enlaces
Caracteres especiales y enlaces
 
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
 
Html Basico en Español
Html Basico en EspañolHtml Basico en Español
Html Basico en Español
 
CURSO DE HTML
CURSO DE HTMLCURSO DE HTML
CURSO DE HTML
 
Etiquetas HTML básicas
Etiquetas HTML básicasEtiquetas HTML básicas
Etiquetas HTML básicas
 
Elaboración de paginas web dinamicas
Elaboración de paginas web dinamicasElaboración de paginas web dinamicas
Elaboración de paginas web dinamicas
 
Temas de html
Temas de htmlTemas de html
Temas de html
 
Etiquetas Html Udp
Etiquetas Html UdpEtiquetas Html Udp
Etiquetas Html Udp
 
Etiquetas
EtiquetasEtiquetas
Etiquetas
 
Tema 3 - Introducción a HTML
Tema 3 - Introducción a HTMLTema 3 - Introducción a HTML
Tema 3 - Introducción a HTML
 
Introhtml
IntrohtmlIntrohtml
Introhtml
 

Destacado

1 introduccion a dreamweaver
1 introduccion a dreamweaver1 introduccion a dreamweaver
1 introduccion a dreamweaverMarianmv
 
Haz tu web con un CMS - (Módulo 2 del curso de HTML5)
Haz tu web con un CMS - (Módulo 2 del curso de HTML5)Haz tu web con un CMS - (Módulo 2 del curso de HTML5)
Haz tu web con un CMS - (Módulo 2 del curso de HTML5)Josep Massó Carreras
 
Practico html
Practico htmlPractico html
Practico htmllucascen
 
Introduccion a programacion html
Introduccion a programacion htmlIntroduccion a programacion html
Introduccion a programacion htmlElim Aqp
 
Ppt construcción de un sitio web
Ppt construcción de un sitio webPpt construcción de un sitio web
Ppt construcción de un sitio webNorber Barraza
 
Elementos básicos y estructura de una página web
Elementos básicos y estructura de una página webElementos básicos y estructura de una página web
Elementos básicos y estructura de una página webadri9610
 

Destacado (15)

PAGINA WEB
PAGINA WEBPAGINA WEB
PAGINA WEB
 
Html
HtmlHtml
Html
 
Html practica4y5
Html practica4y5Html practica4y5
Html practica4y5
 
Estructura de una pagina web
Estructura de una pagina webEstructura de una pagina web
Estructura de una pagina web
 
SlidShare
SlidShareSlidShare
SlidShare
 
1 introduccion a dreamweaver
1 introduccion a dreamweaver1 introduccion a dreamweaver
1 introduccion a dreamweaver
 
Haz tu web con un CMS - (Módulo 2 del curso de HTML5)
Haz tu web con un CMS - (Módulo 2 del curso de HTML5)Haz tu web con un CMS - (Módulo 2 del curso de HTML5)
Haz tu web con un CMS - (Módulo 2 del curso de HTML5)
 
Practico html
Practico htmlPractico html
Practico html
 
Introduccion a programacion html
Introduccion a programacion htmlIntroduccion a programacion html
Introduccion a programacion html
 
Curso html
Curso htmlCurso html
Curso html
 
HTML 2011
HTML 2011HTML 2011
HTML 2011
 
Curso HTML CSS 1/4
Curso HTML CSS 1/4Curso HTML CSS 1/4
Curso HTML CSS 1/4
 
Curso HTML y CSS, parte 1
Curso HTML y CSS, parte 1Curso HTML y CSS, parte 1
Curso HTML y CSS, parte 1
 
Ppt construcción de un sitio web
Ppt construcción de un sitio webPpt construcción de un sitio web
Ppt construcción de un sitio web
 
Elementos básicos y estructura de una página web
Elementos básicos y estructura de una página webElementos básicos y estructura de una página web
Elementos básicos y estructura de una página web
 

Similar a HTML CSS Curso Segunda

Html
HtmlHtml
Htmlupt
 
Html
HtmlHtml
Htmldyt
 
Retroalimentación 2011 Lopez, Carlos
Retroalimentación 2011 Lopez, CarlosRetroalimentación 2011 Lopez, Carlos
Retroalimentación 2011 Lopez, Carloscaleropte
 
Programación Web I - ISC - UCQ - Presentación 04
Programación Web I - ISC - UCQ - Presentación 04Programación Web I - ISC - UCQ - Presentación 04
Programación Web I - ISC - UCQ - Presentación 04Giovanni Orozco
 
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 Nalinacarrion
 
Html trabajo!
Html trabajo!Html trabajo!
Html trabajo!D' Chong
 

Similar a HTML CSS Curso Segunda (20)

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
htmlhtml
html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Vinculos
VinculosVinculos
Vinculos
 
Html Bas
Html BasHtml Bas
Html Bas
 
Retroalimentación 2011 Lopez, Carlos
Retroalimentación 2011 Lopez, CarlosRetroalimentación 2011 Lopez, Carlos
Retroalimentación 2011 Lopez, Carlos
 
Clase 2
Clase 2Clase 2
Clase 2
 
Clase 2
Clase 2Clase 2
Clase 2
 
Programación Web I - ISC - UCQ - Presentación 04
Programación Web I - ISC - UCQ - Presentación 04Programación Web I - ISC - UCQ - Presentación 04
Programación Web I - ISC - UCQ - Presentación 04
 
Etiquetas XHMTL
Etiquetas XHMTLEtiquetas XHMTL
Etiquetas XHMTL
 
HTML
HTMLHTML
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 trabajo!
Html trabajo!Html trabajo!
Html trabajo!
 
Expo html
Expo htmlExpo html
Expo html
 
Html5.
Html5.Html5.
Html5.
 
Html
HtmlHtml
Html
 
Diapo02
Diapo02Diapo02
Diapo02
 

HTML CSS Curso Segunda

  • 1. Curso HTML / CSS Segunda Sesión
  • 2. Presentación Matías Alejo García mailto: [email_address] msn:matias_alejo@hotmail.com http://linkedin.com/in/matias
  • 3.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 11.
  • 12.
  • 13.
  • 14. HTML | Header Ver ejemplos en Firefox <head> <meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=ISO-8859-1&quot;> <title>The global structure of an HTML document</title> <link rel=&quot;previous&quot; href=&quot;../types.html&quot;> <link rel=&quot;next&quot; href=&quot;dirlang.html&quot;> <link rel=&quot;contents&quot; href=&quot;../cover.html#toc&quot;> <link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href= &quot;http://www.w3.org/StyleSheets/TR/W3C-REC&quot;> <link rel=&quot;STYLESHEET&quot; href=&quot;../style/default.css&quot; type=&quot;text/css&quot;> </head>
  • 15.
  • 16. HTML | Estructura <!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot; &quot;http://www.w3.org/TR/html4/loose.dtd&quot;> <html lang=&quot;es&quot;> <head> <title> Altas Cumbres </title> <meta name=&quot;description&quot; content=&quot;las mas altas cumbres&quot;> <meta http-equiv=&quot;content-type&quot; content=&quot;text/html; charset=UTF-8&quot;> <meta name=&quot;keywords&quot; content=&quot;cumbres, altas, montañas &quot;> <meta name=&quot;content-language&quot; content=&quot;es_AR&quot;> <link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;/css/altos.css&quot; media=&quot;all&quot;> </head> <body> .... </body> </html>
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35. HTML | Elementos Tablas
  • 36.
  • 37.
  • 38.
  • 39. HTML | Elementos FORMS!
  • 40.
  • 41.
  • 42. HTML | Elementos FORMS!
  • 43.