(X)HTML. Los vínculos son la característica distintiva de la World Wide Web.

Tamaño: px

Comenzar la demostración a partir de la página:

Download "(X)HTML. Los vínculos son la característica distintiva de la World Wide Web."

Vicente Villanueva Godoy
hace 5 años
Vistas:

1 Hipertexto y marcadores Los vínculos son la característica distintiva de la World Wide Web. Permiten saltar de una página a otra, invocar una película o una grabación y descargar archivos con FTP. Un vínculo consta de tres partes: Un destino: Se utiliza para especificar lo que sucederá cuando el visitante haga clic sobre el vínculo. Una etiqueta: es la parte que el visitante ve y sobre la que hace clic. Puede ser un texto o una imagen. Un punto de destino: Determina el lugar donde se mostrará el vínculo.

2 Hipertexto y marcadores Crear un vínculo con otra página web <a href= URL de la página web >etiqueta</a> Lo que se indique en href puede ser un vínculo relativo o absoluto. Es recomendable utilizar vínculos relativos cuando realizamos enlaces a nuestro propio sitio web, y absoluto cuando las páginas se encuentran en otro sitio web. Es buena idea utilizar todas las letras minúsculas en las URL para evitar problemas en muchos servidores sensibles a mayúsculas y minúsculas. No es recomendable crear etiquetas de vínculo demasiado extensas. Es mejor, si forma parte de una frase, mantener la palabra clave dentro de la definición del vínculo.

3 Hipertexto y marcadores Crear puntos de fijación con nombre <a name= nombre del punto de fijación > etiqueta del punto de fijación</a> Para acceder a este punto de fijación tendremos que escribir: <a href= #nombre del punto de fijación > etiqueta</a> Si el punto de fijación se encontrara en otro fichero, entonces: <a href= URL del fichero#nombre del punto de fijación > etiqueta</a>

4 Hipertexto y marcadores Se pueden crear vínculos a: Otras páginas web (Lo visto). A sitios ftp <a href= ftp://ftp.sitio.com/rutadearchivo>etiqueta</a> a una dirección de correo electrónico. <a href= mailto:pedropereda@hotmail.com >escribe un mensaje.

5 Hipertexto y marcadores Se pueden crear combinaciones de teclas para acceder a los vínculos: <a href= #puntodefijación accesskey= P >etiqueta</a> En este ejemplo bastará con pulsar <Alt> P para posicionarse en el punto de anclaje. En el caso de Internet Explorer, además de pulsar <Alt> P, hay que pulsar <Intro>. Hay que tener especial cuidado en no utilizar combinaciones de teclas que el navegador utilice para funciones propias.

6 Formato básico Color Cuando un monitor muestra un color en pantalla utiliza tres luces con los colores primarios: ROJO VERDE AZUL (RGB) Si el color es negro, el monitor mostrará un 0% de color en cada píxel. Si el color es blanco, el monitor mostrará un 100% de color en cada píxel. HTML utiliza, en hexadecimal, el siguiente formato: #FFFFFF Para el color rojo: #FF0000 Para el color verde: #00FF00 Para el color azul: #0000FF

7 Formato básico Color Para cambiar el color de fondo de la página: <body bgcolor= #FF0000 > Para cambiar el color de todo el texto de la página: <body text= #FF0000 > Para cambiar el color de los hipervínculos que todavía no se han visitado: <body link= #FF0000 > Para cambiar el color de los hipervínculos que ya se han visitado: <body vlink= #FF0000 > Para cambiar el color de un elemento en concreto: <p><font color= #00FF00 >Elemento párrafo</font></p>

8 Formato básico Fuentes Características del texto por defecto: <basefont size= xx color= xx face= Arial > donde size es el tamaño (del 1 al 7), color es el color y face el tipo de letra. Se puede especificar más de una fuente en face. Los encabezados no se ven afectados por el atributo size. Los vínculos no se ven afectados por el atrituto color. Es un elemento desaprobado y muy diferente entre navegadores.

9 Formato básico Fuentes Formato a elementos de texto <font size= xx color= xx face= Arial >...</font> Se puede utilizar tanto en encabezados, como en vínculos.

10 Formato básico Alinear texto Si estamos utilizando <p> o <h?> <p align= center >...</p> <h1 align= center >...</h1> donde align puede ser center, justify, right y let. También podemos utilizar el elemento <center>...</center> aunque se considera anticuado,

Documentos relacionados

Qué es HTML? Estructura interna de una página HTML. Cabecera de la página <head>

Qué es HTML? Estructura interna de una página HTML. Cabecera de la página <head> Qué es HTML? El HTML (Hyper Text Markup Language) es el lenguaje con el que se escriben las páginas web. Es un lenguaje de hipertexto, es decir, un lenguaje que permite escribir texto de forma estructurada,