Html

1. INTRODUCCION A HTML Y JAVASCRIPT

3. HTML.

4. Historia del HTML.

5. HTML – CSS – Javascript.

6. Elementos HTML.

7. Tipos

8. Atributos

9. Estructura

10. Contenedores

11. Tablas

12. Hipervínculos

13. Imágenes

14. Formularios

15. Estilos CSS.

16. Javascript.

17. El Futuro.

19. WWW. Sitios Web y páginas Web.

20. Otros objetos en la Web.

22. HTML = Hypertext + MarkUp

24. Imágenes,

25. Multimedia

26. Y enlaces a otros documento.

27. MarkUp Es el proceso de tomar el texto ordinario e incorporarle símbolos adicionales. Cada uno de estos símbolos identifica a un comando que le indica al navegador como mostrar ese texto.

29. En 1990 Tim Berners-Lee crea la WWW y el HTML con base en un subconjunto del SGML.

30. En 1993 se crea el HTML 2.0 (o HTML+)

31. En 1995 el W3C (World Wide Web Consortium) define el HTML 3.0

32. El HTML 3.2 abandona las sugerencias del HTML 3.0 y adopta elementos desarrollados por Netscape. (Incorpora Tablas, Applets, Texto alrededor de imágenes)

33. En 1997 se define el estándar HTML 4.0

34. En 1999 aparece el estándar actual HTML 4.01

35. Más información en: http://www.w3.org/Tim Berners-Lee Director del W3C

37. La misión del W3C es la de maximizar el potencial de la WWW desarrollando protocolos y guías que aseguren el crecimiento futuro de la Web.

38. Algunas Organizaciones miembro del W3CAdobe Ericsson Nokia Apple Google, inc. Opera Software AT&T HP Sun Microsystems Cisco IBM Corporation Telefónica de España Citigroup Microsoft Yahoo, inc. Deutsche Telekom Mozilla Foundation VeriSign …Y decenas de universidades de todo el mundo

40. Encabezados

41. Listas

42. Tablas

43. Capas

45. Imágenes

47. Tipografías

48. Alineación

49. Fondos

50. Tamaños

52. Validaciones

53. AutomatizaciónJavascript

55. Cuentan con 2 propiedades básicas:

56. Atributos

57. Contenido

58. En general se conforman con una Etiqueta de Apertura y otra Cierre.

59. Los atributos se colocan dentro la etiqueta de apertura, y el contenido se coloca entre la etiqueta de apertura y la de cierre.Elemento Etiqueta de Apertura Etiq. de Cierre Contenido <p class=“texto”>Curso HTML CEMA</p> Nombre Valor Atributo

62. Estructurales

63. Describen el propósito del texto y no denotan ningún formato específico.

65. Describen la apariencia del texto, independientemente de su función.

67. De HiperTexto

68. Relaciona una parte del documento a otros documentos.

69. Por ejemplo:<a href=“http://www.cema.edu.ar”>Universidad del Cema</a>

71. Delimita el Documento HTML

72. <HEAD> … </HEAD>

73. Delimita el encabezado del Documento HTML

74. En general incluye los metadatos del documentos y Scripts.

75. <BODY> … </BODY>

76. Delimita el Cuerpo del Documento HTML.

77. Es donde se incluyen los contenidos visibles del documento.

78. Ejemplo<html> <head> Aquí se incluyen os distintos elementos del encabezado </head> <body> Aquí se incluyen los distintos elementos contenedores o scripts </body> </html>

80. Define el título del documento HTML

81. <SCRIPT> … </SCRIPT>

82. Se utiliza para incluir programas al documento. En general se tratan de Javascripts.

83. <STYLE> … </STYLE>

84. Especifica un estilo CSS para ser utilizado en el documento.

85. <META> … </META>

87. Es el contenedor mas común.

88. Su sintaxis es: <P> … </P>

89. Encabezados

90. Indican una jerarquía de secciones dentro del documento

91. Su sintáxis: <h1>…</h1>, <h2>…</h2>, <h3>…</h3>,.. <h6>…</h6>,

92. Listas

93. Listas de Definiciones (consistente de pares de términos y definiciones)

94. <dl>…</dl> Crea la lista

