SlideShare une entreprise Scribd logo
1  sur  28
Curso HTML / CSS Primera Sesión
Presentación Matías Alejo García mailto: [email_address] msn:matias_alejo@hotmail.com http://linkedin.com/in/matias
Formato ,[object Object],[object Object],[object Object],[object Object]
Temas a tratar ,[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]
Recursos Bibliográficos ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Conocimientos Previos? ,[object Object],[object Object],[object Object],[object Object],[object Object]
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 | Definición
HTML ,[object Object],[object Object],[object Object],[object Object],HTML – Hyper Text Markup Language
HTML ,[object Object],[object Object],[object Object],[object Object],[object Object]
HTML ,[object Object],[object Object],[object Object],[object Object],[object Object]
HTML ,[object Object],[object Object],[object Object],[object Object]
HTML ,[object Object],[object Object]
Versiones HTML HTML 1995 =>  2.0 (IETF: Internet Task Force) 1997 => 3.2 (W3C) (Netscape, Mosaic) 1997 => 4.0 (W3C) Tres versiones: Strict, Transitional, Frameset. XHTML 2000 => 1.0 2001 => 1.1 XHMTL 2.0?  HTML5? => Working drafts!
HTML Podemos indicar la versión exacta de nuestro documento HTML mediante un encabezado especial: <!DOCTYPE html PUBLIC &quot;-//W3C//DTD HTML 4.01//EN&quot; &quot;http://www.w3.org/TR/html4/strict.dtd&quot;> <!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;> <!DOCTYPE HTML PUBLIC &quot;ISO/IEC 15445:1999//DTD HTML//EN&quot;> Ver ejemplos
HTML | Ejemplos
HTML <html> <head> <title>Curso HTML</title> </head> <body class=”azul” onload=”start()”> <h1>Curso HTML<h1> Es curso comienza <b>a las 9</b>.  En <a href=”/sala”>&eacute;sta sala.</a>. </body> </html> Elementos Procedurales ó Presentacionales Descriptivos o Estructurales Hipertexto Atributos Entidades  de referencias o referencias numéricas.
HTML <html> <head> <meta http-equiv=&quot;content-type&quot; content=&quot;text/html; charset=UTF-8&quot;> <title>Google</title> </head> <body bgcolor=#ffffff text=#000000 link=#0000cc vlink=#551a8b alink=#ff0000 > <center> <img alt=&quot;Google&quot; height=110 src=&quot;/intl/en_ALL/images/logo.gif&quot; width=276><br><br> <form action=&quot;/search&quot; name=f> <table cellpadding=0 cellspacing=0><tr valign=top><td width=25%>&nbsp;</td><td align=center nowrap> <input name=hl type=hidden value=en> <input maxlength=2048 name=q size=55 title=&quot;Google Search&quot; value=&quot;&quot;><br> <input name=btnG type=submit value=&quot;Google Search&quot;> <input name=btnI type=submit value=&quot;I'm Feeling Lucky&quot;></td> <td nowrap width=25%> <font size=-2>&nbsp;&nbsp;<a href=/advanced_search?hl=en>Advanced Search</a><br>&nbsp;&nbsp;<a href=/preferences?hl=en>Preferences</a><br>&nbsp;&nbsp;<a href=/language_tools?hl=en>Language Tools</a></font></td></tr> </table> </form><br><br> <p><font size=-2>&copy;2007 Google</font></p></center> </body> </html>
HTML | Browsers ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
HTML | Browsers ,[object Object],[object Object]
HTML ,[object Object],[object Object],[object Object],[object Object],[object Object]
HTML ,[object Object],[object Object],[object Object],[object Object],[object Object]
HTTP ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
HTTP | URLs ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
HTTP ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
HTTP ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Tipos de sitios ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Tipos de sitios ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Contenu connexe

Tendances

Tendances (20)

Introducción HTML
Introducción HTMLIntroducción HTML
Introducción HTML
 
CSS - ¿Cómo agregar estilos a mi página?
CSS - ¿Cómo agregar estilos a mi página?CSS - ¿Cómo agregar estilos a mi página?
CSS - ¿Cómo agregar estilos a mi página?
 
Html5 Básico
Html5 BásicoHtml5 Básico
Html5 Básico
 
