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.
Hay 6 opiniones. Opina sobre este curso.
| Cursos | Valoración | Alumnos | Vídeo | |
|---|---|---|---|---|
|
Excel. Hojas de cálculo (cuarta parte) Curso del software Excel y formación ofimática. Marcos y tablas de Excel serán temas de importancia en esta cuarta parte de nuestro curso de uso avanzado de hojas de cálc... [07/11/08] |
|
5.468 | ||
|
Excel. Hojas de cálculo (tercera parte) Curso del software Excel y formación ofimática. En esta tercera parte de nuestro curso de uso avanzado de hojas de cálculo de Excel aprenderás a modificar gráficos; conoc... [07/11/08] |
|
2.653 | ||
|
Usabilidad web La usabilidad es el principal elemento con el cual debe contar toda página Web. Yo defino Usabilidad como la capacidad de una aplicación de ser agradable, eficiente y fá... [17/07/06] |
|
1.763 | ||
Publicar en
del.icio.us
digg
meneame