HTML 

FONT

         Atributos

Color –  define el color del  texto usando el nombre del color o un color especifico con el código hexadecimal  #RRGGBB

<font color="#990000">This text is hex color #990000</font>

<br />

<font color="red">This text is red</font>

Size – especifica el tamaño de la fuente . los valores numéricos varian en el rango de 1 a 7, siendo 1 el mas pequeño y 3 el valor estándar

<p>

<font size="5">Here is a size 5 font</font>

</p>

Face – define el tipo de letra que tendrá el texto. Es aconsejable usar varios tipos de letra porque existe la posibilidad que el usuario no tenga instalado uno de los tipos , luego por defecto pasa a “ Times new roman “

<p>

<font face="Georgia, Arial, Garamond">This paragraph

 has had its font...</font>

</p>

Attribute=	"Value"	Description
size=	"Num. Value 1-7"	Size of your text, with 7 being biggest
color=	"rgb,name,or hexidecimal"	Font color
face=	"name of font"	Font type

Los atributos pueden ser usados en un mismo tag:

         <p><font size="7" face="Georgia, Arial" color="maroon">Cont </font>

FONT USADO EN CSS:

Font Family

font-family: serif

font-family: sans-serif

font-family: fantasy

font-family: cursive

font-family: monospace

This is an example of a serif font.

This is an example of a sans-serif font.

This is an example of a monospace font.

This is an example of a cursive font.

This is an example of a fantasy font.

< style="font-family: Times, serif">

< style="font-family: Times, sans- serif">

< style="font-family: Times, monospace">

< style="font-family: Times, cursive">

< style="font-family: Times, fantasy">

FONT SIZE

font-size: xx-small  /* <absolute-size> values */

font-size: x-small

font-size: small

font-size: medium

font-size: large

font-size: x-large

font-size: xx-large

font-size: larger    /* <relative-size> values */

font-size: smaller

font-size: 12px      /* <length> values */

font-size: 0.8em

font-size: 80%       /* <percentage> values */

font-size: inherit

<p style="font-size: 14pt ">

Sample text formatted with inline CSS.

</p>

FONT STYLE

font-style: normal

font-style: italic

font-style: oblique

font-style: inherit

<p style=" font-style: italic">

Sample text formatted with inline CSS.

</p>

FONT WEIGHT

font-weight: normal

font-weight: bold

font-weight: lighter

font-weight: bolder

font-weight: 100

font-weight: 200

font-weight: 300

font-weight: 400

font-weight: 500

font-weight: 600

font-weight: 700

font-weight: 800

font-weight: 900

<p style=" font-weight: bolder">

Sample text formatted with inline CSS.

</p>

META

uno no puede ver en la pagina los atributos meta.
el keywords sirve para la búsqueda con palabras relacionadas al tema. Y van en el head.

<meta name="keywords" content="HTML,CSS,XML,JavaScript">

LIST

                SIN ORDEN

type="square"	type="disc"	type="circle"
Milk Toilet Paper Cereal Bread	Milk Toilet Paper Cereal Bread	Milk Toilet Paper Cereal Bread

<ul type=”disc”>

  <li>Milk</li>

  <li>Toilet Paper</li>

  <li>Cereal</li>

  <li>Bread</li>

</ul>

• Milk
• Toilet Paper
• Cereal
• Bread

LISTA CON ORDEN

Tipo de orden:

<ol type="a">  <ol type="A"> <ol type="i"> <ol type="I">

Find a Job Get Money Move Out

Find a Job Get Money Move Out

Find a Job Get Money Move Out

Find a Job Get Money Move O

<ol start="4" >

  <li>Buy Food</li>

  <li>Enroll in College</li>

  <li>Get a Degree</li>

</ol>

4. Buy Food
5. Enroll in College
6. Get a Degree

LISTAS CON DEFINICION

<dl> - Habre el lugar en que esta la lista

<dt> - define el termino de la lista

<dd> - la definicion del termino de la lista

<dl>

  <dt><b>Fromage</b></dt>

    <dd>French word for cheese.</dd>

  <dt><b>Voiture</b></dt>

    <dd>French word for car.</dd>

  </dt>

</dl>

Fromage
French word for cheese.
Voiture
French word for car.