Stéphane ParentSelf Employed / Semi-retired| Leader MakerPrince 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. Saving Changes...
Senior Projects Manager | Field & Marten AssociatesNew Westminster, British Columbia, Canada
Stephane
I very much support such initiative. I am not IT savvy so would appreciate learning those HTML Tips. You can let us know how to add a link and customize it make it appear like a word in blue and when you click on it, it opens in a new window.
RK
...
1 reply by Stéphane Parent
Jan 12, 2020 6:21 PM
Stéphane Parent
...
You'll be pleased then, Rami. I've already posted the instructions to do so. See my second post on the discussion.
Saving Changes...
Stéphane ParentSelf Employed / Semi-retired| Leader MakerPrince Edward Island, Canada
Jan 12, 2020 6:18 PM
Replying to Rami Kaibni
...
Stephane
I very much support such initiative. I am not IT savvy so would appreciate learning those HTML Tips. You can let us know how to add a link and customize it make it appear like a word in blue and when you click on it, it opens in a new window.
RK
You'll be pleased then, Rami. I've already posted the instructions to do so. See my second post on the discussion.
...
1 reply by Rami Kaibni
Jan 12, 2020 6:28 PM
Rami Kaibni
...
Stephane, It doesn’t appear on my end. The only comment I see is the one where you showed how to do Bold and Italic.
No other comments or instructions for other tips appears on my end.
Saving Changes...
Stéphane ParentSelf Employed / Semi-retired| Leader MakerPrince Edward Island, Canada
Jan 12, 2020 5:23 PM
Replying to Joao Sarmento
...
Hi there,
There are many post editors that provide that very easily for these kind of forums, and several are free of charge. The number of styles and possible configurations is delimited for safety and coherence reasons, but is nice add-on
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.
...
1 reply by Joao Sarmento
Jan 13, 2020 12:26 AM
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.)
Senior Projects Manager | Field & Marten AssociatesNew Westminster, British Columbia, Canada
Jan 12, 2020 6:21 PM
Replying to Stéphane Parent
...
You'll be pleased then, Rami. I've already posted the instructions to do so. See my second post on the discussion.
Stephane, It doesn’t appear on my end. The only comment I see is the one where you showed how to do Bold and Italic.
No other comments or instructions for other tips appears on my end.
...
1 reply by Stéphane Parent
Jan 12, 2020 6:34 PM
Stéphane Parent
...
It's the post right between Andrew's and Luis'.
Saving Changes...
Stéphane ParentSelf Employed / Semi-retired| Leader MakerPrince Edward Island, Canada
Jan 12, 2020 6:28 PM
Replying to Rami Kaibni
...
Stephane, It doesn’t appear on my end. The only comment I see is the one where you showed how to do Bold and Italic.
No other comments or instructions for other tips appears on my end.
It's the post right between Andrew's and Luis'.
...
1 reply by Rami Kaibni
Jan 12, 2020 6:44 PM
Rami Kaibni
...
Stephane
It’s either that I am blind or you misunderstood what I am asking for. The only comment you’re referring to that has instructions is this:
” Now that we've got the most important HTML tag under our belt, let's learn some quick but commonly used tags to spruce up your comments.
You can use the i and b tags on this web site to, respectively, italicize and boldface your text. It's as simple as surrounding your text with and .
You will notice that the i tag is sometimes rendered as a different font, rather than the italics of the same typeface. Unfortunately, the u tag for underline doesn't work here.
Nothing more is mentioned about how you can embed a hyperlink into paragraph and customize its name.
Senior Projects Manager | Field & Marten AssociatesNew Westminster, British Columbia, Canada
Jan 12, 2020 6:34 PM
Replying to Stéphane Parent
...
It's the post right between Andrew's and Luis'.
Stephane
It’s either that I am blind or you misunderstood what I am asking for. The only comment you’re referring to that has instructions is this:
” Now that we've got the most important HTML tag under our belt, let's learn some quick but commonly used tags to spruce up your comments.
You can use the i and b tags on this web site to, respectively, italicize and boldface your text. It's as simple as surrounding your text with and .
You will notice that the i tag is sometimes rendered as a different font, rather than the italics of the same typeface. Unfortunately, the u tag for underline doesn't work here.
Nothing more is mentioned about how you can embed a hyperlink into paragraph and customize its name.
RK
...
1 reply by Stéphane Parent
Jan 12, 2020 7:06 PM
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.
Saving Changes...
Stéphane ParentSelf Employed / Semi-retired| Leader MakerPrince Edward Island, Canada
This next HTML tag is quite fun and allows you to embed graphics, yes graphics!, in your comments. It's a little more involved but certainly worth the work.
If your graphic is already available through a web site, you can simply reference its URL in the img tag, like this.
<img src="URL">
There are other attributes, beside src, for the img tag that allows you additional control on the image. Width and height attributes are specified in pixels, or picture elements, or percentage of the overall page (use the % symbol after the value). For accessibility purpose, you should also consider adding an alt attribute & value, to allow vision impaired readers to get a text description, in lieu of the picture.
Sometimes you have a graphic and can't be bothered to host it on a web server for just this purpose. Have no fear, you can embed the image directly in your img tag.
First, you need to generate the base 64 text equivalent of your graphic file. For hard cores users, you can use a command line tool like certutil. Alternatively, there are free web sites that will do it for you - just search for base 64 encoding.
Once you have the equivalent text, you simply append it after the following:
<img src="data:image/png;base64,
(If you encoded from a JPG or JPEG, instead of PNG, replace png with jpeg in the line above.)
If you generate the code from a certificate generator, like certutil, copy only the text between --BEGIN CERTIFICATE and ---END CERTIFICATE lines.
Make sure you paste the whole text as a continguous line. No spaces or returns.
Once everything has been put in, you can close the img tag by adding "> at the end.
You can still use the other img attributes - alt, width and height - to control the graphic.
It's a bit convoluted but the results are very satisfying! Give it a try! Saving Changes...
Stéphane ParentSelf Employed / Semi-retired| Leader MakerPrince Edward Island, Canada
Jan 12, 2020 6:44 PM
Replying to Rami Kaibni
...
Stephane
It’s either that I am blind or you misunderstood what I am asking for. The only comment you’re referring to that has instructions is this:
” Now that we've got the most important HTML tag under our belt, let's learn some quick but commonly used tags to spruce up your comments.
You can use the i and b tags on this web site to, respectively, italicize and boldface your text. It's as simple as surrounding your text with and .
You will notice that the i tag is sometimes rendered as a different font, rather than the italics of the same typeface. Unfortunately, the u tag for underline doesn't work here.
Nothing more is mentioned about how you can embed a hyperlink into paragraph and customize its name.
RK
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.
...
1 reply by Rami Kaibni
Jan 13, 2020 1:23 AM
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.
Saving Changes...
Khai Ng.IT PMO | IT Project Manager| TTGROUPHanoi, Viet Nam
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.
...
1 reply by Stéphane Parent
Jan 13, 2020 8:49 AM
Stéphane Parent
...
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.
Saving Changes...
RAJON BANERJEEKalyani, District: Nadia, West Bengal, India
Hi All,
I am working on web domain since last 12+ year. I was worked on MS ASP.NET, MVC etc.
However, all HTML tag shouldn't be entitled in comment section & only reason is security purpose. Web admin's are only enabled some basic & non-harm tags.
There are plenty tags are available which have some rigorous implementation.
"Humanity has advanced, when it has advanced, not because it has been sober, responsible and cautious, but because it has been playful, rebellious and immature."
Community Champion
