Curso Basico HTML

Curso básico de lenguaje HTML
Página todavía en construcción Se irá mejorando poco a poco
Última actualización: 22 de Septiembre de 1997

Índice
Estructura general de un fichero HTML 
Formato de párrafos 
Formato de texto 
Listas no ordenadas 
Listas ordenadas 
Listas de definiciones 
Tablas 
Anclas 
Links 
Inserción de imágenes
Imágenes clicables
Imágenes sensibles
FramesFormularios
Layers o capas 

Estructura general de un fichero HTML
HTML (HyperText Markup Language) es el lenguaje utilizado en la Internet para definir las páginas del WORLD WIDE WEB. Los ficheros HTML son ficheros puramente ASCII, que pueden ser escritos con cualquier editor básico, tal como Notepad en Windows o vi en Unix. También se pueden utilizar procesadores de texto más complicados comoMicrosoft Word, pero en este caso hay que asegurarse que el fichero es guardado en disco como "text only". En este fichero de texto se introducen unas marcas o caracteres de control llamadas TAGs, que son interpretadas por el browser. Cuando éste lee un fichero ASCII con extensión *.htm o *.html interpreta estas TAGs y formatea el texto de acuerdo con ellas.
Todas las TAGs de HTML van encerradasentre los caracteres menor que ( ), como por ejemplo . Además, la mayor parte de ellas son dobles, en el sentido de que hay una TAG de comienzo y otra de final; entre ambas está el texto afectado por dichas TAGs. La marca de final es como la de comienzo, pero incluyendo una barrra (/). Por ejemplo, la marca de final de es . De la misma forma, la TAG de final de es , y así con otras TAGs.

           Título de la página
        ...
   

   
        ...
   

Volver al inicio 

Formato de párrafos
Así se escribe:
Así se ve: 
Este es un ejemplo de cómo se 
formatean los párrafos en lenguaje HTML. 
En esta celda de la Tabla se incluyen dos 
párrafos

El resultado puede verse en la 
celda vecina incluida en la columna de la 
derecha
Este es un ejemplo de cómo seformatean los párrafos en lenguaje HTML. En esta celda de la Tabla se incluyen dos párrafos 
El resultado puede verse en la celda vecina incluida en la columna de la derecha 
Los párrafos se separan con un espaciado 
superior al correspondiente 
a una nueva línea.
Para tener un espaciado más compacto 
puede utilizarse el Line Break, 
como en este ejemplo.
Los párrafos se separan con unespaciado superior al correspondiente a una nueva línea.  
Para tener un espaciado más compacto puede utilizarse el Line Break, como en este ejemplo. 
Líneas horizontales: 

Líneas horizontales: 




Los párrafos pueden indentarse. 
Block quote indenta un párrafo. Se  
deshace esta indentación con el fin de la 
TAG Block quote, 
como se ve en el ejemplo.
Los párrafos pueden indentarse. Block quote indenta un párrafo. Se deshace esta indentación con el fin de la TAG Block quote,
como se ve en el ejemplo.
La TAG Preformatted permite 
respetar la forma 
original 
en que se ha  
escrito el texto.
La TAG Preformatted permite 
respetar la forma 
original 
en que se ha 
escrito el texto.
  
Escuela Superior de Ingenieros Industriales  
Pº Manuel de Lardizábal, 13  
E-20009San Sebastián  

Escuela Superior de Ingenieros Industriales  
Pº Manuel de Lardizábal, 13  
E-20009 San Sebastián  
  (Esto aparece al principio del documento, a la izquierda)
Volver al inicio

Formato de texto
Una idea importante de HTML es la de definir lo que se desea hacer (resaltar una palabra o un párrafo, utilizar un espaciado constante, etc.), pero no decir cómo se deseahacerlo, dejando que esta función la realice el browser de acuerdo con sus posibilidades. Por ejemplo, se le puede decir al browser que se quiere remarcar una palabra sin decirle que la ponga en bold; de ordinario la remarcará poniéndola en bold, pero si el browser se está ejecutando en un ordenador que no permite texto en bold, el propio browser buscará una forma alternativa de remarcar esa palabra....