Html

[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]

Html

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

Ähnlich wie Html

Ähnlich wie Html (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

Html