Curso de Programación Web html, java script 14/09/2018 Curso de Programación Web html, java script
Contenido HTML Principios Color, links, listas Archivos externos Tablas y frames Java Script Datos y expresiones Funciones y procedimientos Condiciones y ciclos Arreglos Objetos básicos Objetos complejos Manejo de eventos
Principios HTML y tags HTML son las siglas de Hyper Text Markup Language. El HTML es sólo una serie de marcadores o tags que se insertan en un documento de texto. Los tags son indicaciones que silenciosamente le dicen al navegador qué hacer. El navegador lee las instrucciones y despliega o ejecuta lo que se le indica. A este conjunto de instrucciones se le llama código fuente. Los tags son por lo general palabras en Inglés (por ejemplo body), o abreviaturas (por ejemplo p que significa “párrafo”). Se distinguen del resto del texto porque están encerradas entre los símbolos < y >.
Tags que abren y tags que cierran Principios Tags que abren y tags que cierran La primera regla del HTML es muy simple: Los tags siempre van en parejas. Por ejemplo, si utilizo el tag <h1> para comenzar un encabezado, debo utilizar el tag </h1> para terminarlo. Habrás notado que se utiliza una diagonal / en el segundo tag. La diagonal distingue al tag que cierra (con diagonal), del tag que abre (sin diagonal).
Estructura de una página Web Principios Estructura de una página Web Todas las páginas HTML comienzan con el tag <html>, y terminan con el tag </html>. En medio de estos dos tags hay dos secciones principales: la cabeza <head> y el cuerpo <body>. En la cabeza (que está delimitada por los tags <head> y </head>) se pone información que no aparece en la página, como el título de la ventana. En el cuerpo (limitado por los tags <body> y </body> se encierra todo lo que aparecerá en la página.
Dónde escribir el código fuente Principios Dónde escribir el código fuente Aunque existen programas para trabajar con HTML, la manera más simple de iniciar en este lenguaje es utilizando el Bloc de notas, que es un accesorio estándar de Windows. El bloc de notas es muy efectivo porque no agrega caracteres adicionales a los textos, cosa que si hacen la mayoría de los procesadores de texto.
Guardar, abrir y editar documentos HTML Principios Guardar, abrir y editar documentos HTML Una vez escrito el código fuente en el bloc de notas, debes guardarlo con la extensión .html. Para eso, en el cuadro de diálogo del Menú Archivo/Guardar como selecciona el Tipo Todos los archivos, y agrega al nombre que des al archivo la extensión .html.
Principios Para ver en el navegador el archivo creado basta abrirlo, o arrastrarlo a una ventana del navegador. Para editar o modificar el código fuente de un documento HTML abierto en el navegador, utiliza el comando Menú Ver/Código fuente para que se abra el código en el Bloc de notas. Haz las modificaciones, cierra y guarda los cambios. De regreso en el navegador actualiza los cambios con el botón Actualizar, o con la tecla F5.
Tablas y frames Tablas En un inicio las tablas se incorporaron dentro del lenguaje HTML para mostrar datos tabulados, sin embargo actualmente las tablas son la principal herramienta para el diseño de páginas Web. La mejor forma de hacer una página Web es primero armar su estructura mediante tablas, y luego poner los datos correspondientes (texto o imágenes) en las celdas de esta tabla. En general, una tabla consiste de una agrupación de celdas arregladas en columnas y renglones.
Tablas y frames Frames Por medio de los frames se definen sub-ventanas dentro de la ventana principal de tu navegador. Cada una de las sub-ventanas o frames tiene su propio código HTML para describir su contenido. Adicionalmente la ventana principal contiene la definición de la estructura de frames, en donde se especifican cuántas y cuáles serán las sub-ventanas, que posición tendrán, y cuál es el código que se debe cargar en cada sub-ventana. A esta estructura de frames se le llama frameset. Con HTML se pueden definir distintas ligas o funciones dentro de una ventana, que tengan efecto alterando el contenido o apariencia de otra ventana.