elementos básicos y estructura de una página web

Adriana Farias

Charly López

1001 J.T.

ELEMENTOS BÁSICOS Y ESTRUCTURA DE UNA PÁGINA WEB

• Directivas

• Piense en directivas o etiquetas como hablar con el browser, o sea es la manera de darle instrucciones.

• Abajo se dan los siguientes ejemplos de directivas:

• <HTML>

• </HTML>

• La primera directiva es de inicio y la siguiente es una directiva del cierre.

• Para hacer una directiva de cierre, simplemente agregan un signo / a la directiva de inicio.

• La mayoría de directivas, pero no todas tienen una directiva del cierre.

• Las directivas o comandos se pueden realizar en mayúsculas o minúsculas.

ESTRUCTURA BÁSICA DE UNA PÁGINA WEB

• (HTML)

• (HEAD)

• (TITLE)Titulo de la página</TITLE

• (/HEAD)

• (BODY)

• (Aquí van las directivas del contenido de la página)

• (/BODY)

• (/HTML)

EXPLICACIÓN DE LA ESTRUCTURA BÁSICA • (HTML)(Principio del documento html)

• (HEAD)(Inicia título)

• (TITLE)(Titulo de la página (/TITLE)

• (/HEAD)(Finaliza título)

• (BODY)(inicia cuerpo del documento)

• (aquí van las directivas del contenido de la página)

• (/BODY)(Final del cuerpo del documento)

• (/HTML)(Final del documento htlm)

• Directiva <HTML>

• Indica a la computadora que se trata de un programa HTLM.

• Todo programa HTML tiene dos partes El encabezado especificado por la directiva <HEAD> y el cuerpo indicado por la directiva <BODY>

Directiva <HEAD>

• Dentro se colocan las directivas para proporcionar información de la página a los buscadores robóticos de Internet y otras directivas como <TITLE>, <META>, <SCRIPT> y <STYLE> que a continuación se describen:

• Directiva <TITLE>

• Enseña el nombre de la página que se muestra en la barra de título del navegador (Browser) y no el nombre con que se guarda el archivo.

• <TITLE>Titulo de la página</TITLE>

• Directiva <META>

• Proporciona información para que los programas de búsqueda (como google.com, yahoo.com, altavista.com) encuentren nuestra página.

• A continuación se da un ejemplo de la aplicación de la directiva META:

• Directiva <SCRIPT> (Este no es lenguaje HTML, y solo se dará un ejemplo)

• Es empleada cuando agregamos programas con el lenguaje JAVA SCRIP, para incluir efectos visuales en la página y acciones.

• Ejemplo: Las instrucciones descritas abajo, cambian el texto de los enlaces a rojo al pasar el Mouse sobre ello.

• <style>

• 

• </style>

• Directiva <STYLE>

• Se utiliza para colocar Hojas de Estilo en Cascada (CSS),

• Ejemplo: Las instrucciones descritas abajo, indican los atributos y características de la fuente de los textos de la página

• <STYLE>

• P {font-family:Arial; font-size:12pt; color:red; background-color:lime}

• </STYLE>

• Escriba las siguientes instrucciones en un editor de textos simple como Word pad ó Write o block de notas.

• Ejemplo 1: Saltos de línea y de párrafos

elementos básicos y estructura de una página web

Documents