HTML shortcuts for beginners
  • chonakchonak
    Posts: 6,594
    Here are some tips submitted by forum users.
    (This post replaces the old list, which was not displaying correctly.)

    1. To display a picture already online:
    <img src=""/>

    2. To mark off someone else's text as a quotation, you can set it off with italic tags:
    <i>quoted text</i>

    3. To link to a web page or to a file that can be downloaded:
    <a href="http://www.yourhostingaddress/directory/filename.extension" target="_blank">download</a>

    Or: just post the web address for the target page, and let the forum software make it into a link automatically. Make sure to include the prefix "http://" or "https://" :

    4. To skip a line before and after text:
    <br/>your text here<br/>

    5. How to indent a lengthy quotation:

    <blockquote>Here's the quoted text.</blockquote>

    The result looks like this:
    Here's the quoted text.

    6. To show text in monospaced font (typewriter-style) in a yellow box:
    <pre>Here's the quoted text.</pre>

    The result looks like this:
    Here's the quoted text.

    7. To add lists:

    You want a bulleted list
    <li>Item one</li>
    <li>item two</li>
    <li>item three</li>

    You want a numbered list
    <li>Item one</li>
    <li>item two</li>
    <li>item three</li>

    Looks like:

    You want a bulleted list
    • Item one
    • item two
    • item three

    You want a numbered list
    1. Item one
    2. item two
    3. item three

    8. To share a YouTube video, just post the web page URL into your message. There was formerly a feature that would automatically convert the link to a video embedded in your message, but this stopped working. But it's no big deal: the forum software will automatically make the URL into a clickable link, and people can easily click on the link to view the video.

    If you type in the link as:

    it will appear as:

  • kenstb
    Posts: 347
    I am new to this forum. How do I post a "Thank You" to a contributor?
    [The header line above each comment is labeled with "Edit", "Delete", "Thanks", if you are on a desktop computer. Click on "Thanks" to add a message of thanks.--admin]
  • Richard MixRichard Mix
    Posts: 1,207
    After trying <plaintext> & <pre> I guessed that the big C on the formatting menu stood for <code> Is there a way to tell people how to use purple (or just get inequality symbols) without the yellow box?
  • And, how do we use purple text? I've tried repeatedly and failed.

  • Richard MixRichard Mix
    Posts: 1,207
    The lazy way is to use the search function to dig up posts like this. (whew, took some trial and error)
  • CHGiffenCHGiffen
    Posts: 3,420
    Use &lt; for < and &gt; for > to get inequality symbols that don't parse when surrounding a word like code or pre or plaintext. For example, typing &lt;code&gt; produces the text <code>

    For purple text, use the following construction:

    <font color=purple>This will appear in purple.</font>

    which produces:

    This will appear in purple.

    Hope this helps.
  • <!DOCTYPE html>

    Does this work?

    I hope this is big

    I hope this is small

    I hope it works

    Writing in full html is better than using this basic thing

  • JesJes
    Posts: 315
    So Cool!!!
    Do CSS and JS also work on these forum discussions?
    Not that I don't like the look, just interested to know.
  • chonakchonak
    Posts: 6,594
    As far as I know, they are not supported.
    Thanked by 1Jes