Help:Format

From Homestar Runner Wiki

(Difference between revisions)
Jump to: navigation, search
m (i think this makes it a little clearer)
(autoreplace: — → {{--}})
 
(includes 21 intermediate revisions)
Line 1: Line 1:
'''Here's how to format text:'''
'''Here's how to format text:'''
-
1. These HTML tags can be used to format text by typing ''<nowiki><tag>Text</tag></nowiki>'':
+
==Logical and Physical Tags==
 +
 
 +
These HTML tags can be used to format text by typing ''<nowiki><tag>Text</tag></nowiki>''. The physical tags are used when you are merely concerned with appearance. When meaning is meant to be conveyed with the text decoration, use the logical tags.
{| width="100%" border="5" cellspacing="2" cellpadding="2" style="font-size:20px;text-align:center;"
{| width="100%" border="5" cellspacing="2" cellpadding="2" style="font-size:20px;text-align:center;"
|- bgcolor="#FFFF00"
|- bgcolor="#FFFF00"
! width="33%" | Physical Tag !! width="33%" | Result !! width="33%" | Logical Tag
! width="33%" | Physical Tag !! width="33%" | Result !! width="33%" | Logical Tag
|-
|-
-
| &lt;b&gt; || <b>bold</b> || &lt;strong&gt;
+
| &lt;b&gt; || <b>bold</b> || &lt;strong&gt;''(strongly emphasized)''&lt;/strong&gt;
|-
|-
-
| &lt;i&gt; || <i>italic</i> || &lt;em&gt;
+
| &lt;i&gt; || <i>italic</i> || &lt;em&gt;''(normally emphasized)''&lt;/em&gt;
|-
|-
-
| &lt;u&gt; || <u>underline</u> || &lt;ins&gt;
+
| &lt;u&gt; || <u>underline</u> || &lt;ins&gt;''(if inserted text is intended)''&lt;/ins&gt;
|-
|-
-
| &lt;s&gt; || <s>strike</s> || &lt;del&gt;
+
| &lt;s&gt; || <s>strike</s> || &lt;del&gt;''(if deleted text is intended)''&lt;/del&gt;
|-
|-
-
| <br>&lt;big&gt;<br><br> || <big>big</big> || &mdash;
+
| <br>&lt;big&gt;<br><br> || <big>big</big> || {{--}}
|-
|-
-
| &lt;small&gt; || <small>small</small> || &mdash;
+
| &lt;small&gt; || <small>small</small> || {{--}}
|-
|-
-
| <br>&lt;sup&gt;<br><br> || super<sup>script</sup> || &mdash;
+
| <br>&lt;sup&gt;<br><br> || super<sup>script</sup> || {{--}}
|-
|-
-
| <br>&lt;sub&gt;<br><br> || sub<sub>script</sub> || &mdash;
+
| <br>&lt;sub&gt;<br><br> || sub<sub>script</sub> || {{--}}
|-
|-
-
| &mdash; || <blockquote>blockquote</blockquote> || &lt;blockquote&gt;
+
| {{--}} || <blockquote>blockquote</blockquote> || &lt;blockquote&gt;''(quoting a section of text)''&lt;/blockquote&gt;
-
|}
+
|}<br>
-
2. These color codes can be used to format any text by typing ''<nowiki><span style="color:(color)">Text</span></nowiki>'':
+
==Colors==
 +
 
 +
These [[Help:Color codes|color codes]] can be used to format text by typing ''<nowiki><span style="color:(color)">Text</span></nowiki>''. Either the hex code or the color name given can be used. Colors which are not listed should be specified with a hex code.
{| width="100%" border="5" cellspacing="2" cellpadding="2" style="font-size:20px;text-align:center;"
{| width="100%" border="5" cellspacing="2" cellpadding="2" style="font-size:20px;text-align:center;"
|- bgcolor="#FFFF00"
|- bgcolor="#FFFF00"
Line 49: Line 53:
|-
|-
| #000000 || bgcolor="#000000" | &nbsp; || black
| #000000 || bgcolor="#000000" | &nbsp; || black
-
|}
+
|}<br>
-
For a complete list of hexadecimal color codes [[color_codes|click here]]
+
[[Category:Help|{{PAGENAME}}]]
-
 
+
-
3. These HTML symbol codes can be used to create text symbols you wouldn't ordinarily be able to type. You can use them by typing ''<nowiki>&#Number;</nowiki>''.
+
-
 
