Apuntes sobre HTML (Segunda parte)
Enlaces
La etiqueta encargada de establecer un enlace es A y /A
Dentro de esta etiqueta se encuentra el atributo HREF en el que se indica la dirección donde está el enlace y el tipo de protocolo utilizado (HTTP, MAILTO, etc.)
<a href="http://www.bdp.org.ar/facultad/comunicacion/cp/multimedia/">Dialógica</a>
Así vemos que el texto “Dialógica” contiene un enlace a la dirección de esta página web y que cuando pulsemos sobre el texto enlazaremos a la misma.
Pero hay que tener en cuenta que de esta forma se cambiará nuestra página por la página enlazada, cuando lo conveniente es mantenerla, así que en ves de cambiar abriremos una nueva ventana. Para esto usaremos el comando TARGET y la variable blank.
target=”_blank”
<a href="http://www.bdp.org.ar/facultad/comunicacion/cp/multimedia/"
target="_blank">Dialógica</a>
Cuando se encuentra un enlace es importante saber a que sitio se va a ir o cual es el contenido del artículo, para esto lo referenciamos con TITLE.
<a href="http://www.bdp.org.ar/facultad/comunicacion/cp/multimedia/"
target="_blank" title="Centro de Producción. Esc. de Comunicación Social. Fac. de CP y RR.II. UNR">Area de Desarrollo Multimedia</a>
Si en cambio quisiéramos enlazar a una dirección de correo y que se abra el programa que por defecto utiliza el usuario pondremos la siguiente etiqueta.
<a href="mailto:adm@bdp.org.ar"
title="mail del Administrador">email</a>
Anclas o enlaces internos
Para acceder a una posición determinada del documento HTML, debemos primero especificar el lugar del documento al que queremos acceder.
<a name="ancla01">Título</a><p>texto</p>
<a href="#ancla01">Volver al título</a>
También podemos acceder a anclas situadas en otros documentos. Para ello añadiremos el nombre del ancla al URL.
Ir a Líneas, saltos de líneas y comentarios ocultos
<a href="http://www.bdp.org.ar/facultad/comunicacion/cp/multimedia/archivos/2006/04/
apuntes_sobre_h.php#ancla01-apuntes2" target="_blank" title="Apuntes de HTML (primera parte)">Ir a Líneas, saltos de líneas y comentarios ocultos</a>
Imágenes
Para incluir gráficos e imágenes en nuestras páginas utilizaremos la etiqueta IMG
<img src="http://www.dialogica.com.ar/unr/postitulo/medialab/
archives/fotos/html.jpg" alt="HTML (Hyper Text Markup Language)"/>
El parámetro SRC especifica el nombre del fichero que contiene el gráfico. Los formatos estándar en la red son el GIF y el JPG. Las últimas versiones de Netscape y Explorer aceptan también el formato PNG.
ALT es similar a TITLE que utilizamos en los enlaces.
Existen dos atributos que, aunque opcionales, conviene indicar siempre: la altura y la anchura del gráfico en pixels. De este modo, el navegador puede mostrar un recuadro del tamaño de la imagen mientras la va leyendo de la red y así poder mostrar el resto de la página correctamente mientras tanto.
<img src="http://www.dialogica.com.ar/unr/postitulo/medialab/
archives/fotos/html.jpg" alt="HTML (Hyper Text Markup Language)" width="96" height="76"/>
También podemos asignarle un borde con el parámetro BORDER y que el texto envuelva a la foto con ALIGN (alineación derecha o izquierda) y HSPACE (distancia en pixels entre la foto y el texto)
<img src="http://www.dialogica.com.ar/unr/postitulo/medialab/
archives/fotos/html.jpg" alt="HTML (Hyper Text Markup Language)" width="96" height="76" border="0" align="left" hspace="10"/>
Fondos
Dentro de la etiqueta BODY podemos definir una serie de parámetros
BACKGROUND: Permite definir un gráfico de fondo para la página.
BGCOLOR: Permite definir el color de fondo de la página.
TEXT: Cambia el color del texto.
LINK: Cambia el color de un enlace no visitado (por defecto azul).
VLINK: Cambia el color de un enlace ya visitado (por defecto púrpura).
ALINK: Cambia el color que toma un enlace mientras lo estamos pulsando (por defecto rojo).
<body bgcolor="#CCCCCC" background="imagenes/fondo01.jpg" text="#330000" link="#006699" vlink="#CC6600" alink="#FFCC66">
Formato de Texto
Con la etiqueta FONT podemos atribuirle a un texto una serie de indicaciones
COLOR: La manera de especificarle el color es común a todas las etiquetas HTML, o bien indicando el nombre, si es un color normal, o bien especificando el porcentaje de rojo, verde y azul (código RGB) del mismo. Los colores reconocidos son los siguientes:
Black, Silver, Gray, White, Maroon, Red, Purple, Fuchsia, Green, Lime, Olive, Yellow, Navy, Blue, Teal, Aqua.
Texto en rojo
<font color="red">Texto en rojo</font>
Para el RGB se utiliza código hexadecimal: 0 a 9 y A a F
Texto verde
<font color="#00CC00">Texto verde</font>
SIZE: Parámetro para indicar el tamaño. Puede ser de 1 a 7
Tamaño de Texto
<font size="3">Tamaño de Texto</font>
FACE: Parámetro para indicar la tipografía. Como en principio no tenemos manera de saber que tipo de letra tiene instalado el ordenador del usuario que está viendo nuestras páginas, podemos indicar más de uno separado por comas. Si el navegador no encuentra ninguno seguirá utilizando el que tiene por defecto.
Fuente
<font face="Times New Roman">Fuente</font>
Editado por Fernando Irigaray a las 08:20 PM | Palabras: [ 725 ]
Archivado en: [ HTML ]
Enlace permanente | Comentarios (0)
Navegador Mozilla Firefox
Desarrollado por:
Con la colaboración de:
Facultad de Ciencia Política y Relaciones Internacionales
Riobamba 250 bis C.U.R.
S2000EKF Rosario - Tel. (0341) 480-8520
