• 0

HTML bbcode: did you know that it exists?

Asked by Joel,

 Share

Question

Grand Master

Joel

Posted
Posted

I see many people using the code tags when posting the HTML / XHTML source. Did you know that there is a bbcode for HTML?

If you use 

[html][/html]

tags instead of the code tags, you can post HTML code that displays in a more helpful manner. Example:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <title>W3C HTML Home Page</title>
  <meta name="keywords"
  content="HTML, HTML 4, HTML 4.01, HTML 4.0, XHTML, XHTML 1.0, XHTML 1.1, XHTML Basic, Modularization of XHTML, XML Events, XHTML-Print, XHTML 2.0, HTML Activity, HTML Working Group" />
  <meta name="description"
  content="This is W3C's home page for the HTML Activity. Here you will find pointers to our specifications for HTML/XHTML, guidelines on how to use HTML/XHTML to the best effect, and pointers to related work at W3C." />
  <link rel="stylesheet" type="text/css" href="markup.css" />
  <link rel="stylesheet" type="text/css" href="../StyleSheets/public.css" />
  <link rel="stylesheet" type="text/css" media="handheld"
  href="style/handheld.css" />
  <link rel="stylesheet" type="text/css" media="print" href="style/print.css" />

  <link rel="bookmark" href="#top" title="Page top" />
  <link rel="start" href="../" title="W3C Home Page" />
  <link rel="contents" href="#navbar" title="Navigation" />
  <link rel="bookmark" href="#news" title="News" />
  <link rel="bookmark" href="#recommendations" title="RECs" />
  <link rel="bookmark" href="#drafts" title="Drafts" />
  <link rel="appendix" href="Activity" title="Activity Statement" />
  <link rel="appendix" href="xhtml-roadmap/" title="Roadmap" />
  <link rel="appendix" href="2004/xhtml-faq" title="FAQ" />

  <link rel="appendix" href="modularization" title="M12N Overview" />
  <link rel="appendix" href="historical" title="Historical" />
  <link rel="appendix" href="news" title="News Archive" />
  <link rel="appendix" href="Articles" title="Articles" />
  <link rel="appendix" href="translations" title="Translations" />
  <link rel="help" href="../Help/siteindex" title="Site Index" />
  <link rel="glossary" href="../2001/12/Glossary" title="Glossary" />
  <link rel="copyright" href="#copyright" title="Copyright" />
  <link rel="alternate" type="text/html" title="HTML version" href=",html" />

  <link rel="alternate" type="application/xhtml+xml" title="XHTML version"
  href=",xhtml" />
</head>

<body>
<div class="footer">
<p id="copyright" class="copyright"><a rel="Copyright"
href="/Consortium/Legal/ipr-notice#Copyright">Copyright</a> ?1995-2006 <a
href="/"><abbr title="World Wide Web Consortium">W3C</abbr></a><sup>?</sup>

