Q SIGNIFICA LA SIGLA HTML
Hypertext markup language
Q SIGNIFICA LA SIGLA WWW
GRAN TELARAÑA MUNDIAL
Q ES UN HIPERTEXTO?
El hipertexto, es decir la posibilidad de navegar entre páginas son sólo hacer un clik sobre un vínculo, ha fortalecido las funciones periodísticas tradicionales.
EN UN LENGUAJE DE MARCAS Q DEFINEN LA ESTRUCTURA LOGICA
ESCRIBE LA ESTRUCTURA DE
Piense en directivas ó 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
Explicación de la estructura básica
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 > Todo programa HTML tiene dos partes El encabezado especificado por la directiva <head >y el cuerpo indicado por la directiva <body>
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>
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>
<!--a:hover{color:RED; font-weight:; }-->
</style>
Directiva <style > Ejemplo: Las instrucciones descritas abajo, cambian el texto de los enlaces a rojo al pasar el Mouse sobre ello.<style>
<!--a:hover{color:RED; font-weight:; }-->
</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 >
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 >
No hay comentarios:
Publicar un comentario