Aprender El Lenguaje Html
Aprender El Lenguaje HtmlAprender El Lenguaje Html
Aprender El Lenguaje 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
 
05 Introduccion a HTML
05 Introduccion a HTML05 Introduccion a HTML
05 Introduccion a HTML
 
Diseño de páginas Web con HTML
Diseño de páginas Web con HTMLDiseño de páginas Web con HTML
Diseño de páginas Web con HTML
 
Html 5. Estructura de un documento para la Web
Html 5. Estructura de un documento para la WebHtml 5. Estructura de un documento para la Web
Html 5. Estructura de un documento para la Web
 
Html - Tema 1
Html - Tema 1Html - Tema 1
Html - Tema 1
 
Curso css
Curso   cssCurso   css
Curso css
 
Curso HTML 5 - Módulo 1
Curso HTML 5 - Módulo 1Curso HTML 5 - Módulo 1
Curso HTML 5 - Módulo 1
 
HTML ¿qué es y para que sirve?
HTML ¿qué es y para que sirve?HTML ¿qué es y para que sirve?
HTML ¿qué es y para que sirve?
 
Introduccion a programacion html
Introduccion a programacion htmlIntroduccion a programacion html
Introduccion a programacion html
 
Apuntes de HTML
Apuntes de HTMLApuntes de HTML
Apuntes de HTML
 
Ria 03-html5-css3
Ria 03-html5-css3Ria 03-html5-css3
Ria 03-html5-css3
 
S01
S01S01
S01
 
HTML5 y CSS3 ¿Imprescindibles?
HTML5 y CSS3 ¿Imprescindibles?HTML5 y CSS3 ¿Imprescindibles?
HTML5 y CSS3 ¿Imprescindibles?
 
Primera clase de HTML
Primera clase de HTMLPrimera clase de HTML
Primera clase de HTML
 
Html (ppt)
Html (ppt)Html (ppt)
Html (ppt)
 
Estructura de un documento html
Estructura de un documento htmlEstructura de un documento html
Estructura de un documento html
 

En vedette (20)

Html
HtmlHtml
Html
 
SlidShare
SlidShareSlidShare
SlidShare
 
PAGINA WEB
PAGINA WEBPAGINA WEB
PAGINA WEB
 
Curso HTML CSS Sesion 2/4
Curso HTML CSS Sesion 2/4Curso HTML CSS Sesion 2/4
Curso HTML CSS Sesion 2/4
 
Estructura de una pagina web
Estructura de una pagina webEstructura de una pagina web
Estructura de una pagina web
 
Html practica4y5
Html practica4y5Html practica4y5
Html practica4y5
 
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
 
Curso html
Curso   htmlCurso   html
Curso html
 
Isaiah 22 commentary
Isaiah 22 commentaryIsaiah 22 commentary
Isaiah 22 commentary
 
Naomi Adir's 92nd Birthday Party
Naomi Adir's 92nd Birthday PartyNaomi Adir's 92nd Birthday Party
Naomi Adir's 92nd Birthday Party
 
Unmanned Aircraft Systems
Unmanned Aircraft SystemsUnmanned Aircraft Systems
Unmanned Aircraft Systems
 
Web Flags - Digital Methods Summer 12
Web Flags - Digital Methods Summer 12Web Flags - Digital Methods Summer 12
Web Flags - Digital Methods Summer 12
 
Data Binding in qooxdoo
Data Binding in qooxdooData Binding in qooxdoo
Data Binding in qooxdoo
 
Cartilla
CartillaCartilla
Cartilla
 
Tchaikovsky
TchaikovskyTchaikovsky
Tchaikovsky
 
77777
7777777777
77777
 
Programa AgitAgueda Art Festival - 2015
Programa AgitAgueda Art Festival - 2015Programa AgitAgueda Art Festival - 2015
Programa AgitAgueda Art Festival - 2015
 
4444444
44444444444444
4444444
 

Similaire à Curso HTML CSS 1/4

Similaire à Curso HTML CSS 1/4 (20)

Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html1
Html1Html1
Html1
 
Html
HtmlHtml
Html
 
XHTML+Inicio en CSS
XHTML+Inicio en CSSXHTML+Inicio en CSS
XHTML+Inicio en CSS
 
