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
Joao Sarmento Senior Project/Program Manager| UNITEL Luanda, Luanda, Angola
Jan 12, 2020 6:26 PM
Replying to Stéphane Parent
...
I have used many HTML editors, João. They are great when you want to work on HTML pages. An external editor for use this forum would be laborious.

You would have to start the editor separately, create your rich text, view/export the HTML source code and paste into the appropriate post or comment. Don't forget: not all HTML is supported within the forum's text boxes.
Hi Stéphane,

I believe I was not very clear in the previous post, but I was referring to editors integrated within the site (eg. ckeditor) :)

Although nice and refreshing, the fact that the forum allows to include HTML should be well assessed/validated. Without some sort of validation of which HTML tags are valid, it might pose a security risk to the site itself and its users (SQL injection, cross-site scripting, malicious JavaScript, etc.)
...
1 reply by Stéphane Parent
Jan 13, 2020 8:53 AM
Stéphane Parent
...
The only place in this forum that offers an integrated editor is for blog posts. I am only offering tips on HTML formatting that is also provided by that integrated editor.
avatar
Rami Kaibni
Community Champion
Senior Projects Manager | Field & Marten Associates New Westminster, British Columbia, Canada
Jan 12, 2020 7:06 PM
Replying to Stéphane Parent
...
Do you see Andrew's and Luis' comments? My entry is between their comments. You should try refreshing the page to see if it helps.
Stephane, I tried but nothing there. Did you include a link by any chance in that comment ?

If you did, you might see your comment but we won't see it until the site moderators approve it and since its a Sunday, then it might appear tomorrow. That's the only reason I could think of as to why I am not able to see it.
...
1 reply by Stéphane Parent
Jan 13, 2020 8:45 AM
Stéphane Parent
...
No link in the comment, Rami. Only the syntax.

Does anybody else not see my post that should be between Andrew and Luis, on the first page?
avatar
Stéphane Parent Self Employed / Semi-retired| Leader Maker Prince Edward Island, Canada
Jan 13, 2020 1:23 AM
Replying to Rami Kaibni
...
Stephane, I tried but nothing there. Did you include a link by any chance in that comment ?

If you did, you might see your comment but we won't see it until the site moderators approve it and since its a Sunday, then it might appear tomorrow. That's the only reason I could think of as to why I am not able to see it.
No link in the comment, Rami. Only the syntax.

Does anybody else not see my post that should be between Andrew and Luis, on the first page?
...
1 reply by Vincent Guerard
Jan 13, 2020 11:02 PM
Vincent Guerard
...
Stephane,
I see the post, but nothing concern colour of the text
avatar
Stéphane Parent Self Employed / Semi-retired| Leader Maker Prince Edward Island, Canada
Jan 12, 2020 9:16 PM
Replying to Khai Ng.
...
I don't think this is a good idea to add HTML tags to your comments by yourself. For security reason, many social network will use code to filter out HTML Tags that may cause harm to readers of content when viewing. I think, it is better for web admin to turn basic text editing feature on to support text formatting.
For those of us who have a blog on this forum, there is an editor that can be used to provide basic HTML formatting. Unfortunately, the other places do not have the same editing capabilities.
avatar
Stéphane Parent Self Employed / Semi-retired| Leader Maker Prince Edward Island, Canada
Jan 13, 2020 12:26 AM
Replying to Joao Sarmento
...
Hi Stéphane,

I believe I was not very clear in the previous post, but I was referring to editors integrated within the site (eg. ckeditor) :)

Although nice and refreshing, the fact that the forum allows to include HTML should be well assessed/validated. Without some sort of validation of which HTML tags are valid, it might pose a security risk to the site itself and its users (SQL injection, cross-site scripting, malicious JavaScript, etc.)
The only place in this forum that offers an integrated editor is for blog posts. I am only offering tips on HTML formatting that is also provided by that integrated editor.
avatar
Vincent Guerard Coach - Trainer - Speaker - Advisor| Freelance Mont-Royal, Quebec, Canada
Jan 13, 2020 8:45 AM
Replying to Stéphane Parent
...
No link in the comment, Rami. Only the syntax.

Does anybody else not see my post that should be between Andrew and Luis, on the first page?
Stephane,
I see the post, but nothing concern colour of the text
...
1 reply by Stéphane Parent
Jan 14, 2020 5:06 AM
Stéphane Parent
...
Good to know, Vincent. I can certainly add a tip on how to change your text colour.
avatar
Stéphane Parent Self Employed / Semi-retired| Leader Maker Prince Edward Island, Canada
Jan 13, 2020 11:02 PM
Replying to Vincent Guerard
...
Stephane,
I see the post, but nothing concern colour of the text
Good to know, Vincent. I can certainly add a tip on how to change your text colour.
...
1 reply by Rami Kaibni
Jan 14, 2020 1:48 PM
Rami Kaibni
...
Let us know when you add this tip regarding color change please.
avatar
Rami Kaibni
Community Champion
Senior Projects Manager | Field & Marten Associates New Westminster, British Columbia, Canada
Jan 12, 2020 2:18 PM
Replying to Stéphane Parent
...
Arguably, the most important HTML tag to know is to set up links to other web pages. While linking web pages is a powerful way to connect over WWW, make sure you abide by the forum rules and use them where allowed.

The simplest way to set up a link is as follows:
<a href="URL">description</a>

Something you will often find with HTML tags is they start with one or two letters between brackets and end with the same bracketed letters prefixed by a forward slash.

The Uniform Resource Locator, or URL, is the fancy name for the link you want the reader to go to when they click it. It should start with http:\\ or https:\\.

The description can be any amount of text which will show the link.

href is an attribute of the a HTML tag. It stands for hypertext reference.

Another attribute that is often used is target. By default, when you click a link, it will open in the same window, replacing whatever was there before. By adding the target attribute, you can have it open up in a different tab or even its own window. Here is what the full syntax looks like.

<a href="URL" target="_blank">description</a>

In this example, I used the value _blank, which will open up in a new tab. This is the most useful value.

If you write articles or blog posts on this forum, this is a great way to take your reader to your reference material.
Now I can see it, it wasn't there before, trust my words. Some comments take time to show if it was decided they need to be approved by the site moderator :-)

Thank you !
avatar
Rami Kaibni
Community Champion
Senior Projects Manager | Field & Marten Associates New Westminster, British Columbia, Canada
Jan 14, 2020 5:06 AM
Replying to Stéphane Parent
...
Good to know, Vincent. I can certainly add a tip on how to change your text colour.
Let us know when you add this tip regarding color change please.
avatar
Stéphane Parent Self Employed / Semi-retired| Leader Maker Prince Edward Island, Canada
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!
...
2 replies by Rami Kaibni and Vincent Guerard
Jan 14, 2020 8:16 PM
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
Jan 15, 2020 10:54 AM
Vincent Guerard
...
Thanks, Stephane

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

smaller bigger sign get remove!
< 1 2 3 4 5 >

Please login or join to reply

Content ID:
ADVERTISEMENTS

"The man who views the world at 50 the same as he did at 20 has wasted 30 years of his life."

- Muhammad Ali

ADVERTISEMENT

Sponsors