12.176 cursos gratis
8.741.725 alumnos
Facebook Twitter YouTube
Busca cursos gratis:

HTML. Introducción práctica

Autor: Redpoint Bobuu
Curso:
9,13/10 (8 opiniones) |4600 alumnos|Fecha publicaciýn: 23/07/2009
Envýa un mensaje al autor

Capýtulo 3:

 Estructura básica de un documento. Información lineal e hipertexto

Estructura básica de un documento HTML

Al fin vamos a ver un poco de código, ya me aburría con tanta palabrería, ahora veremos un poco como es la estructura de un documento html. Un documento HTML sencillo podría ser el que se ve en el siguiente cuadro:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <title> HTML de ejemplo </title>
</head>
<body>
  <p> Aquí iria el texto del documento </p>
</body>
</html>

En este documento podemos apreciar los siguientes elementos fundamentales:

a.- En la primera línea de un documento HTML se debe indicar que versión de HTML utiliza el documento. En nuestro caso de ejemplo, utilizamos la versión estricta de la versión HTML 4.01 definida en el documento "http://www.w3.org/TR/html4/strict.dtd". 

b.- Los documentos HTML comienzan con una etiqueta <html> y finaliza con una etiqueta </html>. Observad que la etiqueta final es igual a la inicial con la única diferencia que se le agrega delante la barra inclinada a la derecha "/".

c.- Dentro del documento se pueden ver dos secciones: Head y Body. (Cabecera y cuerpo).

d.- La sección Head (cabecera) empieza con la etiqueta <head>, finaliza con la etiqueta </head> y contiene la sección Title que define el título del documento.

e.- La sección Body (cuerpo) empieza con la etiqueta <body>, finaliza con la etiqueta </body> y contiene un párrafo de texto encerrado dentro de las etiquetas <p> y </p>.

Información Lineal e Hipertexto

Hoy trataremos de definir lo que es hipertexto.

Hipertexto fue definido en la década del 60 como "Una escritura no secuencial a un texto que bifurca, que permite que el lector elija y que lea mejor en una pantalla interactiva". Dicho de otra forma se trata de un conjunto de bloques de texto conectados entre sí por nexos (links) que dan opciones de diferentes caminos al usuario.

Podemos decir que hipertexto es un modelo diseñado para imitar la estructura asociativa, no lineal (un libro tiene estructura lineal), a través de enlaces electrónicos. Al seleccionar estos enlaces dirigen al usuario a recuperar información de acuerdo a sus preferencias.

Al no tratarse de un esquema lineal, es decir que no se lee un documento a continuación de otro linealmente, sino que a través de estos nexos se puede acceder a diferentes secciones según los criterios del usuario, facilitan la estructuración de toda la información.

Un ejemplo de hipertexto lo podéis ver en este mismo blog, si hacéis click en cualquiera de los enlaces de la derecha, los llevará al documento que este enlace señala.

Sé que hasta el momento estoy dando la lata con estos temas, pero insisto que son muy útiles principalmente para los no iniciados. Y si tenéis alguna duda o consulta, solo tenéis que escribir en los comentarios.

Nuestras novedades en tu e-mail

Escribe tu e-mail:



MailxMail tratarý tus datos para realizar acciones promocionales (výa email y/o telýfono).
En la polýtica de privacidad conocerýs tu derechos y gestionarýs la baja.

Cursos similares a HTML. Introducción práctica



  • Výdeo
  • Alumnos
  • Valoraciýn
  • Cursos
1. Manual HTML
HTML es un lenguaje muy sencillo que permite describir hipertexto, es decir, texto... [25/11/04]
74.947  
2. Introducción al lenguaje HTML
¿Te interesa entrar al mundo de la programación web ? ¡Entonces este curso de... [14/04/11]
739
Curso con video
3. Cómo exportar una animación de Flash a HTML
En este curso de vídeo se enseña la manera de transportar o exportar animaciones... [29/06/12]
20
Curso con video

ýQuý es mailxmail.com?|ISSN: 1699-4914|Ayuda
Publicidad|Condiciones legales de mailxmail