(<a href="http://www.csail.mit.edu/"><abbr
title="Massachusetts Institute of Technology">MIT</abbr></a>, <a
href="http://www.ercim.org/"><acronym
title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>,
<a href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C <a
href="/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>, <a
href="/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a>, <a
rel="Copyright" href="/Consortium/Legal/copyright-documents">document use</a>
and <a rel="Copyright" href="/Consortium/Legal/copyright-software">software
licensing</a> rules apply. Your interactions with this site are in accordance
with our <a href="/Consortium/Legal/privacy-statement#Public">public</a> and

<a href="/Consortium/Legal/privacy-statement#Members">Member</a> privacy
statements.</p>

<p>This page was last modified on: $Date: 2006/02/06 15:52:10 $</p>
</div>
</body>
</html>

29 answers to this question

Recommended Posts

  • 0
Explorer

vks87

Posted
Posted
I see many people using the code tags when posting the HTML / XHTML source. Did you know that there is a bbcode for HTML?

If you use 

[html][/html]

tags instead of the code tags, you can post HTML code that displays in a more helpful manner. Example:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <title>W3C HTML Home Page</title>
  <meta name="keywords"
  content="HTML, HTML 4, HTML 4.01, HTML 4.0, XHTML, XHTML 1.0, XHTML 1.1, XHTML Basic, Modularization of XHTML, XML Events, XHTML-Print, XHTML 2.0, HTML Activity, HTML Working Group" />
  <meta name="description"
  content="This is W3C's home page for the HTML Activity. Here you will find pointers to our specifications for HTML/XHTML, guidelines on how to use HTML/XHTML to the best effect, and pointers to related work at W3C." />
  <link rel="stylesheet" type="text/css" href="markup.css" />
  <link rel="stylesheet" type="text/css" href="../StyleSheets/public.css" />
  <link rel="stylesheet" type="text/css" media="handheld"
  href="style/handheld.css" />
  <link rel="stylesheet" type="text/css" media="print" href="style/print.css" />

  <link rel="bookmark" href="#top" title="Page top" />
  <link rel="start" href="../" title="W3C Home Page" />
  <link rel="contents" href="#navbar" title="Navigation" />
  <link rel="bookmark" href="#news" title="News" />
  <link rel="bookmark" href="#recommendations" title="RECs" />
  <link rel="bookmark" href="#drafts" title="Drafts" />
  <link rel="appendix" href="Activity" title="Activity Statement" />
  <link rel="appendix" href="xhtml-roadmap/" title="Roadmap" />
  <link rel="appendix" href="2004/xhtml-faq" title="FAQ" />

  <link rel="appendix" href="modularization" title="M12N Overview" />
  <link rel="appendix" href="historical" title="Historical" />
  <link rel="appendix" href="news" title="News Archive" />
  <link rel="appendix" href="Articles" title="Articles" />
  <link rel="appendix" href="translations" title="Translations" />
  <link rel="help" href="../Help/siteindex" title="Site Index" />
  <link rel="glossary" href="../2001/12/Glossary" title="Glossary" />
  <link rel="copyright" href="#copyright" title="Copyright" />
  <link rel="alternate" type="text/html" title="HTML version" href=",html" />

  <link rel="alternate" type="application/xhtml+xml" title="XHTML version"
  href=",xhtml" />
</head>

<body>
<div class="footer">
<p id="copyright" class="copyright"><a rel="Copyright"
href="/Consortium/Legal/ipr-notice#Copyright">Copyright</a> ?1995-2006 <a href="/"><abbr title="World Wide Web Consortium">W3C</abbr></a><sup>?</sup>

(<a href="http://www.csail.mit.edu/"><abbr title="Massachusetts Institute of Technology">MIT</abbr></a>, <a href="http://www.ercim.org/"><acronym title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>,
<a href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C <a href="/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>, <a href="/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a>, <a rel="Copyright" href="/Consortium/Legal/copyright-documents">document use</a>
and <a rel="Copyright" href="/Consortium/Legal/copyright-software">software
licensing</a> rules apply. Your interactions with this site are in accordance
with our <a href="/Consortium/Legal/privacy-statement#Public">public</a> and

<a href="/Consortium/Legal/privacy-statement#Members">Member</a> privacy
statements.</p>

<p>This page was last modified on: $Date: 2006/02/06 15:52:10 $</p>
</div>
</body>
</html>

Nice codding..

Thanks for sharing it with us...

  • 0
Experienced

jordan.

Posted
Posted (edited) 

<div id="test">
	<p>Testing the HTML tag and spacing</p>
	<ul class="woot">
		<li>nothing here</li>
	</ul>
</div>

EDIT: Sweet, it now keeps the spacing. Funny it changes a tab space in to 8 spaces.

This topic is now closed to further replies.
 Share
Go to question listing

  • Recently Browsing   0 members

    • No registered users viewing this page.

  • Posts

    • Microsoft about to radically change how often your Edge browser updates

      By seacaptain · Posted

      Why? Does anybody actually want this? The constant need to close all browser sessions and wait for a new version to install, just so that there’s a integrated coupon manager feels like a waste of everyone’s time
    • Louis Rossmann suing Samsung over "990 Pro SSD warranty scam"

      By PsYcHoKiLLa · Posted

      I remember when Louis used to just do interesting Mac/iPhone repairs, now he's boring and just launches "crusades" every week
    • Microsoft releases new Windows 11 Media Creation Tool with the latest updates

      By ad47uk · Posted

      A shame it don't allow people to bypass the MS account, I will stick to using Rufus.
    • Microsoft about to radically change how often your Edge browser updates

      By zikalify · Posted

      Microsoft about to radically change how often your Edge browser updates by Paul Hill Microsoft has just announced that starting with Edge 152, it will be moving to a two-week release cycle for faster, smaller updates. This faster release cadence will begin on August 27. This change comes just several months after Microsoft switched Visual Studio Code to weekly updates. The company said that the Extended Stable releases will remain on an eight-week cycle and that no admin changes are needed to experience the faster release cycle on the Stable channel. The new two-week release cycle will enable the faster delivery of security updates and platform improvements, all while reducing the size and complexity of individual updates. Microsoft claims that organizations will benefit from this change as it offers predictable validation cycles. For organizations that prefer a “more deliberate pace”, the Extended Stable channel remains an option. This change will affect Edge Stable releases on Windows, macOS, Linux, and mobile. The Extended Stable channel will continue to be updated every eight weeks, or every fourth Stable release, for example: versions 152, 156, 160, and 164. The Extended Stable could be a good option for organizations that don’t want the latest updates twice a month and don’t want as much hassle constantly updating browsers. In the case of Visual Studio Code, many of the updates being pushed by Microsoft are AI-related. As we all know, Microsoft Edge has a lot of AI features, so we could see Microsoft pushing more AI, thanks to the faster cycles. On the flip side, quicker releases could mean faster security updates, which is beneficial in a world where AI systems are hunting for software exploits. What do you think? Let us know in the comments. For more updates on Edge, be sure to follow Neowin's coverage. In May alone, we reported on Edge offering in-browser pop-ups to assist users with website compatibility issues, that Edge was losing Copilot Mode, and that Microsoft had fixed a plain-text password bug in Edge. Source: Microsoft 365 Admin Center
    • Euro-Office must default to ODF to be considered "genuinely European", LibreOffice argues

      By ad47uk · Posted

      not yet, because at the moment it is not a threat to MS, if and I mean if it did become a threat to MS Office, then it may be a different thing. MS don't like competition

  • Recent Achievements

    • Week One Done
      davidbazooked earned a badge
      Week One Done
    • One Month Later
      Jamswaz earned a badge
      One Month Later
    • Week One Done
      Jamswaz earned a badge
      Week One Done
    • Rookie
      Marzoid went up a rank
      Rookie
    • Community Regular
      coch went up a rank
      Community Regular

  • Popular Contributors

    1. 1
      +primortal
      514
    2. 2
      PsYcHoKiLLa
      185
    3. 3
      +Edouard
      159
    4. 4
      Steven P.
      83
    5. 5
      ATLien_0
      75
    Show More

  • Tell a friend

    Love Neowin? Tell a friend!