PRIMEROS PASOS
♦ Las etiquetas
Para comenzar, se verá que el HTML es un lenguaje que se basa en SGML (estándar
internacional para la definición de métodos de representación de texto en forma electrónica no ligados
a ningún sistema ni a ningún dispositivo), lo que quiere decir que todo irá encerrado entre dos
etiquetas, normalmente, una que indica el comienzo de algún elemento del documento y otra que
indica el final del mismo. Estas son de la forma:
<ETIQUETA parámetros> </ETIQUETA>
Cada una va entre los signos de “menor que” (<
y “mayor que” (>. Como podemos ver, para
cerrar el elemento irá una “barra” (/) después de la indicación de comienzo de una etiqueta.
Al principio y final del texto tenemos la etiqueta HTML, que indica que estamos ante una página
web programada en HTML.
<HTML> Indica el comienzo de un documento en formato HTML.
</HTML> Indica el final del documento.
Estas dos etiquetas siempre aparecerán en los ficheros programados en HTML para indicarle al
navegador que lo que está interpretando es lenguaje HTML.
♦ El interior de un documento.
Como se ha comentado en el apartado anterior, toda página en HTML tendrá al principio la
etiqueta <HTML> y al final </HTML>. El interior del documento se compone de una cabecera y un
cuerpo. En la cabecera se pondrá la información relativa a la página y en el cuerpo, el contenido de
ésta.
Cada una de estas partes tiene su etiqueta de comienzo y fin (ver ejemplo 1).
Dentro de la cabecera se puede poner el título de la página de la siguiente forma:
<TITLE> Título de nuestra página web </TITLE>
Más adelante, cuando se tengan los conocimientos básicos, ser comentaran algunas cosas más
que se pueden hacer con las cabeceras.
En el cuerpo irá la información que se verá en la pantalla del navegador y por lo tanto, la
mayoría de las etiquetas que veremos en el resto del seminario. Código ejemplo 1:
<HTML>
<HEAD>
<TITLE> Titulo de mi pagina</TITLE>
</HEAD>
<BODY>
Esta podria ser mi primera pagina Web, creada en
lenguaje HTML.
</BODY></HTML>
(pd:para hacer el archivo abrimos block de notas escribimos y hacemos esto Archivo>Guardar>seleccionamos donde lo queremos guardar y abajo dice tipo apretamos todos los archivos y de nombre ej: iexm.htm lo importante es que alfinal salga (htm) abajo una imagen)
Visto en el navegador:
ETIQUETAS BÁSICAS
Para dar formato al texto y gráficos que aparecen en el cuerpo, se tiene una serie de etiquetas
básicas:
<BR> Salto de línea. Es para obligar al navegador a meter un salto de línea después de esta
etiqueta. No hay que cerrarla. Si no se pone esta etiqueta y el texto rebasa el tamaño de la ventana del
navegador, los saltos de línea se producen automáticamente. Por tanto esta etiqueta se usa para obligar
a que se produzcan estos saltos en sitios determinados.
<HR> Barra horizontal. Introduce una línea horizontal que cruza la pantalla. Tampoco hay que
cerrarla. Además a esta etiqueta sae le pueden poner atributos que modifiquen el aspecto de esta barra,
como son WIDTH (para el tamaño de izquierda a derecha) y SIZE (para el espesor, de arriba abajo).
Ya veremos un ejemplo de cómo se hace esto.
<CENTER></CENTER> Centrar. Todo lo que tenga entre la apertura y cierre de la etiqueta
quedará perfectamente centrado en la pantalla.
<!-- --> Comentario. Todo lo que aparezca entre estas señales no lo tendrá en cuenta el
navegador. Hay una excepción en caso del JavaScript, pero no entra en las expectativas de este
seminario.
Se va a utilizar todo lo aprendido hasta ahora en un ejemplo:Código ejemplo 2:
<HTML>
<HEAD>
<TITLE> Mi segunda pagina web </TITLE>
</HEAD>
<BODY>
Ejemplo numero 2:<BR>Comprobamos el funcionamiento de las
etiquetas aprendidas hasta ahora. Veamos como se formatea el
texto en el navegador.<BR><BR>
<HR WIDTH="100" SIZE=5>
<HR WIDTH="75" SIZE=5>
<HR WIDTH="50" SIZE=5>
<HR WIDTH="25" SIZE=5>
<BR>
<CENTER>Texto Centrado</CENTER>
<BR>
<!-- Este es un comentario, por lo que no aparecerá en el
navegador -->
<HR WIDTH="25%" SIZE=2>
<HR WIDTH="50%" SIZE=3>
<HR WIDTH="75%" SIZE=4>
<HR WIDTH="100%" SIZE=5>
</BODY>
</HTML>
Visto en el navegador:
♦ Las etiquetas
Para comenzar, se verá que el HTML es un lenguaje que se basa en SGML (estándar
internacional para la definición de métodos de representación de texto en forma electrónica no ligados
a ningún sistema ni a ningún dispositivo), lo que quiere decir que todo irá encerrado entre dos
etiquetas, normalmente, una que indica el comienzo de algún elemento del documento y otra que
indica el final del mismo. Estas son de la forma:
<ETIQUETA parámetros> </ETIQUETA>
Cada una va entre los signos de “menor que” (<
y “mayor que” (>. Como podemos ver, paracerrar el elemento irá una “barra” (/) después de la indicación de comienzo de una etiqueta.
Al principio y final del texto tenemos la etiqueta HTML, que indica que estamos ante una página
web programada en HTML.
<HTML> Indica el comienzo de un documento en formato HTML.
</HTML> Indica el final del documento.
Estas dos etiquetas siempre aparecerán en los ficheros programados en HTML para indicarle al
navegador que lo que está interpretando es lenguaje HTML.
♦ El interior de un documento.
Como se ha comentado en el apartado anterior, toda página en HTML tendrá al principio la
etiqueta <HTML> y al final </HTML>. El interior del documento se compone de una cabecera y un
cuerpo. En la cabecera se pondrá la información relativa a la página y en el cuerpo, el contenido de
ésta.
Cada una de estas partes tiene su etiqueta de comienzo y fin (ver ejemplo 1).
Dentro de la cabecera se puede poner el título de la página de la siguiente forma:
<TITLE> Título de nuestra página web </TITLE>
Más adelante, cuando se tengan los conocimientos básicos, ser comentaran algunas cosas más
que se pueden hacer con las cabeceras.
En el cuerpo irá la información que se verá en la pantalla del navegador y por lo tanto, la
mayoría de las etiquetas que veremos en el resto del seminario. Código ejemplo 1:
<HTML>
<HEAD>
<TITLE> Titulo de mi pagina</TITLE>
</HEAD>
<BODY>
Esta podria ser mi primera pagina Web, creada en
lenguaje HTML.
</BODY></HTML>
(pd:para hacer el archivo abrimos block de notas escribimos y hacemos esto Archivo>Guardar>seleccionamos donde lo queremos guardar y abajo dice tipo apretamos todos los archivos y de nombre ej: iexm.htm lo importante es que alfinal salga (htm) abajo una imagen)
Visto en el navegador:
ETIQUETAS BÁSICAS
Para dar formato al texto y gráficos que aparecen en el cuerpo, se tiene una serie de etiquetas
básicas:
<BR> Salto de línea. Es para obligar al navegador a meter un salto de línea después de esta
etiqueta. No hay que cerrarla. Si no se pone esta etiqueta y el texto rebasa el tamaño de la ventana del
navegador, los saltos de línea se producen automáticamente. Por tanto esta etiqueta se usa para obligar
a que se produzcan estos saltos en sitios determinados.
<HR> Barra horizontal. Introduce una línea horizontal que cruza la pantalla. Tampoco hay que
cerrarla. Además a esta etiqueta sae le pueden poner atributos que modifiquen el aspecto de esta barra,
como son WIDTH (para el tamaño de izquierda a derecha) y SIZE (para el espesor, de arriba abajo).
Ya veremos un ejemplo de cómo se hace esto.
<CENTER></CENTER> Centrar. Todo lo que tenga entre la apertura y cierre de la etiqueta
quedará perfectamente centrado en la pantalla.
<!-- --> Comentario. Todo lo que aparezca entre estas señales no lo tendrá en cuenta el
navegador. Hay una excepción en caso del JavaScript, pero no entra en las expectativas de este
seminario.
Se va a utilizar todo lo aprendido hasta ahora en un ejemplo:Código ejemplo 2:
<HTML>
<HEAD>
<TITLE> Mi segunda pagina web </TITLE>
</HEAD>
<BODY>
Ejemplo numero 2:<BR>Comprobamos el funcionamiento de las
etiquetas aprendidas hasta ahora. Veamos como se formatea el
texto en el navegador.<BR><BR>
<HR WIDTH="100" SIZE=5>
<HR WIDTH="75" SIZE=5>
<HR WIDTH="50" SIZE=5>
<HR WIDTH="25" SIZE=5>
<BR>
<CENTER>Texto Centrado</CENTER>
<BR>
<!-- Este es un comentario, por lo que no aparecerá en el
navegador -->
<HR WIDTH="25%" SIZE=2>
<HR WIDTH="50%" SIZE=3>
<HR WIDTH="75%" SIZE=4>
<HR WIDTH="100%" SIZE=5>
</BODY>
</HTML>
Visto en el navegador: