Page 1

TRABAJO DE APLICACIONES NOMBRE: YAMILEX CHALA CURSO:3ツコ SISTEMAS CODIGOS PHP PARA COLOR DE FUNTE TAMAテ前 Y COLOR DE TEXTO <html> <head> <title>Incrrustar css (hojas de estilos)</title> <style type="text/css"> <!-.Estilo1 { font-size: 16px; color: #FF0000; } .Estilo2 { font-size: 18px; color: #0099FF; } .Estilo3 { font-size: 24px; color: #FF00FF; } .Estilo4 { font-size: 36px; color: #FF9966; } --> </style> </head> <body> <p class="Estilo1">Hola mundo</p> <p class="Estilo2">Hola mundo</p> <p class="Estilo3">Hola mundo</p> <p class="Estilo4">Hola mundo</p> </body> </html> Aqui como ves tienes esta linea: <style type="text/css"> de esta manera tu das a conoocer al navegador de internet que ocuparas css pero seran de la manera encrustrada a sea, esto: "text/css" dice que las css las tendras en el mismo texto. Dentro de <head></head> defines tus estilos..... en este caso puse tamaテアo y color. Para lograr esto siges la sintaxis: .Nombre_del_estilo { font-size: 36px; color: #FF9966; } y despues dentro de <body> en el texto pones asi : <p class="Nombre_del_estilo">El texto a desplegar</p> La otra manera el la llamada del css, para eso pones todos los estilos declarados, que estan entre las etiqueas <style></style> en archivo con extencion .css y seria asi el script:


/* CSS Document */ .texto_1 { font-size: 16px; color: #FF0000; } .texto_2 { font-size: 18px; color: #0099FF; } .texto_3 { font-size: 24px; color: #FF00FF; } .texto_4 { font-size: 36px; color: #FF9966; } y en tu pagina que tendria el texto el script seria este: <html> <head> <title>Incrrustar css (hojas de estilos)</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <p class="texto_1">Hola mundo</p> <p class="texto_2">Hola mundo</p> <p class="texto_3">Hola mundo</p> <p class="texto_4">Hola mundo</p> </body> </html> si te das cuenta en este script veras esto : Bueno amigo ... mi nombre es creigthon lee, y soy programador web, te explicare un poco sobre tu pregunta. Existen 3 maneras de ocupar tanto como fuentes, como colores, etc... en tus textos. Te mostrare la primera que es la encrustacion de css (comunmente conocidas como hojas de estilo) Mira este script: <html> <head> <title>Incrrustar css (hojas de estilos)</title> <style type="text/css"> <!-.Estilo1 { font-size: 16px; color: #FF0000; } .Estilo2 { font-size: 18px; color: #0099FF; } .Estilo3 { font-size: 24px;


color: #FF00FF; } .Estilo4 { font-size: 36px; color: #FF9966; } --> </style> </head> <body> <p class="Estilo1">Hola mundo</p> <p class="Estilo2">Hola mundo</p> <p class="Estilo3">Hola mundo</p> <p class="Estilo4">Hola mundo</p> </body> </html> Aqui como ves tienes esta linea: <style type="text/css"> de esta manera tu das a conoocer al navegador de internet que ocuparas css pero seran de la manera encrustrada a sea, esto: "text/css" dice que las css las tendras en el mismo texto. Dentro de <head></head> defines tus estilos..... en este caso puse tama単o y color. Para lograr esto siges la sintaxis: .Nombre_del_estilo { font-size: 36px; color: #FF9966; } y despues dentro de <body> en el texto pones asi : <p class="Nombre_del_estilo">El texto a desplegar</p> La otra manera el la llamada del css, para eso pones todos los estilos declarados, que estan entre las etiqueas <style></style> en archivo con extencion .css y seria asi el script: /* CSS Document */ .texto_1 { font-size: 16px; color: #FF0000; } .texto_2 { font-size: 18px; color: #0099FF; } .texto_3 { font-size: 24px; color: #FF00FF; } .texto_4 { font-size: 36px; color: #FF9966; } y en tu pagina que tendria el texto el script seria este: <html> <head>


<title>Incrrustar css (hojas de estilos)</title> <link href="style.css" rel="stylesheet" type="text/css"> asi das referencia que usaras un css que tiene por nombre y extencion style.css y que lo ocuparas en tu archivo que estas visualizando.... bueno la diferencia del uno con el otro css que te mostre es que uno en una página tu pones todos tus style y si es una web completa en muchos casos es muy grande la lista de styles y si lo tienes en otro archivo solo lo llamas en tu archivo .php y el cdigo de tu archivo .php sera mas chico y facil de entender. la otra manera es ponerlo directamenten el texto no ocupando css.... esto seria asi el script: <html> <head> <title>Incrrustar css (hojas de estilos)</title> </head> <body> <p style="color:#0000CC">Aqui iria un texto</p> </body> </html> si notas es muy diferente con los otros dos maneras ..... mira esta línea : <p style="color:#0000CC">Aqui iria un texto</p> Para definir distintos tamaños de letra, en HTML se utiliza el elemento lleno <Hx> </Hx> donde x es un número que puede variar entre 1 y 6, siendo 1 el tamaño mayor. Se escribirán así: <H1> Texto de prueba (H1)</H1>. <H2> Texto de prueba (H2)</H2> <H3> Texto de prueba (H3)</H3> <H4> Texto de prueba (H4)</H4> <H5> Texto de prueba (H5)</H5> <H6> Texto de prueba (H6)</H6>

CODIGOS DEL HTML PARA COLOR DE FUNTE Y TAMAÑO DE TEXTO Para aplicar diferentes tipos ó estilos de letras se pueden utilizar una varieda de códigos. Los siguientes códigos muestran varios ejemplos de como lograr esto y sus resultados. Código:

Resultado:

<b>Letra en Bold</b>

Letra en Bold

<i>Letra en itálica</i>

Letra en italica

<u>Letra subrayada</u> Letra subrayada

Además de estos estilos existen otros códigos para adjudicar diferentes tamaños, colores y formas. Veamos el siguiente ejemplo: Código:

Resultado:

<font face="Arial" color="orange" size=1>El tipo (face) de El tipo (face) de esta letra debe ser "Arial", esta letra debe ser "Arial", el color (color) debe ser el color (color) debe ser "anaranjado" y el "anaranjado" y el tamaño (size) debe ser "1"</font> tamaño (size) debe ser "1"

Otros tipos de letras que se pueden utilizar son "Tahoma", "Comic Sans", "Impact", "Verdana"; otros


tipos de colores que se pueden utilizar son "green" (verde), "yellow" (amarillo), "blue" (azul), "gray" (griz); y para aumentar el tamaño (size) de las letras solo debes aumentar el número dentro del código y listo. Recuerda que para los códigos tengan efecto debes escribirlos exactamente como aparecen aquí. Si te sirve de ayuda solo copia y pega (copy paste) los códigos de ejemplos en un editor de texto para que vayas

practicando.

Tarea de aplicaciones yamilex  
Read more
Read more
Similar to
Popular now
Just for you