Si te lo propones
puedes aprender el lenguaje HTML en un día. Si tienes algo de tiempo, programar
tus páginas web, te va a resultar una experiencia gratificante e instructiva.
El lenguaje HTML tiene instrucciones de la forma: <ID
atributos> datos </ID>, donde ID identifica una instrucción,
atributos son valores para darle forma a los
datos, y el fin de la instrucción se marca con </ID>. (TAG, clause,
cláusula, son sinónimos de instrucción)
Por ejemplo, <B> pone en negrita el texto que le sigue hasta el </B>,
por lo cual si escribimos: <B>texto enfatizado </B>, se obtiene: texto
enfatizado.
Seguidamente tienes una muestra de instrucciones HTML para que captes los
conceptos básicos del lenguaje. Te resultará muy útil tener una idea sobre el
hipertexto HTML.
La estructura de un documento en lenguaje HTML es la siguiente:
<HTML>
<HEAD>
<TITLE> El título del documento </TITLE>
</HEAD>
<BODY bgcolor="color del fondo">
.......................................
Instrucciones del documento
.......................................
</BODY>
</HTML>
|
|
El <HTML> define el comienzo de un documento HTML. El <HEAD> define el
encabezado, que incluye entre otros datos, el <TITLE> que permite especificar el
título del documento, el cual aparecerá en la parte superior de la pantalla del
navegador o visor web.
El <BODY> define el cuerpo de las instrucciones del documento. Además, permite
definir diversos aspectos de la página, como por ejemplo, el color del fondo, el
color para señalar los hiperenlaces, etc. El parámetro bgcolor define el
color del fondo de la página.
Esta página web que estás leyendo empieza de esta forma...
<HTML>
<HEAD>
<TITLE> Computarizar - Tu propia pagina web - </TITLE>
</HEAD>
<BODY bgcolor="lightyellow">
.......................................
Instrucciones de esta pagina web
.......................................
</BODY>
</HTML>
|
|
Ejemplos de instrucciones básicas que van en el cuerpo de un documento HTML.
Instrucciones/descripción |
Resultado
en pantalla |
<B>enfatizado </B> y <U>subrayado</U>
<B> inicia escritura en negrita, <U>
subraya. |
enfatizado y
subrayado |
<IMG
src="logitocw30.gif"> </IMG>
<IMG > indica inserción de una imagen.
src=especifica el archivo de la imagen/gráfico.
|
|
<A
href="http://www.computarizar.pro"> Portada de Computarizar </A>
<A > define un
enlace o hiperenlace.
href= define la dirección de la página web. |
Portada de Computarizar
|
<b>Lista de Tipos de letras</b><br>
<UL type=disc>
<LI>Arial black
<LI>Sans Serif
</UL>
<UL > define una lista que usa un
circulito.
<LI> define un renglón o ítem de la lista.
|
Lista de Tipos de letras
|
Tabla de datos sencilla<br>
<table border=1
bgcolor="lightyellow">
<td>XXX</td><td>YYY</td><tr>
<td>VVV</td><td>WWW</td><tr>
</table>
<td> define un elemento (color,
ubicación,..)
<tr> termina una fila. |
Tabla de datos sencilla
|
|
|