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...
Stéphane ParentSelf Employed / Semi-retired| Leader MakerPrince Edward Island, Canada
The hypertext markup language (HTML) was created to render and link pages on the world wide web. Saving Changes...
Drew CraigSr. Agile & Product Coach| VanguardPhiladelphia, Pa, United States
Cool. Thanks for opening this up. I still wonder if long-term a wiki page would be more beneficial. These threads tend to get lost in the crowd quickly.
Before getting started, one thing I've noticed over the years here is if the html code used is not correct, it will negatively impact the post, as in not able to edit the post to update. Also, once the site parses and renders the code, may not also be editable.
...
1 reply by Stéphane Parent
Jan 12, 2020 4:12 PM
Stéphane Parent
...
You are correct, Andrew. I've seen posts go awry because of unworkable HTML.
Saving Changes...
Drew CraigSr. Agile & Product Coach| VanguardPhiladelphia, Pa, United States
Pretty much all you'll ever need can be found and practiced here - w3schools
Have fun! Saving Changes...
Stéphane ParentSelf Employed / Semi-retired| Leader MakerPrince Edward Island, Canada
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.
...
1 reply by Rami Kaibni
Jan 14, 2020 1:44 PM
Rami Kaibni
...
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 !
Saving Changes...
Luis BrancoCEO| Business Insight, Consultores de Gestão, LdªCarcavelos, Lisboa, Portugal
Dear Stephane
Interesting your question
Thanks for sharing
Seems like a good idea
A few years ago I took a course on HTML
It was a FANTASTIC experience
In this course I had access to several programs that allow us to work "on top of html" without often knowing this language
...
1 reply by Stéphane Parent
Jan 12, 2020 4:15 PM
Stéphane Parent
...
I noticed, Luis, that the blog post editor does offer a more visual approach to HTML tagging. Unfortunately, it is not available for the comments in that blog post, nor discussion posts, or poll comments. That's the reason for this crash course on HTML tags.
Saving Changes...
Stéphane ParentSelf Employed / Semi-retired| Leader MakerPrince Edward Island, Canada
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 <i or b> and </i or /b>.
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.
...
1 reply by Stéphane Parent
Feb 25, 2020 2:32 PM
Stéphane Parent
...
Now that you learned about the i and b tags for italics and boldface, I want you to not use them. Under HTML5, these are still supported but not advised - the technical term is deprecated. Instead, you should use strong for boldfacing and em (e.g. emphasis) for italicizing.
Saving Changes...
Stéphane ParentSelf Employed / Semi-retired| Leader MakerPrince Edward Island, Canada
Jan 12, 2020 1:54 PM
Replying to Drew Craig
...
Cool. Thanks for opening this up. I still wonder if long-term a wiki page would be more beneficial. These threads tend to get lost in the crowd quickly.
Before getting started, one thing I've noticed over the years here is if the html code used is not correct, it will negatively impact the post, as in not able to edit the post to update. Also, once the site parses and renders the code, may not also be editable.
You are correct, Andrew. I've seen posts go awry because of unworkable HTML. Saving Changes...
Stéphane ParentSelf Employed / Semi-retired| Leader MakerPrince Edward Island, Canada
Jan 12, 2020 2:18 PM
Replying to Luis Branco
...
Dear Stephane
Interesting your question
Thanks for sharing
Seems like a good idea
A few years ago I took a course on HTML
It was a FANTASTIC experience
In this course I had access to several programs that allow us to work "on top of html" without often knowing this language
I noticed, Luis, that the blog post editor does offer a more visual approach to HTML tagging. Unfortunately, it is not available for the comments in that blog post, nor discussion posts, or poll comments. That's the reason for this crash course on HTML tags.
...
1 reply by Luis Branco
Jan 12, 2020 4:34 PM
Luis Branco
...
Dear Stephane
I thought it was a great idea
I will come to learn from you
Saving Changes...
Luis BrancoCEO| Business Insight, Consultores de Gestão, LdªCarcavelos, Lisboa, Portugal
Jan 12, 2020 4:15 PM
Replying to Stéphane Parent
...
I noticed, Luis, that the blog post editor does offer a more visual approach to HTML tagging. Unfortunately, it is not available for the comments in that blog post, nor discussion posts, or poll comments. That's the reason for this crash course on HTML tags.
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
...
1 reply by Stéphane Parent
Jan 12, 2020 6:26 PM
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.
