etiqueta a href

10
Etiqueta A HREF La etiqueta <A HREF...>...</A>; no sólo se utiliza para establecer un vinculo con otra página y/o correo. También en una página html se pueden realizar enlaces a otras secciones especificas dentro del mismo documento. La forma de hacerlo consiste en colocar en el sitio deseado un puntero o etiqueta similar a la que se muestra a continuación. <A NAME=“Búsqueda”> Esta etiqueta no se visualiza en el navegador.

Upload: efia

Post on 21-Jan-2016

81 views

Category:

Documents


0 download

DESCRIPTION

Etiqueta A HREF. La etiqueta ...; no sólo se utiliza para establecer un vinculo con otra página y/o correo. También en una página html se pueden realizar enlaces a otras secciones especificas dentro del mismo documento. - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: Etiqueta A HREF

Etiqueta A HREF

La etiqueta <A HREF...>...</A>; no sólo se utiliza para establecer un vinculo con otra página y/o correo. También en una página html se pueden realizar enlaces a otras secciones especificas dentro del mismo documento.

La forma de hacerlo consiste en colocar en el sitio deseado un puntero o etiqueta similar a la que se muestra a continuación.

<A NAME=“Búsqueda”>

Esta etiqueta no se visualiza en el navegador.

Page 2: Etiqueta A HREF

Etiqueta A HREF

Para “saltar” dentro de la página al sitio especificado, es decir, a la etiqueta de “Búsqueda”, usamos un comando similar al siguiente:

<A HREF=“#Búsqueda”> Temas de Biología </A>

En la pantalla se despliega el hipervínculo Temas de Biología . Pulsando sobre él tenemos acceso a la zona de la página HTML que contiene la etiqueta de “Búsqueda”.

Page 3: Etiqueta A HREF

Etiqueta A HREF

Otro uso importante de la etiqueta <A HREF...>. Es que un hipervínculo puede ser cualquier archivo. Dicho archivo puede ser mostrado u obtenido haciendo click sobre el hipervínculo. Supongamos que queremos bajar un archivo hecho en Word. La siguiente instrucción en HTML me permite relacionarlo.

<A HREF=“MatDisc1.doc”> Primera clase </A>

Page 4: Etiqueta A HREF

Etiquetas para la Definición de estilos de texto

Tamaño del Texto Como vimos en los ejemplos previos, podemos

determinar el tamaño del texto. Este tamaño se puede cambiar de por medio de la etiqueta.

<FONT SIZE=X> Texto </FONT>

Donde X, puede tomar los valores naturales de 1 a 7.

Ejemplo:

<FONT SIZE=7> Hola </FONT> <FONT SIZE=4>¿ Cómo están? </FONT>

Page 5: Etiqueta A HREF

Etiquetas para la Definición de estilos de texto

Alguno de los tipos de letras que podemos obtener son:

<B> Bold o resaltada </B> <I> Itálica o inclinada </I> <STRONG> fuerte </STRONG> <BLINK>Intermitente</BLINK> <TT>máquina de escribir </TT> <BIG> impresión grande</BIG> <SUB> subíndice </SUB> <SUP> superíndice </SUP>

Page 6: Etiqueta A HREF

Etiquetas para la Definición de estilos de texto

Tipo de Letra

Para cambiar el tipo de letra lo podemos hacer a través de la siguiente etiqueta:

<FONT FACE="Arial">Cursos</FONT>

Algunos de los tipo de letra son:

<FONT FACE=“Courier">Cursos</FONT>

<FONT FACE=“Verdana">Cursos</FONT>

<FONT FACE=“Times New Roman">Cursos</FONT>

Page 7: Etiqueta A HREF

Etiquetas para la Definición de estilos de texto

Para agregar un color al texto, lo podemos hacer con la siguiente etiqueta.

<FONT COLOR=“Red” SIZE=3> Texto en color Rojo </FONT>

Page 8: Etiqueta A HREF

Tarea

Cree una página llamada cursos. Dicha página debe tener hipervínculos a las paginas de los cursos correspondientes. Por ejemplo:

Page 9: Etiqueta A HREF

Tarea

Cree una página para el curso de Matemáticas Apli. Cs. Computación (Mat0104.html)

Page 10: Etiqueta A HREF

Tarea

Donde Introducción es un hipervínculo a un archivo de Word o PDF