UN POCO DE HTML MÁS COMPLEJO (3)


Hoy continuaremos aprendiendo más etiquetas para ir mejorando nuestra página web. Entraremos en algunos temas un poco más difíciles, pero no os preocupéis, iré explicando poco a poco.


NOTA: ( para entender esta publicación debéis haber visto las dos anteriores de mi serie de HTML. Primera parte y segunda parte

ENLACES


En el anterior post, os mostré cómo poner un enlace a otra página web fuera de nuestro sistema:

(<A HREF="dirección URL de la página"> Palabra/s que "contendrán" el enlace </A>)

Pero...  ¿hay otros tipos de enlace? Sí.

1. Enlaces dentro de la misma página:
Se usan en páginas web o documentos muy largos. Nos permiten movernos a otro punto de la página.
Ejemplo:
<A HREF="#final"> Pulsa para ir al final</A>




2. Enlaces con otra página nuestra: 
Puede ser que tengamos una sola página. Pero lo más frecuente es que tengamos varias páginas, una inicial (o principal) y otras conectadas a ella, e incluso entre ellas mismas. En ese caso, las podemos conectar con la siguiente etiqueta:

<A HREF="dirección de la página"> Texto que contendrá el enlace </A>


3. Enlaces con una dirección de e-mail:

<A HREF="mailto: dirección de email"> Texto del enlace </A>


A decir verdad, hay otra forma de poner un enlace, que combina las etiquetas de imagen y enlace:



<A HREF="dirección de la página web"><IMG SRC="nombre de la imagen" BORDER=0></A>



CARACTERES ESPECIALES


Las siguientes etiquetas se usan para añadir una serie de caracteres que, de no ser puestos con etiquetas, podrían confundir al navegador. 


&lt; para <.
&gt; para >.
&amp; para &.
&quot; para ".


&aacute; para la á
&eacute; para la é
&iacute; para la í
&oacute; para la ó
&uacute; para la ú
&Aacute; para la Á
&Eacute; para la É
&Iacute; para la Í
&Oacute; para la Ó
&Uacute; para la Ú


&ntilde; para la ñ
&Ntilde; para la Ñ
&uuml; para la ü
&Uuml; para la Ü
&#191; para ¿
&#161; para ¡



FUENTES

<FONT FACE="Verdana">Este texto se verá con la fuente Verdana</FONT>: se usa para poner cierto texto con la fuente Verdana.


Se pueden indicar en el atributo varias fuentes distintas, separadas por una coma. Si falla la primera, entonces el texto adopta la forma de la segunda, y así sucesivamente. Si fallan todas, el texto adopta entonces la fuente por defecto. Así, por ejemplo:

<FONT FACE="Impact, Arial">Este texto se verá con la fuente Impact, o en su defecto con Arial</FONT>




FONDOS


Se puede cambiar el fondo de dos maneras distintas:

1. Con un color uniforme:



Se consigue añadiendo el comando BGCOLOR a la etiqueta <BODY> (situada al principio del documento), de la siguiente manera:

<BODY BGCOLOR="#XXYYZZ">


XX es un número indicativo de la cantidad de color rojo 
YY es un número indicativo de la cantidad de color verde 
ZZ es un número indicativo de la cantidad de color azul



Estos números están en numeración hexadecimal. Los dígitos usados son:

0 1 2 3 4 5 6 7 8 9 A B C D E F



Los colores los crearemos mezclando ciertas cantidades de cada color primario. Puedes experimentar pero, si no tienes tiempo o no te apetece, puedes buscar el "código" de cualquier color en internet.


2. Con una imagen:

La imagen que elijamos se mostrará repetida por toda la página (como si fuera un  mosaico). La siguiente etiqueta debe "sustituir" al "body" del principio, ya que no puede haber más de un "body"(al igual que en el caso anterior)

<BODY BACKGROUND="nombre de la imagen">



Espero que hayáis entendido lo que os he explicado en este post y, como siempre, ¡hasta la próxima clase!





Comentarios

Entradas populares