-> ). Los caracteres mas grandes tienen el valor 1 y los
mas pequenios tienen el valor 6. Generalmente, el texto entre estas marcas
se trata en estilo negrita. La marca de principio y la marca de fin generan
automaticamente un retorno de carro (ascii 13+10)
[ o era ascii 10+13.., bah es un CRLF ] [ Carriage Return, line feed ]
5.2
Cuando un browser ejecuta codigo HTML, ignora los saltos de linea que tiene
el fichero fuente. Para insertar saltos de linea, se debe utilizar la marca
. Esta marca tiene la particularidad de ser una marca vacia, o sea que
no necesita la inclusion de
5.3
Cuando un browser ejecuta codigo HTML, ignora los saltos de linea que tiene el fichero fuente. Para insertar saltos de linea, se debe utilizar la marca
. Esta marca tiene la particularidad de ser una marca vacia, o sea que no necesita la inclusion de 5.3
La marca
provoca un salto al parrafo siguiente. Aunque se considera una marca vacia, es perfectamente valido terminar un parrafo con
5.4Esta marca produce una linea horizontal en la ventana del browser. Es un recurso grafico muy atractivo. [ parece un cuaderno a rayas en el monitor ] 5.5
Esta el nombre de esta marca proviene de preformated(preformateado). Respeta
la paginacion precisa de un texto o de una porcion. Presenta el texto con
una fuente monoespaciada como Courier.
Ej:
Tabla Preformateada
Ejemplo de tabla en texto preformateado (<pre>)
+---------+----------+-----------+----------+---------+
| Lunes | Martes | Miercoles | Jueves | Viernes |
+---------+----------+-----------+----------+---------+
| | | | | |
| | | | | |
| | | | | |
+---------+----------+-----------+----------+---------+
El atributo width permite fijar en que numero de columna se fijara el texto
preformateado. Por ejemplo, situara el cursor en la columna 40.
6. Listas --.
<------------'
En HTML se pueden definir dos tipos de listas : Descirptivas y regulares.
6.1 Lista Descriptiva
* Idea del objeto
Descripcion de objeto y bla bla bla bla
bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla
* Otro objeto
Mas descripcion y mas bla bla bla bla
bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla
6.1.1 -
La marca
- y
-
El atributo compact muestra en la misma linea el objeto y la descripcion.
- .
Esta marca debe cerrarse con
- Nombra un objeto de la lista. Su contenido no debe sobrepasar una linea. El estilo de la letra se puede ajustar a gusto del autor con todas las marcas que se consideren necesarias. 6.1.3
-
Corresponde a la definicion del objeto. El tamanio de esta zona no esta
limitado y cada linea se ubicara con una sangria en la izquierda.
Ejemplo de una lista descriptiva :
Listas <dl> Glosario(Ejemplo de lista de tipo definición(<dl>))
- ASCII
- American Standard Code for Information Interchange
- SET
- Saqueadores Edicion Técnica
- elotro
- Referente a un idiota de sudamerica
- Esta marca es vacia (no precisa
). Precede a cada uno de los objetos de la lista. La sintaxis general de las listas regulares es :- Objeto
- ...
6.2.2 -
Genera listas no numeradas. Cada uno de objetos va precedido por un simbolo
[se dice vinieta segun Billy G] segun el nivel de anidacion que tenga.
Ejemplo de lista regular:
- Ficheros HTML
- Ficheros de imagen
- Ficheros de sonido
- Ficheros de vídeo
- Ficheros de prueba
- Ficheros de ejemplo
- Ficheros basura, como este.
- Ficheros HTML
- Ejemplos
- Listas
- Tablas
- Estilos
- Cita
- Texto en enfasis
- Ejemplos
- En curso (como este)
- Preescritos (como este)
- Ficheros HTML
- Ficheros de imagen
- Ficheros de sonido
- Ficheros de vídeo
- Ficheros de prueba
- Ficheros de ejemplo
- Ficheros basura, como este.
- Ficheros HTML
- Ejemplos
- Listas
- Tablas
- Estilos
- Cita
- Texto en enfasis
- Ejemplos
- En curso (como este)
- Preescritos (como este)
- Ficheros HTML
- Ficheros de prueba
- prueba1.html
- shit.html
- index.html
- Ficheros del servidor
- Ficheros de ejemplos
- Ficheros de prueba
- Ficheros de sonido
- Otros ficheros
- Uno
- Dos
- Tres
Listas regulares <ul> Ejemplo de lista no ordenada (<ul>)
- dentro de una zona
- que no haya sido cerrada con
Listas no ordenadas Ejemplo de lista no ordenada anidada (<ul>)
-
Esta marca se usa para generar listas numeradas u ordenadas. Observa
el ejemplo :
Listas regulares <ul> Ejemplo de lista ordenada (<ol>)
Listas ordenadas Ejemplo de lista ordenada anidada (<ol>)
Ejemplo de anidamiento de listas Lista anidada
Estilos de texto El tratamiento de textos WYSIWYG(What You S ee Is What You Get) es un tratamiento de texto en lo vos ves es lo que obtenes. 7.2 Estilo logico y de parrafo Estas marcas de estilo son mas faciles de usar y mas intuitivas para el que escribe HTML. Como ya te debes haber dado cuenta, se llama estilo logico porque las marcas 'describen' el texto en su interior. 7.2.1 Se usa para una 'cita' de una obra o una referencia a otro docuemento. La mayoria de los navegadores presentan caracteres en cursiva para este texto.Estlo logico y de parrafo : <CITE> Texto fuera de la marca Texto dentro de la marca 7.2.2Casi siempre se usa para representar codigo fuente de algun programa. Se usan caracteres monoespaciados, como fuente Courier.Estlo logico y de parrafo : <CODE> Assembler al dope
MOV AX,BX INC BX MOV BX,AX DEC AX NOP NOP INT 20H7.2.3 Se usa para DeFiNir un texto. Segun el browser, se usan caracteres en cursiva o en negrita cursiva.Estlo logico y de parrafo : <DFN> SET EZINE
Publicacion electronica de origen español, dedicada al 'under' de la escena informatica. 7.2.4 Resalta un texto. Normalmente se usan caracteres en cursiva.Estlo logico y de parrafo : <EM> Texto al dope
Texto resaltado 7.2.5 Ilustra un ejemplo de entrada de texto por teclado. Usa caracteres monoespaciados. (KBD = KeyBoarD)Estlo logico y de parrafo : <KBD> User : elotro
Pass : ******** 7.2.6 Se usa para representar un ejemplo de un texto (ejemplo = SAMPle en ingles)Estlo logico y de parrafo : <SAMP> Uso de <SAMP>
Este es un ejemplo del uso de la marca <samp> 7.2.7 Para destacar fuertemente un texto. Generalmente se usan caracteres en negrita.Estlo logico y de parrafo : <STRONG> Texto sin destacar
Texto destacado 7.2.8 Para representar una variable, por ejemplo de un codigo basic.Estlo logico y de parrafo : <VAR> Variables enteras y de cadena :
numero% = 1 DIM a$(1 to 10) 7.2.9Es una combinacion de las marcas
y . Simboliza una direccion o una firma.
Estlo logico y de parrafo : <BLOCKQUOTE> Sr Lector :
Le comunicamos que este documento es un ejemplo del uso del lenguaje HTML, especificamente de la marca <BLOCKQUOTE>.
Saluda atte.elotro - elotro.ar@gmail.com
7.3 Extensiones Dentro del lenguaje HTML 2, Netscape propone extensiones al lenguaje, permitiendo ajustar el tamanio y el color de los caracteres. [la mayoria de los navegadores actuales tambien permiten esto] 7.3.1 Esta marca es la que actua sobre los bloques de texto. Tiene 2 atributos : 7.3.2 Atributo Size Permite regular la altura de los caracteres, mediante una escala de 1 a 7. 7.3.3 Atributo Color Especifica el color de los caracteres mediante el modelo RGB : Red Green Blue Rojo Verde Azul Ej: Rojo = #FF0000 Blanco = #FFFFFFExtensiones de Netscape La mayoria de los navegadores actuales tambien interpretan estas marcas
1234 567 a b 8. Enlances --. <--------------' Los capitulos de arriba se dedican a explicar la preparacion de un documento HTML en lo que se refiere a la estructura y la presentacion del texto. Este capitulo se dedica exclusivamente a los enlances hipertextuales de los documentos HTML. 8.1 Marcadores o anclas Para comenzar a entender el hipertexto, primero vamos a aclarar unos conceptos: [ hay que estudiar un poco tambien :) ] - Ancla de partida : Es la zona sobre la cual se hara clic para acceder al enlance. Puede ser texto, imagenes. - Ancla de llegada : Es la zona a la que apunta el ancla de partida. Puede ser cualquier tipo de fichero. 8.1.1 Esta marca no se utilizara sola JAMAS. 8.1.2 HREF, enlance externo Se trata de crear un enlace hacia otra pagina de la web, que puede estar en un servidor distinto. zona_activable_con_atributos_visuales SET Ezine 8.1.3 HREF, enlance interno El funcionamiento de esta marca es similar a la anterior, pero el destino del hipervinculo es una etiqueta o marcador dentro del propio documento. Sirve para navegar dentro de documentos extensos. zona_activable_con_atributos_visuales Tambien se puede combinar con la marca hacia un documento externo : zona_activable_con_atributos_visuales 8.1.4 NAME, marcador de llegada Se usa para definir un ancla de llegada que puede ser usado con la marca anterior. zona_NO_activable_SIN_atributos_visuales 8.2 Recursos de un enlance Un enlance puede apuntar hacia cualquier tipo de documento : - Ficheros HTML - Imagenes - Sonido - Texto - Cualquier otro tipo soportado por el navegador mediante la descarga de 'plug-ins' - Si el navegador no soporta el tipo de documento, preguntara si lo deseamos descargar hacia nuestro PC. 8.3 Tipos de URL Como ya debes saber, existen otros servicios disponibles en internet aparte del HTTP : 8.3.1 FTP Se usa para trasnmitir ficheros de manera anonima. [bah, 'anonima'] El URL FTP se indica con : FTP://nombre_servidor/directorio/subdirectorio Para los admin (RTFM) : Muchos servidores web traen activada una opcion por defecto que muestra todo el contenido del directorio cuando la direccion contiene una barra (/) al final. FTP://nombre_servidor/directorio/subdirectorio/ Tambien se puede agregar el nombre de un fichero en la direccion FTP://nombre_servidor/directorio/subdirectorio/nombrefichero Algunos accesos FTP necesitan una cuenta de usuario. Se accede de la siguiente manera : FTP://cuenta:pass@nombre_servidor/directorio/subdirectorio/nombrefichero... 8.3.1 NEWS Para acceder a un servidor de noticias NEWS:nombreservidor_o_grupodenews ej: news:alt.2600.new 8.3.1 TELNET [Creo que no hace falta explicarlo.] [Si crees que si hace falta, lee SET] 8.3.1 GOPHER Para acceder a una sede gopher gopher:nombre_sede 8.3.1 MAILTO Para enviar correo electronico mailto:nombredestinatario@servidor 9. Incluyendo imagenes --. <-------------------------' Es dificil inmaginar una pagina web que no contenga imagenes, animaciones, o cualquier atributo visual que llame la atencion. Aqui nos ocuparemos de las imagenes [tal como dice el titulo :)] 9.1 Imagenes Existen diversos formatos que pueden ser soportados por los navegadores a la hora de visualizar las paginas web : - BMP - JPG - PCX - XBM - GIF Estatico (84a) - TIFF - RLE - GIF Animado (87a) Los mas recomendables son el GIF, JPG y RLE; porque son imagenes vectoriales que ocupan muy poco espacio. Ademas, el GIF y el JPG son practicamente los estandares a la hora de incluir imagenes. 9.1.1Es la marca que indica la inclusion de una imagen. Se utiliza con el atributo SRC (SouRCe - origen), de la siguiente manera :
Por ejemplo, si colocamos una marca como :
^
|___ Se refiere a la siguiente ubicacion :
|
(en una maquina unix) |
/ |
usr |
local |
etc |
htdocs |
imagenes |
terroristas |
bush.gif <---'
bin
...
El atributo SRC tambien permite especificar un URL, o sea que tambien se
pueden incluir imagenes de otro servidor, tal como :
o ALIGN=MIDDLE la coloca a la mitad de la linea actual
o ALIGN=BOTTOM la coloca en la parte superior de la linea
9.2 Imagenes en navegadores no graficos
Hay algunos navegadores que no trabajan en modo grafico, como Lynx, que
no pueden mostrar las imagenes. Para que el documento no pierda el sentido
y no despiste al lector, se utiliza un atributo que sustituye a la imagen
por un texto en este tipo de navegadores.
<IMG SRC=)
9.3 Imagenes externas
Se puede ver imagenes mediante el uso de hipervinculos, de la siguiente
manera:
Puede hacer clic aqui para ver una foto de un
hombre inteligente y (honesto?) cuando joven, que se volvio ladron cuando
crecio.
9.4 Imagenes como hipervinculos
Se puede reemplazar el texto de un hipervinculo con una imagen:
Coloca fondo blanco
Coloca fondo rojo
10.2.2 BACKGROUND
Coloca una imagen de fondo de pagina, por lo tanto la carga de la pagina
resulta mas lenta.
10.2 Color del texto
10.2.1 TEXT
Controla el color de todo el texto estandar del documento.
Modelo RGB
Texto azul
10.2.2 LINK, VLINK, ALINK
Controlan el color de los enlances del documento.
o LINK es color de los enlances no visitados (azul x default)
o ALINK es el color muy fugaz que aparece cuando se hace clic sobre un
enlance (rojo x default). En estos dias casi no se aprecia debido a la
velocidad de las conexiones.
[claro que no todos tenemos una T1 en casa. Yo ni tengo modem]
o VLINK es el color del enlance que ha sido visitado (violeta x default)
Este ejemplo presenta enlances rojos, que cambian a azul cuando se clickean
y aparecen en verde cuando han sido visitados.
11. Tablas --.
<------------'
HTML 3 permite realizar tablas con regulacion de la alineacion, el tamanio
y el espaciado de la celda.
[si, ya se que esto es de html 2 pero me parecio bien ponerlo aca ]
11.1 La marca
se usa para la apertura de una tabla. El fin de la misma se indica con
. Se pueden usar los atributos BORDER, CELLPADDING, CELLSPACING . El atributo WIDTH fuerza a la tabla a ocupar un cirto porcentaje de la ventana del browser. o Border indica el tamanio del borde o Cellpadding indica el tamanio de la celda o Cellspacing indica el tamanio de la separacion de la celda Ej:11.2
Inicia una fila en la tabla. Debe terminar con Tiene 2 atributos : ALIGN para la alineacion horizontal y VALIGN para la vertical. Los valores de estos atributos pueden ser : - TOP (superior) - MIDDLE (centro vertical) - BOTTOM (inferior) - CENTER (centro hor.) - RIGHT (derecha) - LEFT (izquierda) ej :1 100 1000 Inicia una celda. Tiene los atribuos ALIGN y VALIGN. 11.4 Es identica a pero el texto de las celdas se coloca como texto de cabecera. Tiene los mismos atributos que 11.5 Coloca un titulo encima (align=top) o debajo de la tabla (align=bottom) Ejemplo de tabla : Ejemplo de tabla
12. Paneles o marcos --. <----------------------' 12.1 Introduccion Cuenta la historia, que alla por el anyo 1996, Netscape propuso nuevos mandatos HTML que eran soportados por su nuevo navegador, el Netscape Navigator [Notescapes Navegando :) ], en su version 2.0 (creo). La idea era simple, pero muy novedosa y util : en vez de usar la ventana del browser para mostrar un documento, poruqe no mostrar 2, o 3, o mas aun. Como se haria esto ? Muy simple, dividir la ventana del navegador en la cantidad de secciones deseadas, y colocar alli el documento que se deseara. Cada una de las secciones recibe el nombre de panel (marco segun billy g) 12.2 Creacion de paneles En realidad, Netscape solo agrego tres marcas al lenguaje HTML para aportar esta funcionalidad. Sin embargo, la estructura de un documento dividido en varios paneles difiere de la de un documento clasico. En un documento clasico, el cuerpo esta entre las marcas y . En el caso de los paneles, el cuerpo se inserta entre las marcas y ademas solo puede componerse de las tres nuevas marcasTabla simple SET Ezine 
Cambia el nombre de la imagen por la que quieras Puedes colocar cualquier elemento dentro de una tabla HTML Introduce tu nombre :
- abre una lista descriptiva. Define el inicio de la lista
y abre el espacio para incluir dos marcas mas :
Coloca fondo blanco
Coloca fondo rojo
10.2.2 BACKGROUND
Coloca una imagen de fondo de pagina, por lo tanto la carga de la pagina
resulta mas lenta.
10.2 Color del texto
10.2.1 TEXT
Controla el color de todo el texto estandar del documento.
Modelo RGB
Texto azul
10.2.2 LINK, VLINK, ALINK
Controlan el color de los enlances del documento.
o LINK es color de los enlances no visitados (azul x default)
o ALINK es el color muy fugaz que aparece cuando se hace clic sobre un
enlance (rojo x default). En estos dias casi no se aprecia debido a la
velocidad de las conexiones.
[claro que no todos tenemos una T1 en casa. Yo ni tengo modem]
o VLINK es el color del enlance que ha sido visitado (violeta x default)
Este ejemplo presenta enlances rojos, que cambian a azul cuando se clickean
y aparecen en verde cuando han sido visitados.
11. Tablas --.
<------------'
HTML 3 permite realizar tablas con regulacion de la alineacion, el tamanio
y el espaciado de la celda.
[si, ya se que esto es de html 2 pero me parecio bien ponerlo aca ]
11.1