1: Estructura básica
2: Etiquetas auxiliares básicas
3: Párrafos
4: Listas ordenadas y desordenadas
5: Tablas
6: Imágenes y enlaces
7: Elementos de entrada o selección de datos
8: Formularios
9: La etiqueta [div]
10: Estilos CSS: inline-interno
11: Estilos CSS: externo
12: Programación: concepto
13: Programación: botones y alertas
procesar HTML
Programación: concepto
Un programa es un conjunto de instrucciones que le damos al computador. Un lenguaje de programación es la sintaxis y conjunto de reglas que usamos para escribir un programa. En nuestro caso usaremos el lenguaje javascipt. Empezamos creando variables, que son secciones en la memoria del computador en donde guardaremos datos y les asignaremos un nombre para recordarlo fácilmente. Además también existen objetos que son como entidades sobre las cuales podemos trabajar con sus atributos o métodos, que se invocan con la sintaxis OBJETO.ATRIBUTO ú OBJECTO.METODO()
<html lang="en"> <head> <title>Programando</title> <meta charset="utf-8"> </head> <body> hola me llamo <!–– Los programas se escriben generalmente dentro de la etiqueta script ––> <script> // estas dos barras indican un comentario en javascript var nombre = 'Juan'; // le asignamos el valor 'Juan' a la variable [nombre] var edad = 20 + 1; var edad = edad + 1; // [document] es un objeto que existe en la memoria de la web y representa a la página actual // [.write(..)] es un método del objecto document, es como decir "escribir en el objeto document..." document.write(nombre); document.write('<br>'); document.write('y mi edad es '); // observa el punto y coma al final de cada línea document.write(edad); </script> </body> </html>