Html1

[object Object],Ing. Diego J. Arcusin [email_address] ,[object Object],[object Object]

Objetivos del Curso ,[object Object]

Temas del Curso ,[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],[object Object],[object Object],[object Object],[object Object]

Internet y la WWW ,[object Object],[object Object],[object Object],[object Object]

HTML ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Historia del HTML ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Tim Berners-Lee Director del W3C

El W3C ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

HTML – CSS – Javascript Página Web Estructura Contenido Apariencia Comportamiento HTML CSS Javascript ,[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],[object Object],[object Object],[object Object],[object Object],[object Object]

Elementos HTML ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Elemento Etiqueta de Apertura Etiq. de Cierre Contenido <p class=“texto”>Curso HTML CEMA</p> Nombre Valor Atributo

Atributos ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Tipos de Elementos ,[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],[object Object]

Estructura de un Documento HTML ,[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],[object Object],[object Object],[object Object],[object Object]

Elementos del HEAD ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Contenedores (Block-Level Elements) ,[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],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Contenedores (Tablas) ,[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],[object Object]

Tablas ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Hipervínculos ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Imágenes ,[object Object],[object Object],[object Object],[object Object]

Formularios ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Formularios ,[object Object],[object Object],[object Object],[object Object],[object Object]

Más Elementos ,[object Object],[object Object],[object Object],[object Object]

Estilos CSS ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],En el documento HTML: <h2>Seminario de HTML UCEMA</h2> En la hoja de estilos se define el formato de los encabezados h2: h2 { text-align: center; color: blue; font: italic large "Times New Roman", serif; }

Ventajas del uso de CSS ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Formatos CSS ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Margin (Margen) Border (Borde) Padding (Relleno) Contenido

Estilos CSS ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],h2 { text-align: center; color: blue; font: italic large "Times New Roman", serif; } .textoresaltado { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; /* Esto es un comentario */ color: #000000; } #logo { background-image: url("/img/logo.gif"); background-position:center; background-repeat:no-repeat; height: 50px; width: 150px; position: absolute; left: 0px; top: 0px; }

Como incluir estilos CSS ,[object Object],[object Object],[object Object],<h2 style="color: blue; background: green;"> Curso HTML UCEMA </h2> <head> <style type="text/css"> h2 { font-style: italic; font-weight: bold; color: blue; } </style> </head> <body> <h2>Curso HTML UCEMA</h2> </body> <head> <link rel=stylesheet type="text/css“ href=“estilos.css"> </head>

Javascript ,[object Object],[object Object],[object Object],[object Object],[object Object],DOM: Es una interface (independiente del lenguaje) que permite a los scripts acceder dinámicamente y actualizar el contenido, la estructura y el estilo de los documentos. Brendan Eich Creador del Javascript

Capacidades de Javascript ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Dónde incluir el Javascript ,[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]

El Futuro ,[object Object],[object Object],[object Object],[object Object],[object Object]

Conclusiones Página Web Estructura Contenido Apariencia Comportamiento HTML CSS Javascript ,[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],[object Object],[object Object],[object Object],[object Object],[object Object]

Html1

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

Andere mochten auch

Andere mochten auch (20)

Ähnlich wie Html1

Ähnlich wie Html1 (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (15)

Html1