95. <dt>…</dt> Crea un nuevo término

96. <dd>…</dd> Crea una nueva definición

97. Lista Ordenada Enumerada

98. <ol> … </ol> Crea una nueva lista

99. <li> … </li> Crea un nuevo ítem en la lista

100. Lista Ordenada No Enumerada

101. <ul> … </ul> Crea una nueva lista

102. <li> … </li> Crea un nuevo ítem en la lista

103. Capas

104. Permiten agrupar y diagramar contenidos en los documentos.

106. <tr> … </tr> Crea una nueva fila

107. <td> … </td> Crea una nueva celda dentro de la filaPor ejemplo: Creación de una tabla de 2 x 2 <table> <tr> <td> … </td> <td> … </td> </tr> <tr> <td> … </td> <td> … </td> </tr> </table>

109. Atributos de las Tablas

110. Atributos de las Celdas y Filas

111. Prioridades en los formatos

112. Tablas anidadas

113. Tablas Irregulares (Atributos colspan y rowspan)

115. Ubicación y rutas de documentos.

116. Rutas Absolutas

117. Rutas Relativas

118. Rutas relativas a la raíz del sitio

119. Vínculos a otras páginas. Etiqueta <A>.

120. Uso del atributo target (Destino).

121. Anclaje de nombre. Atributo name.

123. ¿Qué imágenes se pueden usar?

124. Ventajas y desventajas de cada formato.

126. Elementos para Formularios

127. Campos de Texto

128. Casillas de Verificación

129. Botones de opción

130. Menús

131. Botones

132. Campos ocultos

133. Campos de carga de archivos

134. ¿Cómo se envía la información?

136. Elemento <SELECT>

138. Nueva linea <BR>

139. Línea Horizontal <HR>

142. Diferentes usuarios pueden contar con diferentes estilos acordes a sus necesidades. Ejemplos:

143. Estilos para personas con dificultades visuales,

144. Estilos para dispositivos móviles,

145. Estilos para dispositivos monocromos,

146. Estilos para impresión,

147. Etc.

149. Propiedades de color y fondo

150. Propiedades de texto

151. espaciado de palabras

152. alineación

153. Propiedades de caja

154. Margen

155. Borde

156. Relleno

157. Estilos de listas Margin (Margen) Border (Borde) Padding (Relleno) Contenido

159. La Declaración (define el estilo)

160. Propiedad

162. Crear Estilos Personalizados para uso genérico (Clases)

163. Crear Estilos para un elemento HTML específico (por Id)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; } Estilos CSS

165. Embedded StyleSe define la regla CSS dentro de un documento HTML. Se puede aplicar a cualquier elemento de ese documento.

166. Hojas de Estilos externasUn archivo CSS independiente que se encuentra referenciado en cada uno de los documentos HTML que desean utilizarlo.<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>

168. Es un lenguaje de programación interpretado con base en la sintaxis del lenguaje C.

169. Está basado en objetos y guiado por eventos.

170. No tiene nada que ver con Java

171. Las funciones Javascript se incluyen en los documentos HTML interactuando con el DOM (Document Object Model) de la página para realizar tareas no factibles de hacer con HTML sólo.Brendan Eich Creador del Javascript 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.

173. Abrir nuevas ventanas controlando su tamaño, look & feel, controles, etc.

174. Incorporar validaciones a los formularios.

175. Cambios de imágenes al colocar el mouse sobre algún objeto de la página web.

176. Generar respuestas ante distintos eventos

177. Efectos visuales en la página.

178. Crear, Eliminar o cambiar atributos de elementos de una página HTML en forma dinámica.

179. Crear o Leer Cookies

183. Es la versión XML de HTML

184. Tiene las mismas funciones que el HTML pero con una sintáxis más estricta (como el XML).

185. Surge para facilitar el acceso a la web de nuevos dispositivos(Por ejemplo: dispositivos móviles).

187. Encabezados

188. Listas

189. Tablas

190. Capas

192. Imágenes

194. Tipografías

195. Alineación

196. Fondos

197. Tamaños

199. Validaciones

200. AutomatizaciónJavascript

201. Preguntas ?

Html

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (19)

Destacado

Destacado (9)

Similar a Html

Similar a Html (20)

Html