Introducción a HTML5 para todos los públicos (UTAD, june 2013)
Introducción a HTML5 para todos los públicos (UTAD, june 2013)Introducción a HTML5 para todos los públicos (UTAD, june 2013)
Introducción a HTML5 para todos los públicos (UTAD, june 2013)
 
F5 Masticable sobre HTML y CSS
F5 Masticable sobre HTML y CSSF5 Masticable sobre HTML y CSS
F5 Masticable sobre HTML y CSS
 
Tag s
Tag sTag s
Tag s
 
Introducción al desarrollo web
Introducción al desarrollo webIntroducción al desarrollo web
Introducción al desarrollo web
 
Tarea
TareaTarea
Tarea
 
Tarea
TareaTarea
Tarea
 
HTML DINAMICO
HTML DINAMICOHTML DINAMICO
HTML DINAMICO
 
Clase 04 Html
Clase 04   HtmlClase 04   Html
Clase 04 Html
 
Tema02 html
Tema02 htmlTema02 html
Tema02 html
 
html
htmlhtml
html
 
Curso HTML CSS 3/4
Curso HTML CSS 3/4Curso HTML CSS 3/4
Curso HTML CSS 3/4
 
Vinculos
VinculosVinculos
Vinculos
 
Html5.
Html5.Html5.
Html5.
 
Introducción a ASP.NET
Introducción a ASP.NETIntroducción a ASP.NET
Introducción a ASP.NET
 
Htm ltlalti
Htm ltlaltiHtm ltlalti
Htm ltlalti
 

Curso HTML CSS 1/4

  • 1. Curso HTML / CSS Primera Sesión
  • 2. Presentación Matías Alejo García mailto: [email_address] msn:matias_alejo@hotmail.com http://linkedin.com/in/matias
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14. Versiones HTML HTML 1995 => 2.0 (IETF: Internet Task Force) 1997 => 3.2 (W3C) (Netscape, Mosaic) 1997 => 4.0 (W3C) Tres versiones: Strict, Transitional, Frameset. XHTML 2000 => 1.0 2001 => 1.1 XHMTL 2.0? HTML5? => Working drafts!
  • 15. HTML Podemos indicar la versión exacta de nuestro documento HTML mediante un encabezado especial: <!DOCTYPE html PUBLIC &quot;-//W3C//DTD HTML 4.01//EN&quot; &quot;http://www.w3.org/TR/html4/strict.dtd&quot;> <!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;> <!DOCTYPE HTML PUBLIC &quot;ISO/IEC 15445:1999//DTD HTML//EN&quot;> Ver ejemplos
  • 17. HTML <html> <head> <title>Curso HTML</title> </head> <body class=”azul” onload=”start()”> <h1>Curso HTML<h1> Es curso comienza <b>a las 9</b>. En <a href=”/sala”>&eacute;sta sala.</a>. </body> </html> Elementos Procedurales ó Presentacionales Descriptivos o Estructurales Hipertexto Atributos Entidades de referencias o referencias numéricas.
  • 18. HTML <html> <head> <meta http-equiv=&quot;content-type&quot; content=&quot;text/html; charset=UTF-8&quot;> <title>Google</title> </head> <body bgcolor=#ffffff text=#000000 link=#0000cc vlink=#551a8b alink=#ff0000 > <center> <img alt=&quot;Google&quot; height=110 src=&quot;/intl/en_ALL/images/logo.gif&quot; width=276><br><br> <form action=&quot;/search&quot; name=f> <table cellpadding=0 cellspacing=0><tr valign=top><td width=25%>&nbsp;</td><td align=center nowrap> <input name=hl type=hidden value=en> <input maxlength=2048 name=q size=55 title=&quot;Google Search&quot; value=&quot;&quot;><br> <input name=btnG type=submit value=&quot;Google Search&quot;> <input name=btnI type=submit value=&quot;I'm Feeling Lucky&quot;></td> <td nowrap width=25%> <font size=-2>&nbsp;&nbsp;<a href=/advanced_search?hl=en>Advanced Search</a><br>&nbsp;&nbsp;<a href=/preferences?hl=en>Preferences</a><br>&nbsp;&nbsp;<a href=/language_tools?hl=en>Language Tools</a></font></td></tr> </table> </form><br><br> <p><font size=-2>&copy;2007 Google</font></p></center> </body> </html>
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.