U.C: Estructura III

Universidad Pedagógica Experimental Libertador

Instituto Pedagógico Rural “El Macaro” Centro de Atención La Cruz de Taratara.

Prof:Ana Rivero

Bachilleres:Caren PrimeraTivisay Medina

HIPERTEXTO & HTML

La cruz , Mayo de 2016

Índice

Índice IntroducciónHipertextoEjemplificacionesCaracterísticas Ventajas y Desventajas del HipertextoFuncionamientoHistoria de HTMLDefiniciónEtiquetas de HTMLAtributos de etiquetasEjemplificacionesConclusiónReferencia Bibliográfica

IntroducciónDe acuerdo con la tecnología el hipertexto es una base de información a manera de organización, de tal manera que

esta herramienta nos permite manejar y ordenar información en el cual los datos se almacenan en una red

de nodos conectados por enlaces, así mismo es importante mencionar que el hipertexto no esta limitado a datos textuales que se puedan encontrar dibujos de l

elementos especificados o especializados, sonidos o videos .

Es de hacer mención que el HTML (Lenguaje de Marcación de Hipertexto) , en la informática es un lenguaje de programación que se utiliza para el desarrollo de paginas de internet, se encarga de

desarrollar una descripción sobre los contenidos como texto en la estructura, completando dicho texto con

fotografías animaciones entre otros

HipertextoEs un sistema de escritura que permite enlazar

información referente a un tema de búsqueda , fue diseñado por Ted Nelson en su intento por buscar y encontrar información basada en links con enlaces o documentos de referencias .

El hipertexto es muy utilizado en la web, ya que es necesario el protocolo de transferencia para poder unir y enlazar archivos relacionados.

El hipertexto es una de las herramientas mas potentes de hoy en día para poder explicar y aprender

Se ha definido como un enfoque para manejar y organizar información, en el cual los datos se

almacenan en una red de nodos conectados por enlaces .

Estos hipertextos contienen además gráficos, imágenes, audio, animaciones y videos. También llamados hipermedias es decir una generalización

de hipertextos

Crear

Compartir

Agregar

Información de

diversas fuentes

por medio de enlaces asociativo

s

Enlazar

Herramienta con

estructura secuencial

que permite:

Ejemplificaciones del Hipertexto

Características del hipertexto

GENERAL

Tener asociada una interfaz de usuario muy intuitiva, pretende emitir el funcionamiento de la mente humana, haciendo uso de los modelos cognitivos.

La información se encuentra

distribuida y puede ser accesada a

informaciones ocurrentes

Es un ambiente colaborativo: el usuario puede crear nuevas

referencias entre dos documentos

Debe promover un

medio adecuado para

organizar y presentar

información poco o nada estructurada

Tiene asociado varias

mecanismos de recuperación y búsqueda de información a través de la navegación

Si el usuario no ha desarrollado las competencias adecuadas , se

desorienta fácilmente . Al seguir con varias líneas de

interés a la vez, tanta información puede

desorientar al usuario y perder la pista de su posición

dentro del documento Este se presenta por

la dificultad del usuario en adaptarse

a la sobre carga mental derivada del

gran numero de operaciones o

consultas de parte de informaciones

Los usuarios pueden moverse libremente a

través de la información

El hipertexto al no ser lineal, ni

secuencial ayuda al usuario a escoger y elegir lo que quiere

Permite al usuario a través de tanto conocimiento

construir algo nuevo y quizás mas

completo El usuario tiene total

libertad para buscar las referencias

deseadas El hipertexto suele

ser mas lucido y divertido de aprendizaje

VENTAJAS

DESVENTAJAS

Funcionamiento

Maneja y organiza La información

Aquí los datos se almacenan en

una red de pantallas

conectada por diferentes links

Estas pantallas contienen

Textos: además de imágenes,

audio, animaciones .

Este lenguaje fue desarrollado por la organización Europea de investigación nuclear (CERN) en el año 1945 con la finalidad de desarrollar un sistema de almacenamiento donde las cosas no se perdieran, que pudieran ser conectadas a través de hipervínculos .El norteamericano Tim Bernes – Lee fue el primero en proponer una descripción De HTML en un documento que publico en 1991, allí describían veintidós componentes que suponen el diseño mas básico y simple de HTML

Historia de HTML

(HyperText Markup Language)

Lenguaje de programación utilizado para el desarrollo de paginas de internet

Lenguaje de marcas de hipertexto, que podría ser traducido como lenguaje

