Project Management

Please login or join to subscribe to this thread

HTML Tips

linkedin twitter facebook  
avatar
Stéphane Parent Self Employed / Semi-retired| Leader Maker Prince Edward Island, Canada
In order to help people maximize their content on this forum, I decided to start a discussion on HTML tips. Some of it I've shared over the years in other discussions.

This will allow an opportunity to not only allow learning but also try it out without disrupting other discussions. As well, I have yet to learn all the HTML tags supported by this community. Feel free to add to the list.
Sort By:
< 1 2 3 4 5 >
avatar
Rami Kaibni
Community Champion
Senior Projects Manager | Field & Marten Associates New Westminster, British Columbia, Canada
Jan 14, 2020 5:05 PM
Replying to Stéphane Parent
...
If bolfacing and italicizing your text is too tame for your taste, you can always colour your text.

This is another tag that can be simple or complicated. The simple form looks like this.

<font color="text colour">coloured text</font>

Where text colour can be red, blue, yellow, magenta, etc. Coloured text is the text upon which you want to apply the selected text colour.

If you want finer control, you will want to use the hexadecimal colour number (like "#ff0000") or the RGB combination number (like "rgb(255,0,0)"), in place of the text colour. Get yourself an HTML colour codes chart so you can have the right coordinates.

Happy colouring!
Stephane

It's not working - I put the following: font color="Re d"TEST/font

Of course I did red as on word but I separated it so I can show you what I wrote and you tell me where I went wrong.

