DEPARTAMENTO DE ARTE Y TECNOLOGÍA 10° 01 – 02 – 03 – 04 DOCENTE: GISELLE RAMOS CANO PÁGINA WEB - ESTRUCTURA Una Página Web es un documento

o información electrónica adaptada para la World Wide Web a la que se puede acceder mediante un navegador (Google Chrome, Mozila Firefox, Internet Explorer, opera, entre otros). Se crea utilizando generalmente el Lenguaje de Programación HTML (Hyper Text Markup Language) o XHTML y frecuentemente incluyen otros recursos como hojas de estilo en cascada, guiones e imágenes digitales, entre otros. El HTML es un lenguaje 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. Al conjunto de instrucciones que definen una página Web 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 encerrados entre los símbolos “<” y “>” y siempre van en parejas. Por ejemplo, si utilizo el tag <h1> para comenzar un encabezado, debo utilizar el tag </h1> para terminarlo. La diagonal distingue al tag que cierra. Aunque, no todos las tags requieren la marca de cierre y se denominan marcas abiertas. Todas las páginas HTML comienzan con el tag <html> y terminan con el tag </html>. Esta sección limita el documento e indica que todo lo que está dentro de los marcadores se encuentra escrito en este lenguaje. En medio de estos dos tags globales hay dos secciones generales:  La cabeza <head> en la que se coloca información que no aparece directamente en el interior de la página, como el título de la ventana (delimitado por los tags <title> y </title>).  El cuerpo <body> del documento, que encierra todo lo que aparecerá en la página, es decir, todo el contenido. Ejemplo: Utiliza un Blog de Notas para escribir el siguiente código fuente, guárdalo con la extensión “.html” y luego ábrela utilizando un navegador. <html> <head> <tittle><b>Mi Primera Página Web</b></tittle> </head> </html> FECHA: _____________________

Ejercicio en clase: Escribe el siguiente código fuente y hazlo correr en un navegador. <html> <head> <tittle><b>Mi Primera Página Web</b></tittle> </head> <br> <br> <body> Creada en la clase de Informática. <p>En el<b> Instituto La Salle</b> </body> </html> COMPROMISO: Consulta sobre los Tipos de Estructuras Clásicas: Lineal, Jerárquica, Lineal – Jerárquica y Red.

DEPARTAMENTO DE ARTE Y TECNOLOGÍA 10° 01 – 02 – 03 – 04 DOCENTE: GISELLE RAMOS CANO FECHA: _____________________

PÁGINA WEB – TAGS MÁS IMPORTANTES TAGS más importantes de HTML La siguiente tabla muestra algunos de los marcadores más importantes del lenguaje HTML. En la tabla solo se muestran los marcadores de inicio, pero recuerda que, a menos que se indique lo contrario, todos los tags tienen su contraparte de cierre, para indicar al navegador dónde termina una instrucción.

Ejercicio: Realiza tu propio algoritmo, en el que practiques los diferentes tags propuestos en la Tabla anterior.