+
-
{| width="100%" border="5" cellspacing="2" cellpadding="2" style="font-size:20px;text-align:center;"
+
-
|- bgcolor="#FFFF00"
+
-
! width="9%" | &#; !! width="9%" | 0 !! width="9%" | 1 !! width="9%" | 2 !! width="9%" | 3 !! width="9%" | 4 !! width="9%" | 5 !! width="9%" | 6 !! width="9%" | 7 !! width="9%" | 8 !! width="9%" | 9
+
-
|-
+
-
! bgcolor="#FFFF00" | 30's || bgcolor="#000000" | &nbsp; || bgcolor="#000000" | &nbsp; || bgcolor="#000000" | &nbsp; || &#33; || &#34; || &#35; || &#36; || &#37; || &#38; || &#39;
+
-
|-
+
-
! bgcolor="#FFFF00" | 40's || &#40; || &#41; || &#42; || &#43; || &#44; || &#45; || &#46; || &#47; || &#48; || &#49;
+
-
|-
+
-
! bgcolor="#FFFF00" | 50's || &#50; || &#51; || &#52; || &#53; || &#54; || &#55; || &#56; || &#57; || &#58; || &#59;
+
-
|-
+
-
! bgcolor="#FFFF00" | 60's || &#60; || &#61; || &#62; || &#63; || &#64; || &#65; || &#66; || &#67; || &#68; || &#69;
+
-
|-
+
-
! bgcolor="#FFFF00" | 70's || &#70; || &#71; || &#72; || &#73; || &#74; || &#75; || &#76; || &#77; || &#78; || &#79;
+
-
|-
+
-
! bgcolor="#FFFF00" | 80's || &#80; || &#81; || &#82; || &#83; || &#84; || &#85; || &#86; || &#87; || &#88; || &#89;
+
-
|-
+
-
! bgcolor="#FFFF00" | 90's || &#90; || &#91; || &#92; || &#93; || &#94; || &#95; || &#96; || &#97; || &#98; || &#99;
+
-
|-
+
-
! bgcolor="#FFFF00" | 100's || &#100; || &#101; || &#102; || &#103; || &#104; || &#105; || &#106; || &#107; || &#108; || &#109;
+
-
|-
+
-
! bgcolor="#FFFF00" | 110's || &#110; || &#111; || &#112; || &#113; || &#114; || &#115; || &#116; || &#117; || &#118; || &#119;
+
-
|-
+
-
! bgcolor="#FFFF00" | 120's || &#120; || &#121; || &#122; || &#123; || &#124; || &#125; || &#126; || &#127; || &#128; || bgcolor="#000000" | &nbsp;
+
-
|-
+
-
! bgcolor="#FFFF00" | 130's || &#130; || &#131; || &#132; || &#133; || &#134; || &#135; || &#136; || &#137; || &#138; || &#139;
+
-
|-
+
-
! bgcolor="#FFFF00" | 140's || &#140; || bgcolor="#000000" | &nbsp; || &#142; || bgcolor="#000000" | &nbsp; || bgcolor="#000000" | &nbsp; || &#145; || &#146; || &#147; || &#148; || &#149;
+
-
|-
+
-
! bgcolor="#FFFF00" | 150's || &#150; || &#151; || &#152; || &#153; || &#154; || &#155; || &#156; || bgcolor="#000000" | &nbsp; || &#158; || &#159;
+
-
|-
+
-
! bgcolor="#FFFF00" | 160's || &#160; || &#161; || &#162; || &#163; || &#164; || &#165; || &#166; || &#167; || &#168; || &#169;
+
-
|-
+
-
! bgcolor="#FFFF00" | 170's || &#170; || &#171; || &#172; || &#173; || &#174; || &#175; || &#176; || &#177; || &#178; || &#179;
+
-
|-
+
-
! bgcolor="#FFFF00" | 180's || &#180; || &#181; || &#182; || &#183; || &#184; || &#185; || &#186; || &#187; || &#188; || &#189;
+
-
|-
+
-
! bgcolor="#FFFF00" | 190's || &#190; || &#191; || &#192; || &#193; || &#194; || &#195; || &#196; || &#197; || &#198; || &#199;
+
-
|-
+
-
! bgcolor="#FFFF00" | 200's || &#200; || &#201; || &#202; || &#203; || &#204; || &#205; || &#206; || &#207; || &#208; || &#209;
+
-
|-
+
-
! bgcolor="#FFFF00" | 210's || &#210; || &#211; || &#212; || &#213; || &#214; || &#215; || &#216; || &#217; || &#218; || &#219;
+
-
|-
+
-
! bgcolor="#FFFF00" | 220's || &#220; || &#221; || &#222; || &#223; || &#224; || &#225; || &#226; || &#227; || &#228; || &#229;
+
-
|-
+
-
! bgcolor="#FFFF00" | 230's || &#230; || &#231; || &#232; || &#233; || &#234; || &#235; || &#236; || &#237; || &#238; || &#239;
+
-
|-
+
-
! bgcolor="#FFFF00" | 240's || &#240; || &#241; || &#242; || &#243; || &#244; || &#245; || &#246; || &#247; || &#248; || &#249;
+
-
|-
+
-
! bgcolor="#FFFF00" | 250's || &#250; || &#251; || &#252; || &#253; || &#254; || &#255; || &#256; || &#257; || &#258; || &#259;
+
-
|-
+
-
! bgcolor="#FFFF00" | 260's || &#260; || &#261; || &#262; || &#263; || &#264; || &#265; || &#266; || &#267; || &#268; || &#269;
+
-
|-
+
-
! bgcolor="#FFFF00" | 270's || &#270; || &#271; || &#272; || &#273; || &#274; || &#275; || &#276; || &#277; || &#278; || &#279;
+
-
|-
+
-
! bgcolor="#FFFF00" | 280's || &#280; || &#281; || &#282; || &#283; || &#284; || &#285; || &#286; || &#287; || &#288; || &#289;
+
-
|-
+
-
! bgcolor="#FFFF00" | 290's || &#290; || &#291; || &#292; || &#293; || &#294; || &#295; || &#296; || &#297; || &#298; || &#299;
+
-
|-
+
-
! bgcolor="#FFFF00" | 300's || &#300; || &#301; || &#302; || &#303; || &#304; || &#305; || &#306; || &#307; || &#308; || &#309;
+
-
|-
+
-
! bgcolor="#FFFF00" | 310's || &#310; || &#311; || &#312; || &#313; || &#314; || &#315; || &#316; || &#317; || &#318; || &#319;
+
-
|-
+
-
! bgcolor="#FFFF00" | 320's || &#320; || &#321; || &#322; || &#323; || &#324; || &#325; || &#326; || &#327; || &#328; || &#329;
+
-
|-
+
-
! bgcolor="#FFFF00" | 330's || &#330; || &#331; || &#332; || &#333; || &#334; || &#335; || &#336; || &#337; || &#338; || &#339;
+
-
|-
+
-
! bgcolor="#FFFF00" | 340's || &#340; || &#341; || &#342; || &#343; || &#344; || &#345; || &#346; || &#347; || &#348; || &#349;
+
-
|-
+
-
! bgcolor="#FFFF00" | 350's || &#350; || &#351; || &#352; || &#353; || &#354; || &#355; || &#356; || &#357; || &#358; || &#359;
+
-
|-
+
-
! bgcolor="#FFFF00" | 360's || &#360; || &#361; || &#362; || &#363; || &#364; || &#365; || &#366; || &#367; || &#368; || &#369;
+
-
|-
+
-
! bgcolor="#FFFF00" | 370's || &#370; || &#371; || &#372; || &#373; || &#374; || &#375; || &#376; || &#377; || &#378; || &#379;
+
-
|-
+
-
! bgcolor="#FFFF00" | 380's || &#310; || &#381; || &#382; || &#383; || &#384; || &#385; || &#386; || &#387; || &#388; || &#389;
+
-
|-
+
-
! bgcolor="#FFFF00" | 390's || &#390; || &#391; || &#392; || &#393; || &#394; || &#395; || &#396; || &#397; || &#398; || &#399;
+
-
|-
+
-
! bgcolor="#FFFF00" | 400's || &#400; || &#401; || &#402; || &#403; || &#404; || &#405; || &#406; || &#407; || &#408; || &#409;
+
-
|-
+
-
! bgcolor="#FFFF00" | 410's || &#410; || &#411; || &#412; || &#413; || &#414; || &#415; || &#416; || &#417; || &#418; || &#419;
+
-
|-
+
-
! bgcolor="#FFFF00" | 420's || &#420; || &#421; || &#422; || &#423; || &#424; || &#425; || &#426; || &#427; || &#428; || &#429;
+
-
|-
+
-
! bgcolor="#FFFF00" | 430's || &#430; || &#431; || &#432; || &#433; || &#434; || &#435; || &#436; || &#437; || &#438; || &#439;
+
-
|-
+
-
! bgcolor="#FFFF00" | 440's || &#440; || &#441; || &#442; || &#443; || &#444; || &#445; || &#446; || &#447; || &#448; || &#449;
+
-
|-
+
-
! bgcolor="#FFFF00" | 450's || &#450; || &#451; || &#452; || &#453; || &#454; || &#455; || &#456; || &#457; || &#458; || &#459;
+
-
|-
+
-
! bgcolor="#FFFF00" | 460's || &#460; || &#461; || &#462; || &#463; || &#464; || &#465; || &#466; || &#467; || &#468; || &#469;
+
-
|-
+
-
! bgcolor="#FFFF00" | 470's || &#470; || &#471; || &#472; || &#473; || &#474; || &#475; || &#476; || &#477; || &#478; || &#479;
+
-
|-
+
-
! bgcolor="#FFFF00" | 480's || &#480; || &#481; || &#482; || &#483; || &#484; || &#485; || &#486; || &#487; || &#488; || &#489;
+
-
|-
+
-
! bgcolor="#FFFF00" | 490's || &#490; || &#491; || &#492; || &#493; || &#494; || &#495; || &#496; || &#497; || &#498; || &#499;
+
-
|-
+
-
! bgcolor="#FFFF00" | 500's || &#500; || &#501; || &#502; || &#503; || &#504; || &#505; || &#506; || &#507; || &#508; || &#509;
+
-
|-
+
-
! bgcolor="#FFFF00" | 510's || &#510; || &#511; || &#512; || &#513; || &#514; || &#515; || &#516; || &#517; || &#518; || &#519;
+
-
|-
+
-
! bgcolor="#FFFF00" | 520's || &#520; || &#521; || &#522; || &#523; || &#524; || &#525; || &#526; || &#527; || &#528; || &#529;
+
-
|-
+
-
! bgcolor="#FFFF00" | 530's || &#530; || &#531; || &#532; || &#533; || &#534; || &#535; || &#536; || &#537; || &#538; || &#539;
+
-
|-
+
-
! bgcolor="#FFFF00" | 540's || &#540; || &#541; || &#542; || &#543; || &#544; || &#545; || &#546; || &#547; || &#548; || &#549;
+
-
|-
+
-
! bgcolor="#FFFF00" | 550's || &#550; || &#551; || &#552; || &#553; || &#554; || &#555; || &#556; || &#557; || &#558; || &#559;
+
-
|-
+
-
! bgcolor="#FFFF00" | 560's || &#560; || &#561; || &#562; || &#563; || &#564; || &#565; || &#566; || bgcolor="#000000" | &nbsp; || bgcolor="#000000" | &nbsp; || bgcolor="#000000" | &nbsp;
+
-
|}
+

Current revision as of 04:13, 4 November 2022

Here's how to format text:

[edit] Logical and Physical Tags

These HTML tags can be used to format text by typing <tag>Text</tag>. The physical tags are used when you are merely concerned with appearance. When meaning is meant to be conveyed with the text decoration, use the logical tags.

Physical Tag Result Logical Tag
<b> bold <strong>(strongly emphasized)</strong>
<i> italic <em>(normally emphasized)</em>
<u> underline <ins>(if inserted text is intended)</ins>
<s> strike <del>(if deleted text is intended)</del>

<big>

 big —
<small> small —

<sup>

 superscript —

<sub>

 subscript —
—
blockquote
 <blockquote>(quoting a section of text)</blockquote>

[edit] Colors

These color codes can be used to format text by typing <span style="color:(color)">Text</span>. Either the hex code or the color name given can be used. Colors which are not listed should be specified with a hex code.

Hexadecimal Value Result Name
#FF0000   red
#FF3300   orange
#FFFF00   yellow
#00FF00   lime
#00FFFF   cyan
#0000FF   blue
#003333   dark cyan
#FF00FF   fuchsia
#FFFFFF   white
#000000   black

Retrieved from "http://www.hrwiki.org/wiki/Help:Format"
Personal tools