Manual HTML espanol
Universitat de València
Servicio de Estudiantes
Mecanización
Guía para escribir documentos HTML
Versión 1.4 (beta)
© jac. 1996 - 2000. E-mail:
[email protected]
Si prefiere tenerla en local (recomendado), puede hacer FTP desde aquí:(Versión 1.3)
Versión PC (533 Kb.)
1.
2.
3.
4.
5.
6.
7.
Propósito del documento
Notas sobre el lenguaje
¿Cómo funciona esto?
Introducción al HTML
Estructura de un documento HTML
Cabecera de un documento
<HEAD> <TITLE> <META>
Cuerpo de un documento
<BODY>
1.
2.
3.
4.
5.
6.
7.
Tamaños y tipos de letra
<Hx> <FONT SIZE> <FONT FACE>
Texto de colores
<FONT COLOR>
Párrafos. Saltos de línea. Bloques tabulados. Línea horizontal. Divisiones
<P> <BR> <BLOCKQUOTE> <HR> <DIV>
Texto preformateado
<PRE> <SPACER>  
Columnas de texto
<MULTICOL>
Negrita. Itálica. Centrado. Otros efectos
<B> <I> <CENTER>
Lista desordenada. Lista ordenada. Menú. Lista de definición. Directorio
<UL> <OL> <MENU> <DL> <DIR> <LI> <DT> <DD>
file:///C|/Mis documentos/html_1/sestud.uv.es/manual.esp/indice.htm (1 of 3) [01/06/2000 0:09:17]
Manual HTML espanol
1.
Tablas
8.
Ejemplos de listas
<TABLE> <TR> <TD> <TH>
Ejemplos de tablas
1.
Códigos de colores
9.
<FONT COLOR> <BODY BGCOLOR>
1.
Combinación de efectos de colores
<BODY BGCOLOR FGCOLOR TEXT LINK VLINK ALINK>
10.
¿Por qué hay que usar códigos?
&#xxx; &alias;
1.
Tabla de códigos
Creando enlaces (links)
11.
<A>
12.
Insertando imágenes
<IMG> <MAP>
13.
14.
15.
1.
Usar una imagen como fondo de página
<BODY BACKGROUND>
Usar una imagen como marca decorativa de una lista
2.
Introducción a los formularios
¿Cómo se escriben formularios?
<FORM> <INPUT> <SELECT> <TEXTAREA>
¿Cómo se escriben formularios? (Página especial para impresión)
1.
2.
3.
4.
Ejemplos de formularios
Ejemplos de formularios (Página especial para impresión)
Tabla de códigos de conversión en formularios
Macro de conversión
de ficheros recibidos desde formularios para Word 6.0 de Windows 3.1.
5.
Macro de conversión
de ficheros recibidos desde formularios para Word 97 de Windows 95.
16.
Frames
<FRAMESET> <FRAME>
8.
Últimas innovaciones del HTML.
1.
Páginas con sonido
<EMBED>
1.
2.
Ejemplos de páginas con sonido.
Ejemplos de páginas con sonido (Página especial para impresión).
file:///C|/Mis documentos/html_1/sestud.uv.es/manual.esp/indice.htm (2 of 3) [01/06/2000 0:09:17]
Manual HTML espanol
2.
3.
4.
5.
Páginas con vídeo
<EMBED>
Los lenguajes JavaScript y Java
<SCRIPT> <APPLET>
1.
Ejemplos de JavaScript.
Gráficos animados
Adiciones a la guía
file:///C|/Mis documentos/html_1/sestud.uv.es/manual.esp/indice.htm (3 of 3) [01/06/2000 0:09:17]
Proposito
[Indice]
Propósito de este documento
Algunas reflexiones
Estas páginas han sido creadas como parte del material para impartir un breve cursillo sobre el mundo
WWW, en particular, y las herramientas para moverse por la INTERNET, en general, a un grupo de
estudiantes con pocos o nulos conocimientos informáticos.
Al escribir esto comencé como suelen comenzar casi todos los manuales que pueden encontrarse a lo
largo y ancho del ciberespacio, pero en mitad de una farragosa explicación sobre el ISO 8859-1, pensé:
"... bueno, esto en realidad no necesitan saberlo... pero, todo sea por el rigor técnico...". Y entonces hice
una prueba... Le di a leer lo que acababa de escribir a un "conejillo de indias" que pasaba por allí y que
de esto sólo conocía "eso que dicen por la tele de las autopistas de la información...".
El resultado, como era de esperar, fué algo peor que desastroso. De las cinco primeras líneas, sólo
comprendió una docena de palabras, y de las restantes, sus preguntas daban pie a pensar que era algo más
que un breve cursillo lo que haría falta para que saliese medianamente enterado.
Y sin embargo, yo tengo claro que el HTML no es tan difícil. Pero, ¿cuál es el objetivo real? Simple:
saber lo necesario para poder hacer una página personal en un servidor ya instalado.
Evidentemente, habrá que partir de unos leves conocimientos de "entorno": como haber manejado un
procesador de textos en Windows, saber guardar un fichero donde uno quiere y poco más que sea
realmente imprescindible. Y esto es poco más o menos lo que saben la mayoría de usuarios.
Había que olvidar el "rigor técnico", y escribir las cosas de forma que no se requiriera ser analista de
sistemas para comprenderlas, y sobre todo, pensando qué es lo realmente necesario para poder obtener
resultados aceptables, que animen al alumno en un tiempo razonable pero sin dejar de lado los
conocimientos de altura, que serán demandados por el propio alumno a medida que avanza.
Esto no es un manual de referencia. Ni siquiera es un manual. No hay referencias técnicas ni siglas, ni
lenguaje técnico... ni por supuesto, está "todo" sobre el HTML. Es una serie de apuntes donde no falta
nada de lo que hace atractivo el HTML, con ejemplos de los de cortar y pegar, como un recetario.
Algunas cosas son, por naturaleza, algo complejas, y puede que tengas que preguntar, es inevitable.
Aunque espero que sean las menos, y que después de leer esto, ya puedas trabajar sin ayuda.
Cómo utilizar éste documento
No te aconsejo que te "empolles" toda la guía. Solamente hojéala. Ahora se trata de que sepas lo que se
puede hacer, no cómo se puede hacer. Cuando te hayas dado un ligero baño de sabiduría HTML,
piensa lo que quieres hacer. El diseño inicial es importante, comienza a editar tu primera página. No
temas cometer burradas, no se puede romper nada. Lo peor que puede pasar es que no funcione.
Cuando ya tengas algo escrito, pruébalo. Si algo no funciona, busca la sintaxis correcta, ves complicando
file:///C|/Mis documentos/html_1/sestud.uv.es/manual.esp/proposit.htm (1 of 2) [01/06/2000 0:09:44]
Proposito
el documento poco a poco, "tirando de guía" cuando te atasques. Copia algunos ejemplos y modifícalos.
Compara su funcionamiento antes y después.
[Indice]
file:///C|/Mis documentos/html_1/sestud.uv.es/manual.esp/proposit.htm (2 of 2) [01/06/2000 0:09:44]
Notas
[Indice]
Notas sobre el lenguaje
El HTML (Hyper Text Markup Language) es un lenguaje que sirve para escribir hipertexto, es decir,
documentos de texto presentado de forma estructurada, con enlaces (links) que conducen a otros
documentos o a otras fuentes de información (por ejemplo bases de datos) que pueden estar en tu propia
máquina o en máquinas remotas de la red. Todo ello se puede presentar acompañado de cuantos gráficos
estáticos o animados y sonidos seamos capaces de imaginar.
Por supuesto, la estética de los documentos escritos en HTML no se limita a texto digamos normal;
consigue todos los efectos que habitualmente se pueden producir con un moderno procesador de textos:
negrita, cursiva, distintos tamaños y fuentes, tablas, párrafos tabulados, sangrías, incluso texto y fondo de
página de colores, y muchos más.
Posiblemente te dirás que todo esto está muy bien, pero que tú no vas a tener la necesidad o posibilidad
de desarrollar uno de esos famosos WWW de los que todo el mundo habla, a veces sin saber demasiado
bien de qué habla.
Mucha gente asocia este lenguaje (que en realidad casi ni siquiera es un lenguaje, sino una forma de
definir efectos en el texto de manera similar a como se hacía en los antiguos procesadores de texto para
DOS; ¡quién no recuerda Word Star y sus instrucciones con punto!) con complicados y poderosos
servidores de información que misteriosamente alguien programa, y que seguramente es un genio en
estas cuestiones, y piensa que en el trabajo cotidiano o incluso en casa, esto no sirve para nada....
Pues no es así. Esto es muy sencillo y más práctico de lo que parece. Evidentemente, si lo que quieres es
montar un servidor de información con miles de páginas, links a varias bases de datos tanto locales como
remotas, posibilidad de búsquedas indexadas, gráficos animados, sonido, páginas interactivas, etc., etc.,
necesitarás saber algo más que simple HTML. Pero has pensado en:
1.
2.
3.
4.
5.
6.
7.
8.
¿Poner en limpio de una vez por todas esas notas que tienes desperdigadas, llenas de llamadas de
unas a otras y que no hay manera de encontrar?
¿Presentar tu colección de sellos con una imagen escaneada de cada uno y un comentario sobre su
tema, y organizado por años, valores, o lo que se te ocurra?
¿Idem de la colección de discos?
¿Montar el álbum de fotos de familia con un texto explicativo de cada una?
¿Organizar tu biblioteca, incluyendo el índice escaneado de cada libro y haciendo links entre
temas?
¿Las fotos del último viaje de vacaciones, incluyendo llamadas a los planos de las ciudades
visitadas, y a todas las historias que te contaron en cada sitio?
¿Si eres estudiante, presentar al "profe" tu próximo trabajo lleno de diagramas, gráficos, tablas,
colores... en un disquete (junto con el visualizador por si acaso no lo tiene) ?
¿Organizar para siempre y poner al alcance de todos ese catálogo o listín siempre perdido en la
oficina?
file:///C|/Mis documentos/html_1/sestud.uv.es/manual.esp/notas.htm (1 of 2) [01/06/2000 0:09:50]
Notas
9.
¿Preparar los temas de legislación, llenos de referencias cruzadas, de esas oposiciones que te
llevan de cabeza?
En fin, la lista puede ser infinita. Pero esto es bastante sencillo de conseguir. ¿Qué necesitas para
empezar? pues solamente un editor de texto cualquiera (desde Word al humilde "edit" de MS-DOS), un
visualizador WWW como el que estés usando ahora... y haberte leído esto.
[Indice]
file:///C|/Mis documentos/html_1/sestud.uv.es/manual.esp/notas.htm (2 of 2) [01/06/2000 0:09:50]
Como funciona
[Indice]
¿Cómo funciona esto?
Básicamente, la cosa es simple: la pieza clave es el "browser", "navegador", "visualizador" o "cliente" o
como quieras llamarle, HTML, es decir, el programa que ahora mismo estás utilizando para ver esto.
Todas las codificaciones de efectos en el texto que forman el lenguaje HTML no son más que
instrucciones para e
Crear cuenta
Comentarios de: Guía para escribir documentos HTML (0)
No hay comentarios