Está en la página 1de 9

La Web y los LMS

Concepto
de
Hipertexto
y
HTML

Informática Educacional - Licenciatura en Química y Biología Prof. Fredi Palominos V.


La Web y los LMS

Imágenes y colores de fondo


Es posible poner imágenes de fondo en las páginas, las tablas, en las celdas
de las tablas y en diferentes elementos, utilizando las siguientes
instrucciones:

Ejemplo:

<body background="fondo3.gif"> # Fondo de toda la página

<body bgcolor="yellow"> # Color de fondo de toda la página

<table background="fondo.gif"> # Fondo de toda la tabla

<td background="fondo.gif"> # Fondo de una celda de la tabla

Informática Educacional - Licenciatura en Química y Biología Prof. Fredi Palominos V.


La Web y los LMS

Márgenes de la página
Es posible establecer márgenes con mucha precisión.

Una forma sencilla es la siguiente:


Ejemplo:

<html>
<head>
<title>Márgenes</title>
</head>
<body leftmargin="40" topmargin="20">
Texto de la página …

</body>
</html>

Informática Educacional - Licenciatura en Química y Biología Prof. Fredi Palominos V.


La Web y los LMS

<html>
<head>
<title>Fondos y márgenes</title>
</head>
<body background="fondo4.png" leftmargin="40"
topmargin="20">
<p> Es posible definir márgenes para toda la página
así como un espacio en la cabecera del texto en el
navegador. </p>
<p> El margen izquierdo se define con la clausula
leftmargin="...". </p>
<p> El espacio superior se define con la clausula
topmargin="...". </p>
<p>Los tamaños de expresan normalmente en
pixeles (es más preciso) pero también se pueden
poner en porcentajes </p>
</body>
</html>

Informática Educacional - Licenciatura en Química y Biología Prof. Fredi Palominos V.


La Web y los LMS

Fuentes
Existen diversas fuentes que sirven también para alterar la
visibilidad de las palabras y los caracteres:

Se pueden utilizar a través de la clausula font:

<font argumento = “valor">texto …</font>

Informática Educacional - Licenciatura en Química y Biología Prof. Fredi Palominos V.


La Web y los LMS

<html>

<head>
<title>Definir el tamaño de la fuente</title>
</head>

<body>
<font size = "1">Tamaño de fuente = "1"</font><br />
<font size = "2">Tamaño de fuente = "2"</font><br />
<font size = "3">Tamaño de fuente = "3"</font><br />
<font size = "4">Tamaño de fuente = "4"</font><br />
<font size = "5">Tamaño de fuente = "5"</font><br />
<font size = "6">Tamaño de fuente = "6"</font><br />
<font size = "7">Tamaño de fuente = "20"</font>
</body>

</html>

Informática Educacional - Licenciatura en Química y Biología Prof. Fredi Palominos V.


La Web y los LMS

<html>
<head>
<title>Tipos de fuente</title>
</head>

<body>
<font face = "Times New Roman" size = "5">
Times New Roman</font><br />
<font face = "Verdana" size = "5">
Verdana</font><br />
<font face = "Comic sans MS" size ="5">
Comic Sans MS</font><br />
<font face = "WildWest" size = "5">
WildWest</font><br />
<font face = "Bedrock" size = "5">
Bedrock</font><br />
</body>
</html>

Informática Educacional - Licenciatura en Química y Biología Prof. Fredi Palominos V.


La Web y los LMS

<html>

<head>
<title>Color de la fuente</title>
</head>

<body>
<font color = "#FF00FF">Este es el
color Rosado</font><br />
<font color = “orange">Este es el color
Naranja</font><br />
<font color = “blue">Este es el color Azul</font><br />
<font color = “#07123E">Este es otro color
personalizado</font><br />
</body>

</html>

Informática Educacional - Licenciatura en Química y Biología Prof. Fredi Palominos V.


La Web y los LMS

Informática Educacional - Licenciatura en Química y Biología Prof. Fredi Palominos V.

También podría gustarte