Tipos, tamaños y color de letra.¿Dónde y con qué código van?

Hola amigos:
Quiero estilizar un pocom mi recien subida página y querría saber como se pueden cambiar el tipo, tamaño y color de las letras y que tipo de código hay que poner y donde.
Supongo que ya lo habréis comentado pero he estado buscando y no lo encuentro. Decirme donde está, si es así, por favor.
Ah, otra cuestión, para el tema del tipo de letra supongo que no es necesario que lo tengas en el ordenador instalado, o si?.
Bueno, un saludo a todos. Gracias.

Hola,

estas propiedades van en css. Pueden ir dentro de la etiqueta

, en los enlaces, etiquetas de títulos <h1>, <h6>, en fin...

Hay unas cuantas maneras de definirlas, yo te diré como lo hago. Para definir los párrafos en la capa #contenido, haremos, por ejm.:

p {color:656565; font:11px verdana, sans-serif; line-height:1.5em}

Significado de:

1. color: da el color a la letra.
2. font: aquí, se pone el tamaño de la letra y el tipo o familia de letra (en nuestro ejemplo figura verdana)
3. line-height: esta medida da espaciado entre párrafo y párrafo y también afecta el interlineado del párrafo, por lo que uno deberá ir jugando con la medida hasta hallar la de su gusto.

Pon siempre el sans-serif después del nombre del tipo de letras, es para que no salgan colitas o rabitos en los extremos a las letras cuando salen los tipos por defecto en algunas pcs que no tienen todos los tipos de letras.

Esta breve explicación es básica y elemental. Espero que te sirva.

Saludos :wink:

Ok, gracias por los consejos.
Un a pregunta, y si en la misma página quiero poner unas letras y más abajo otro tipo o con otro color o de otro tamaño (quitando los h1...), debería meterlos en una posible p1?
Un saludo.

lamentablemente, no se puede con p1 porque no existe. Pero, existen otras etiquetas como <blockquote>, <cite> que, jugando con ellas, podrían servir aunque no sea su función.

:wink:

Claro, la pregunta del millon son esas etiquetas que me comentas para poder cambiar el estilo del texto en una misma página. Por ejemplo:
Este párrafo saldría con las letras en color verde y con un tamaño de 23 y en matura.
Pero este estaría bien que saliera en color negro, con un tamaño de 15 y en verdana.
Ese es el quiz de la questión.
Gracias. Un saludo.

es fácil: en html:



blablabla</p>
<blockquote>blablabla</blockquote>

y en css, le das las propiedades a cada etiqueta a tu gusto.

Resuelto. Muchas gracias.
Que tipo de letras puedo poner?, todos los que existen o solo los que tiene mi ordenador reconocidos?(perdon, soy mu torpe en estos rollos).
Un saludo.

Hola,

puedes ponerlo directamente en el html. Algo asi como:

<font size="tamaño" color="color">Texto</font>

o tambien ahcer un class, la verdad esque no lo he probado, pero teoricamente deberia funcionar.

en estilos.css pones:

.p1 p {
    font-size: 18%;
    font-color: red;
}

y luego en el index.html poner:

<div class="p1">


ola este es mi class</p>
</div>

deberia funcionar pero no te garantizo nada.

Adios

Ok nosabernada:
voy a intentarlo con el html y te digo si va bien.
Gracias. Un saludo.

Hola,

ok

adios

Huston, tenemos un problema.
Bueno, he probado poner la estiqueta <blackquote>en los estilos de esta manera:
* {text-indent:0px ; margin:0px ; padding:0px ; border: 0px}
p {text-align: justify; line-height: 1.5em}
blackquote {text-align: justify; line-height: 1.5em ; color: blue; font: impact }
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
Y después, en html pongo:
<blackquote>bla bla bla </blackquote>
Pero no hay cambio, no se cambia ni el tipo de letra, ni el color, etc...
Es más, Lo que escribo dentro de estas nuevas estiquetas me lo pasa a otro renglón, y quiero que esté en el mismo.
Esto respecto a lo que comentó peugeot.
En cuanto a lo que comentó nosabernada:
Meidante la etiqueta <font size="tamaño"..........
puesta directamente en el html he conseguido cambiar el color y el tamaño pero ¿como cambio el tipo de letra?. Yo lo he puesto así pero no ha cambiado:
<font size="20" ; color="blue" ; font="impact">
Y aqui también me pone el texto en una línea diferente y yo quiero que sea en la misma linea.
Ah, y una pregunta que se quedó en el aire. ¿que tipo de letra puedo elegir para poner en mi página las que tengo instaladas en el ordenador o solo las que lee el html¿si es así¿cuales son?
Un saludo.