Thanks
RK
...
1 reply by Stéphane Parent
Jan 15, 2020 10:59 AM
Stéphane Parent
...
It looks like font colour is another HTML tag that is not supported in discussion posts. :(
avatar
Vincent Guerard Coach - Trainer - Speaker - Advisor| Freelance Mont-Royal, Quebec, Canada
Jan 14, 2020 5:05 PM
Replying to Stéphane Parent
...
If bolfacing and italicizing your text is too tame for your taste, you can always colour your text.

This is another tag that can be simple or complicated. The simple form looks like this.

<font color="text colour">coloured text</font>

Where text colour can be red, blue, yellow, magenta, etc. Coloured text is the text upon which you want to apply the selected text colour.

If you want finer control, you will want to use the hexadecimal colour number (like "#ff0000") or the RGB combination number (like "rgb(255,0,0)"), in place of the text colour. Get yourself an HTML colour codes chart so you can have the right coordinates.

Happy colouring!
Thanks, Stephane

font color="green" b/i/ Thanks Stephane "

smaller bigger sign get remove!
avatar
Stéphane Parent Self Employed / Semi-retired| Leader Maker Prince Edward Island, Canada
Jan 14, 2020 8:16 PM
Replying to Rami Kaibni
...
Stephane

It's not working - I put the following: font color="Re d"TEST/font

Of course I did red as on word but I separated it so I can show you what I wrote and you tell me where I went wrong.

Thanks
RK
It looks like font colour is another HTML tag that is not supported in discussion posts. :(
...
1 reply by Rami Kaibni
Jan 15, 2020 2:51 PM
Rami Kaibni
...
I wish it was, makes things easier in many ways.
avatar
Rami Kaibni
Community Champion
Senior Projects Manager | Field & Marten Associates New Westminster, British Columbia, Canada
Jan 15, 2020 10:59 AM
Replying to Stéphane Parent
...
It looks like font colour is another HTML tag that is not supported in discussion posts. :(
I wish it was, makes things easier in many ways.
avatar
George Freeman Thought Leader | Author | Architect| Florida, United States
Hi Stephane,

I thought I would add one that I have used in the past – Hover Text

- Example
Epistemic Subterfuge

- Formatting
<a href=" " title=" Represents the idea that there are individuals and currents within an organization that rationally justify passive-aggressive behaviors to covertly achieve a contra goal to the one they are seemingly presenting themselves in alignment with. ">Epistemic Subterfuge</a>
...
3 replies by Rami Kaibni, Stéphane Parent, and Vincent Guerard
Jan 18, 2020 12:16 PM
Stéphane Parent
...
Thanks, George. I do like the title attribute. Like the alt attribute for the img tag, it is a great accessibility tool.
Jan 18, 2020 7:24 PM
Rami Kaibni
...
Guys

Sorry hear with me here as I am not very well versed in HTML. I clicked this and it took me to the same post so did not quite understand what it does exactly ? Can you elaborate ?

Thanks
RK
Jan 28, 2020 3:27 PM
Vincent Guerard
...
George a nice one that actually works.
Sad that some don't work.
avatar
Stéphane Parent Self Employed / Semi-retired| Leader Maker Prince Edward Island, Canada
Jan 17, 2020 5:20 PM
Replying to George Freeman
...
Hi Stephane,

I thought I would add one that I have used in the past – Hover Text

- Example
Epistemic Subterfuge

- Formatting
<a href=" " title=" Represents the idea that there are individuals and currents within an organization that rationally justify passive-aggressive behaviors to covertly achieve a contra goal to the one they are seemingly presenting themselves in alignment with. ">Epistemic Subterfuge</a>
Thanks, George. I do like the title attribute. Like the alt attribute for the img tag, it is a great accessibility tool.
avatar
Rami Kaibni
Community Champion
Senior Projects Manager | Field & Marten Associates New Westminster, British Columbia, Canada
Jan 17, 2020 5:20 PM
Replying to George Freeman
...
Hi Stephane,

I thought I would add one that I have used in the past – Hover Text

- Example
Epistemic Subterfuge

- Formatting
<a href=" " title=" Represents the idea that there are individuals and currents within an organization that rationally justify passive-aggressive behaviors to covertly achieve a contra goal to the one they are seemingly presenting themselves in alignment with. ">Epistemic Subterfuge</a>
Guys

Sorry hear with me here as I am not very well versed in HTML. I clicked this and it took me to the same post so did not quite understand what it does exactly ? Can you elaborate ?

Thanks
RK
...
1 reply by Stéphane Parent
Jan 18, 2020 8:55 PM
Stéphane Parent
...
Hey Rami. Move your cursor over the link but don't click. When you "hover" over the link, a text box will appear.
avatar
Stéphane Parent Self Employed / Semi-retired| Leader Maker Prince Edward Island, Canada
Jan 18, 2020 7:24 PM
Replying to Rami Kaibni
...
Guys

Sorry hear with me here as I am not very well versed in HTML. I clicked this and it took me to the same post so did not quite understand what it does exactly ? Can you elaborate ?

Thanks
RK
Hey Rami. Move your cursor over the link but don't click. When you "hover" over the link, a text box will appear.
...
1 reply by Rami Kaibni
Jan 19, 2020 5:11 AM
Rami Kaibni
...
Thank you Stephane. It is probably because I was looking from my iPad. Will check from my desktop tomorrow.
avatar
Rami Kaibni
Community Champion
Senior Projects Manager | Field & Marten Associates New Westminster, British Columbia, Canada
Jan 18, 2020 8:55 PM
Replying to Stéphane Parent
...
Hey Rami. Move your cursor over the link but don't click. When you "hover" over the link, a text box will appear.
Thank you Stephane. It is probably because I was looking from my iPad. Will check from my desktop tomorrow.
...
1 reply by Stéphane Parent
Jan 19, 2020 10:03 AM
Stéphane Parent
...
Unfortunately, tooltips such as these don't work when using your finger as the pointer.
avatar
Stéphane Parent Self Employed / Semi-retired| Leader Maker Prince Edward Island, Canada
Jan 19, 2020 5:11 AM
Replying to Rami Kaibni
...
Thank you Stephane. It is probably because I was looking from my iPad. Will check from my desktop tomorrow.
Unfortunately, tooltips such as these don't work when using your finger as the pointer.
< 1 2 3 4 5 >

Please login or join to reply

Content ID:
ADVERTISEMENTS

"We are ashamed of everything that is real about us; ashamed of ourselves, of our relatives, of our incomes, of our accents, of our opinions, of our experience, just as we are ashamed of our naked skins."

- George Bernard Shaw

ADVERTISEMENT

Sponsors