Descargue como PPTX, PDF, TXT o lea en línea desde Scribd
Descargar como pptx, pdf o txt
Está en la página 1/ 12
PROGRAMACIÓN FRONT
END Introducción El desarrollo Web Inicios de Internet (breve historia) https://www.youtube.com/watch?v=BWb6ri3ePew Las páginas Web: https://www.youtube.com/watch?v=-cwumMnVxZQ Los tres mosqueteros: html5, CSS3, Java Script Qué es Html o Html5??? https://www.youtube.com/watch?v=_SRWasy7zHU Qué es CSS3. Qué es JavaScript. HTML5 Html5: No es una mejora de una versión antigua de Html. Es la combinación o «pegamento» que une a los tres mosqueteros: Javascript, html y css. Componentes básicos: Estructura, estilo y funcionalidad. Todo se «escribe» en un archivo de texto!. NO es necesario ningún software especial para «programar» una página web… Pero ayuda mucho contar con algunos editores para escribir el código. HTML5 Estructura. La estructura de este lenguaje es jerárquica, en forma de árbol. <!DOCTYPE> y <html> <!DOCTYPE html> <html lang=”es”> </html>
<!DOCTYPE html>: indica el tipo de documento.
lang: indica el lenguaje a utilizar o a reconocer. </html>: indica el final del documento. HTML5 Estructura. <!DOCTYPE html> Luego de deben definir dos <html lang="es"> <head> secciones: Cabecera y Cuerpo: </head> <head>…</head>: Inicio y fin de <body> la cabecera. </body> Aquí se pueden incluir el titulo de la </html> página, información general, tipo caracteres, e incorporar archivos externos. <body>…</body>: Inicio y fin del cuerpo: Es la parte visible de todo el documento. HTML5 Estructura: <meta> <!DOCTYPE html> <html lang="es"> <head> <meta charset=”iso-8859- 1”> </head> <body> </body> </html>
Indica cómo el texto será expresado en pantalla.
Esta información no se muestra en la página. HTML5 Estructura: <meta> Se recomienda cerrar las etiquetas simples para asegurar compatibilidad entre navegadores: <!DOCTYPE html> <html lang="es"> <head> <meta charset="iso-8859-1" /> <meta name="description" content="Ejemplo de HTML5" /> <meta name="keywords" content="HTML5, CSS3, JavaScript" /> </head> <body> </body> </html>
Esto no se muestra en la página pero son datos importante para los