Aquí Huston,

la falla no es técnica sino de comprensión por parte del piloto: no es blackquote sino BLOCKQUOTE. Se sugiere nueva prueba para el problema número 1. El piloto deberá tener en cuenta que lo escrito en blockquote aparecerá en nuevo renglón. Que salga en el mismo renglón es misión imposible.

En lo referente al tipo de letras, sugiero que para los textos tomes los clásicos ya que la mayoría de las compus. los tienen y así, te evitarás de problemas (arial, tahoma, calibri, verdana).

cambio y fuera

sereisa escribió:Huston, tenemos un problema.
Bueno, he probado poner la estiqueta <blackquote>en los estilos de esta manera:
* {text-indent:0px ; margin:0px ; padding:0px ; border: 0px}
p {text-align: justify; line-height: 1.5em}
blackquote {text-align: justify; line-height: 1.5em ; color: blue; font: impact }
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
Y después, en html pongo:
<blackquote>bla bla bla </blackquote>
Pero no hay cambio, no se cambia ni el tipo de letra, ni el color, etc...
Es más, Lo que escribo dentro de estas nuevas estiquetas me lo pasa a otro renglón, y quiero que esté en el mismo.
Esto respecto a lo que comentó peugeot.
En cuanto a lo que comentó nosabernada:
Meidante la etiqueta <font size="tamaño"..........
puesta directamente en el html he conseguido cambiar el color y el tamaño pero ¿como cambio el tipo de letra?. Yo lo he puesto así pero no ha cambiado:
<font size="20" ; color="blue" ; font="impact">
Y aqui también me pone el texto en una línea diferente y yo quiero que sea en la misma linea.
Ah, y una pregunta que se quedó en el aire. ¿que tipo de letra puedo elegir para poner en mi página las que tengo instaladas en el ordenador o solo las que lee el html¿si es así¿cuales son?
Un saludo.

Hola:

Para que usted escriba un texto en una línea y que a continuación de esa línes vaya otro texto pero de diferente color o tamaño, se suele utilizar un tipo de código como por ejemplo una máscara, que se suele llamar span y esta se puede utilizar dentro del párrafo

Lógicamente hay que definir en la hoja de estilo las propiedades que va a tener ese span

Por ejemplo. creo una página html
luego creo una hoja de estilo

Ejemplo: en la hoja de estilo

body{background-color:yellow;text-align:center;font-family: Arial, Verdana, sans-serif;font-weight:normal;}

Acá en el body he definido que las letras sean de la familia Arial y que el estilo sea normal, por tanto todo lo que escriba será de esa fuente.

Y también el tamaño de esa fuente será el predefinido por los estilos que tienen los navegadores, ya que los navegadores cuando muestran una página lo hacen con la fuente que ellos tienen predefinido, y con el tamaño que ellos tienen tredefinido a menos que uno le diga en el body que uno quiere que en la página se muestre una fuente diferente y que tenga otro tamaño y que tenga otro color y que tenga otro estilo.

Por eso si uno al body no le pone nada más que text-align:center, el navegador va a utilizar la fuente que tiene por defecto que normalmente es la Times New Roman.
Por eso uno le pone al body que quiere que la fuente sea la Arial de la familia arial y si no de la familia verdana etc. etc.

Ahora suponiéndo que le hemos puesto al body algunas propiedades como las que le he mostrado más arriba, la página se mostrará con esas propiedades

