Best way to specify text colour?

euser1984 · 15-01-2013 6:41pm #1

Hi,
I have a bit of html code with text in it and I want to specify a colour to some words. Can anybody tell me the best way to do this?

Thanks.

KonFusion · 15-01-2013 6:51pm

There's a few ways. Some more semantically correct than others.

How many different colors?

Any chance you could post a snippet of the code?

euser1984 · 15-01-2013 6:54pm

KonFusion wrote: »

There's a few ways. Some more semantically correct than others.

How many different colors?

Any chance you could post a snippet of the code?

Just one colour. I want the Peter and test to be #FACC2E



test test test,
Peter & test.

Feathers · 15-01-2013 9:27pm

euser1984 wrote: »
Just one colour. I want the Peter and test to be #FACC2E


test test test,
Peter & test.

The 'correct way' to do this (i.e. seen as best practice in industry & more powerful) is to you stylesheets. If you want to add the blue colour to all tags within all tags, the stylesheet would look like this:

<style>
  p  i  {
      color: #FACC2E;
  }
</style>

The language in the style tag above is called CSS (which stands for cascading style-sheets). You can read more about it here.

Just shout if you've any questions on it. Though as a tip, people will be much more responsive if you give details & post an example of what you've already tried to solve the problem yourself — I'm want to do X, I've already tried doing Y which didn't seem to work; it did Z, which I wasn't expected. Good luck!

euser1984 · 15-01-2013 9:56pm

Feathers wrote: »
The 'correct way' to do this (i.e. seen as best practice in industry & more powerful) is to you stylesheets. If you want to add the blue colour to all tags within all tags, the stylesheet would look like this:
<style>
 p i {
 color: #FACC2E;
 }
</style>
The language in the style tag above is called CSS (which stands for cascading style-sheets). You can read more about it here.

Just shout if you've any questions on it. Though as a tip, people will be much more responsive if you give details & post an example of what you've already tried to solve the problem yourself — I'm want to do X, I've already tried doing Y which didn't seem to work; it did Z, which I wasn't expected. Good luck!

Cool, thanks a million, how would I go about using css to make all the entries bold also?

Feathers · 15-01-2013 10:01pm

euser1984 wrote: »

Cool, thanks a million, how would I go about using css to make all the entries bold also?

Like this

komodosp · 16-01-2013 3:18pm

<p>
</br>
test test test,</br>
<i style="color:#FACC2E;">Peter & test.</i>
</p>

If you just want a small piece of text in that colour, use spans...

e.g. for just Peter in #FACC2E.

<p>
</br>
test test test,</br>
<i><span style="color: #FACC2E">Peter</span> & test.</i>
</p>

Bold can be done a couple of ways

<b>text in bold</b>
<strong>text in bold</strong>
<span style="font-weight:bold;">text in bold</span>

Also just one other nit-picking thing, it's

<br />

not

</br>

Best way to specify text colour?

Comments