de formato de documentos Para hipertexto

Es un lenguaje muy simple

Y general . El texto en el se crea

A partir de etiquetas.

Se entiende como un sistema que permite ordenar y etiquetar diversos documentos dentro de una lista .

La funcionalidad del HTML es tan sencilla que puede ser creado y editado en cualquier editor de textos básicos, como el Bloc de Notas típico del sistema operativo Windows. También puede editarse en procesadores de textos

Etiquetas Son fragmentos de textos rodeados por corchetes angulares < >, que tienen funciones y usos específicos y se utilizan para escribir códigos HTML .Las etiquetas o tangs son la forma de escribir código HTML .En HTML existen etiquetas de apertura y etiquetas de cierre, tienen la forma: <etiqueta> </etiqueta> es la etiqueta de apertura y </etiqueta> es la etiqueta de cierre indicada por la diagonal. HTML tiene definidas gran variedad de etiquetas para distintos usos.Aunque la mayoría de las etiquetas tienen su etiqueta de apertura y etiqueta de cierre, es importante mencionar que no todas las etiquetas tienen su correspondiente etiqueta de cierre.La etiqueta de apertura y la de cierre son las misma con la única diferencia de la diagonal "/"

.

Las etiquetas tienen atributos que nos sirven para especificar ciertos detalles de esa etiqueta, por ejemplo, especificar un color de texto o de fondo, el ancho y alto de algún elemento, su alineación, la ubicación de un documento o imagen, etc.El segundo caso del ejemplo anterior vimos que <img> sirve para insertar una imagen, pero para que la etiqueta funcione necesita de sus atributos, por medio de estos le daremos uso a la etiqueta.Los atributos se escriben dentro de la etiqueta de la siguiente forma:<etiqueta atributo1="algo" atributo2="algo">Ahora volviendo al ejemplo de la etiqueta <img> es necesario indicar en forma de un atributo la dirección y el nombre de la imagen que queremos que se muestre, esto de la siguiente manera:<img src="carpeta/mi_imagen.jpg">Con lo anterior nuestra etiqueta <img> ya podrá mostrar la imagen deseada.Hay atributos específicos para cada etiqueta, en este ejemplo mostramos la etiqueta <img> con el mínimo requerido, pero puede llevar mas atributos, que no mencionaré aquí pues no es el tema a tratar, pero si hay que decir que a cualquier etiqueta de HTML se le puede agregar atributos, para algunas etiquetas como esta, será algo forzoso agregar el atributo, pero para otras podrá ser algo opcional, sin embargo, las etiquetas y sus atributos son la base del lenguaje HTML, y por medio de estas es como se construye una página web.

Atributos de etiquetas

Ejemplificaciones de etiquetas

HTMLEtiquetas con etiqueta de cierre

Apertura Cierre

<html> </html>

<head> </head>

<body> </body>

<p> </p>

Etiquetas sin etiqueta de cierre

Etiqueta

<br>

<img>

<hr>

<input>

ConclusiónLas herramientas desarrolladas en este contenido como lo es hipertexto , HTML, son de vital importancia ya que permiten

al usuario a través de tanta información e indagación se pueda construir algo nuevo

y mas completo, además puede seleccionar temas que sean de su interés o que le parezcan mas importantes, ya que puede moverse libremente a través de la

información de acuerdo a sus propias necesidades ; dicha información puede ser

estructurada jerárquicamente por prioridades

Referencias Bibliográficas*Hipertexto - Wikipedia, la enciclopedia libre

https://es.wikipedia.org/wiki/Hipertexto

*http://www.ejemplode.com/13-ciencia/2708-ejemplo_de_hipertexto.htmlNota completa: Hipertexto

*Definiciones de hipertexto - LDC - Universidad Simón Bolívarldc.usb.ve/~abianc/hipertexto.html

*ventajas y desventajas del hipertexto - boards5boards5.melodysoft.com/.../ventajas-y-desventajas-del-hipertexto-10.htm

*Funcionamiento – SlideSharees.slideshare.net/pedroalexis/funcionamiento

*Definición de html - Qué es, Significado y Concepto http://definicion.de/html/#ixzz49nHCcusA

*¿Que son las etiquetas html? - Acerca de HTMLwww.acercadehtml.com/manual-html/etiquetas-html.html

 *HTML Etiquetas - Virtualnautawww.virtualnauta.com/html-etiquetas

FIN!!