Pero si en algún párrafo yo quiero que tenga otro color de letra y que sea más gruesa y que tenga un estilo parecido a las cursivas (aunque no lo son y que sea más grande que el texto que he definido por defecto, entonces puedo utilizar una máscara para algun párrafo que se llama span

P SPAN{color:red;font-weight:bolder;font-style:oblique;font-size:1.2em;}

Ahora en la página html



Esta es una de las formas<span>de poner color y tamaño a las letras dentro de un párrafo</span> para que continue en la misma linea pero que sea de distinto color y tamaño y también le he puesto un estilo oblique o italic y el bolder significa que será esa letra más gruesa

Resumiendo:
Todo lo que escriba dentro de un parrafo y que le ponga antes de la frase una etiqueta <span> y que despues de la frase cierre con </span>, tendrá las propiedades que le puso en la hoja de estilo a ese p span {etc. etc.]

Hay otras muchas más cosas, pero ya las irá conociendo.

Saludos

Aqui Apolo XII:
Gracias Houston por la especificación, ha sido un error de comunicaciones, pero, la etiqueta blockquote solo me cambia el colo de las letras.
Asímismo, queremos saber por que otros pilotos pueden poner colores o tipos de letras a diferentes palabras dentro de la misma frase sin alterar el orden del párrafo como por ejemplo así:
verde estapalabraestaenamarillo peroestatieneotrotipodeletra estaesazul yestaesblanca.
Como es posible?en la misma linea, sin alterar la frase.
Cambio y corto.

Hola,

te sugiero que veas lo que ha escrito Raulyure, jeje, que lo a explicado muy bien! yyo la verdad no conocia esa forma pero bueno...una cosa mas neva que se!

Adios

Vale Raulyure:
Como dide nosabernada muy bien explicado y además es lo que buscaba, exactamente, ya lo he probado y va estupendamente, es una locura.
No se de donde te lo has sacao pero es una utilidad muy buena (por lo menos para lo que yo estaba buscando).
Gracias y gracias a todos.
Ahora me surge una duda, ¿cómo lo hacían lo que no sabían esto? bueno, es solo por saber (que dicen que no ocupa lugar, eso depende del lugar que tengas). Bueno, si no resuelvo esta duda en el futuro haré una pregunta al aire a ver las respuestas de la peña.
Un saludo.

Hola,

seguramente lo hacen con el <font> , pero hay tnatas formas...desde hacerlo con variables con php hasta hacer como raulyure!

Adios

ok, de mometo se que había otras formas, ta las iré aprendiendo.
De momento me vale con el <span>.
Estais en to.
Gracias, un saludo.

Hola,

ok

adios

Aquí huston nuevamente,

te mandé la etiqueta blockquote para que pusieses un párrafo distinto a los demás, en respuesta a tu pregunta:

Ok, gracias por los consejos.
Un a pregunta, y si en la misma página quiero poner unas letras y más abajo otro tipo o con otro color o de otro tamaño (quitando los h1...), debería meterlos en una posible p1?
Un saludo.

Claro, la pregunta del millon son esas etiquetas que me comentas para poder cambiar el estilo del texto en una misma página. Por ejemplo:
Este párrafo saldría con las letras en color verde y con un tamaño de 23 y en matura.
Pero este estaría bien que saliera en color negro, con un tamaño de 15 y en verdana.
Ese es el quiz de la questión.
Gracias. Un saludo.

La etiqueta span (que ya sería otra pregunta) se usa para resaltar una palabra o frase dentro de un mismo párrafo, ejm:



La obra del genial <span>Jorge Luis Borges</span>influyó grandemente en los autores contemporáneos.</p>

También existe otra etiqueta para cambiar solamente la primera línea del párrafo (p:first-line) pero, ese también ya es otro tema.

Por otro lado, si ya estás trabajando con estilos, sería más recomendable, poner todas las propiedades de la web en estilos porque mientras MENOS códigos se pongan en html es mejor. Para eso se inventaron los css. Únicamente, se ponen estilos en css cuando se desea cambiar algo en particular pero que no vaya alterar a las demás páginas de la web que están relacionadas con la misma hoja de estilos.

Cualquier cosa, estamos en la base, cambio y fuera.

Ok, gracias houston:
Todo controlado, falta de expresión.
Me va a venir bien la blockquote. No va a estar de más. Y también me va a venir bien esa (p:first-line).
Si, intentaré poner lo más posible en css.
Gracias, de verdad.
Un saludo.