Difference between revisions of "Help:TootCat/HTML/formatting"

From Mew
Jump to navigation Jump to search
 
(6 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
{{fmt/title|formatting posts with HTML}}
 
{{fmt/title|formatting posts with HTML}}
Note that the "Markdown" formatting option supports all of the tags supported by the HTML option (i.e. it's a superset), and it's often useful to be able to intermix them -- so we recommend using the Markdown option rather than HTML only. The following applies to both choices; see {{l/sub|Markdown}} for syntax that only works in the Markdown option.
+
Note that the "Markdown" formatting option supports all of the tags supported by the HTML option (i.e. it's a superset), and Markdown supports some things that HTML does not -- so we recommend using the Markdown option rather than HTML only.
  
 +
The following applies to both the HTML and Markdown options; see {{l/sub|Markdown}} for syntax that only works in the Markdown option.
 
==Tags==
 
==Tags==
 +
I've posted these examples [https://toot.cat/@woozle/110673249809945566 on TootCat] so you can see how they look in practice.
 
<syntaxhighlight lang=html>
 
<syntaxhighlight lang=html>
Character formatting:
+
<h2>Character formatting</h2>
<b>bold</b>
+
* <b>bold</b>
<i>italic</i>
+
* <i>italic</i>
<u>underline</u>
+
* <u>underline</u>
 +
* <sup>superscript</sup> -- e.g.: E=MC<sup>2</sup>
 +
* <sub>subscript</sub> -- e.g.: H<sub>2</sub>O
  
Lists:
+
<h2>Lists</h2>
<ul><li>item one<li>item two</ul>
+
<ul><li>item one<li>item two</ul>
<ol<li>item one<li>item two</ol>
+
<ol><li>item one<li>item two</ol>
Links:
+
<h2>Links</h2>
<a href="URL">display text</a>
+
* <a href="https://mew.toot.cat/mw/Help:TootCat/HTML/formatting">MeW page about HTML formatting</a>
#<a href="https://toot.cat/tags/softwareGripe">softwareGripe</a> - link to a hashtag feed without indexing the post containing the link
+
* #<a href="https://toot.cat/tags/softwareGripe">softwareGripe</a> - link to a hashtag feed without indexing the post containing the link
 +
* #<a href="https://toot.cat/@woozle/tagged/softwareGripe">softwareGripe @ Woozle</a> - link to only posts in that hashtag by a specific user
  
 
NOT SUPPORTED:
 
NOT SUPPORTED:
 
  <pre>, <tt>, <s>
 
  <pre>, <tt>, <s>
 
</syntaxhighlight>
 
</syntaxhighlight>
(I put the # outside of the link so it looks a little different from a regular hashtag.)
 

Latest revision as of 18:55, 22 July 2023

formatting posts with HTML

Note that the "Markdown" formatting option supports all of the tags supported by the HTML option (i.e. it's a superset), and Markdown supports some things that HTML does not -- so we recommend using the Markdown option rather than HTML only.

The following applies to both the HTML and Markdown options; see Markdown for syntax that only works in the Markdown option.

Tags

I've posted these examples on TootCat so you can see how they look in practice.

<h2>Character formatting</h2>
* <b>bold</b>
* <i>italic</i>
* <u>underline</u>
* <sup>superscript</sup> -- e.g.: E=MC<sup>2</sup>
* <sub>subscript</sub> -- e.g.: H<sub>2</sub>O

<h2>Lists</h2>
<ul><li>item one<li>item two</ul>
<ol><li>item one<li>item two</ol>
<h2>Links</h2>
* <a href="https://mew.toot.cat/mw/Help:TootCat/HTML/formatting">MeW page about HTML formatting</a>
* #<a href="https://toot.cat/tags/softwareGripe">softwareGripe</a> - link to a hashtag feed without indexing the post containing the link
* #<a href="https://toot.cat/@woozle/tagged/softwareGripe">softwareGripe @ Woozle</a> - link to only posts in that hashtag by a specific user

NOT SUPPORTED:
 <pre>, <tt>, <s>