DAR FORMATO A LAS LETRAS

Cambiarlos atributos de las letras  utilizamos el comando <font></font> (fuente o tipo de letra). El color o el tamaño sonatributos del elemento tipo de letra.

Podemos dar distintos atributos a las letras. 

A) TAMAÑO DEL TEXTO

* Si queremos poner las letras de distinto tamaño empleamos el atributo 

SIZE="". 

* Dentro de las comillas pondremos "+" para aumentar el tamaño y "-" para disminuirlo

EJEMPLO 1

<FONT SIZE="+1">este texto se ve con mayor tamaño</FONT>

El resultado: 

Este texto se ve con mayor tamaño

 

EJEMPLO 2

Si queremos aun mayor tamaño ponemos un número mayor. Voy a probar con 4

<FONT SIZE="+4">este texto se ve muy grande</FONT>

Este texto se ve muy grande

 

EJEMPLO 3

Para disminuir el tamaño ponemos -1

<FONT SIZE="-1">al poner -1 disminuye el tamaño</FONT>

Al poner -1 disminuye el tamaño

 

Podemos  poner el texto en negrilla, en cursiva o subrayado

 

PONER EL TEXTO EN NEGRILLA

Para poner el texto en negrilla utilizamos el tag "b" (de bold)

Soy el  <b>mejor</b> de la clase

Soy el mejor de la clase

 

PONER EL TEXTO EN CURSIVA

Para ponerlo en cursiva utilizamos "i" (de italian)

Poner un <i>texto en cursiva</i>

Poner un texto en cursiva

 

PONER EL TEXTO SUBRAYADO

Para subrayado

Ahora toca el <u>subrayado</u> de parte de la frase

Ahora toca el subrayado de parte de la frase

LECCION 8ª
PONER COLORES

 

La instrucción para poner color a las letras es

<FONT COLOR="entre estas comillas va el nombre o el número del color">aquí el texto al que queremos dar color</FONT>

 

EJEMPLO 1

Para poner el texto en rojo

<FONT COLOR="RED">este texto se pone rojo</font>

El resultado si lo ponemos dentro de los códigos del fichero  html será

este texto se pone rojo

 

EJEMPLO 2

Para poner el texto en azul

<FONT COLOR="BLUE">este texto se pone en azul</font>

este texto se pone en azul  

 

 

Por tanto vemos que las instrucciones de HTML tienen varias partes. 

Las Instrucciones de html se Componen De Tres Partes Fundamentales:

A) El Elemento al que se refiere la instruccion. Es la palabra que va después del signo <.

Porejemplo <font es un elemento. En este caso el elemento es el tipo deletra. La instrucción por tanto se refiere  al tipo de letra.

B) El atributo. El tamaño o el color son atributos posibles del tipo de letra.

C) El valor que toma el atributo. Por ejemplo rojo o verde.

Por ejemplo, queremos: 

A) Al elemento tipo de letra 

B) Darle el atributo color 

C) Con el valor rojo.

 

Elemento	Atributo	Valor	El tag de cierre
<FONT	COLOR=	"RED">	</FONT>

 

Otro ejemplo, letra tamaño grande

 

Elemento	Atributo	Valor
<FONT	SIZE=	"+1">	</FONT>

 

 

LECCION 10ª
ALINEAR EL TEXTO

 

 

Para alinerar un texto utilizamos el atributo align

align=left para alinear a la izquierda

align=right para alinear a la derecha

align=center para centrar el texto

 

EJEMPLO ALINEAR A LA IZQUIERDA

<p align="left">alineamos el texto a la derecha</p>

alineamos el texto a la izquierda

 

EJEMPLO "ALINEAR A LA DERECHA"

<p align="right">alineamos el texto a la derecha</p>

alineamos el texto a la derecha

EJEMPLO DE CENTRAR

<p align="center">centramos el texto</p>

centramos el texto

 

 

        El elemento para crear una línea horizontal es HR. Este "tag" no necesita un "tag" de cierre

Y a este elemento podemos darle distintos atributos

width para definir el largo de la línea con un cierto número de pixel  o un porcentaje del documento>

size para asignar el ancho de la linea

noshade para el fondo de la línea

 

EJEMPLO

Línea de 100 pixels

<HR WIDTH=100>

Línea de 200 pixels

<HR WIDTH=200

Línea de un 50% del ancho del documento

<HR WIDTH=50%>

Línea del 100% del ancho del documento

<HR WIDTH=100%>

Línea con 10 de ancho

<HR SIZE=10>

Podemos combinar varios atributos. Por ejemplo línea de un 50% de largo y 10 pixel de ancho

<HR WIDTH=50% SIZE=10>

 

 

LOS PARRAFOS Y EL CAMBIO DE LINEA

 

          Para mantener el texto formando un párrafo o bloque de texto utilizamos el "tag" <p>aqui va el texto</p>

<p>Siutilizamos la instrucción de párrafo nos aseguramos que el texto semantenga junto y controlamos cuando queremos que exista una línea deespacio en blanco</p>

Siutilizamos la instrucción de párrafo nos aseguramos que el texto semantenga junto y controlamos cuando queremos que exista una línea deespacio en blanco

 

PASAR A LA SIGUIENTE LINEA

Cuando queremos pasar el texto a otra línea podemos utilizar el "tag" <br> que no tiene tag de cierre.

Si queremos separar el siguiente texto en varias líneas.

la casa el perro el niño las vacaciones

Pondremos:

la casa<br>

el perro<br>

el niño<br>

las vacaciones<br>

Y en el documento HTML mostrara en el navegador: 

la casa
el perro
el niño
las vacaciones

 

 

LECCION 13ª
 PONER TITULARES

 

 

 

Los titulares o encabezamiento de los textos son otra forma de modificar el tamaño del texto.

La orden para encabezamiento es "H1" para un titular muy grande, "H2" para uno grande, H3, H4, H5 y para letra pequeña H6

<H1>Encabezamiento muy grande</H1>

Encabezamiento muy grande

 

<H2>Encabezamiento grande</H2>

Encabezamiento grande

 

<H3>Encabezamiento menos grande</H3>

Encabezamiento menos grande

 

<H6>Encabezamiento muy pequeño</H6>

Encabezamiento muy pequeño

LECCION 14ª
LAS UTILES TABLAS

 

     Las páginas web necesitan tener los elementos  que colocamos ordenadosy que se mantengan ordenados en los distintos navegadores.

Paradefinir el orden o la estructura de una página web se utilizan tablascon bordes ocultos. La mayoría de las páginas importantes seestructuran utilizando tablas ocultas.

Vamos a realizar una tabla con los bordes visibles

Tags: html.