Wikipedia:WikiProject User Page Help/Do-It-Yourself/Formatting Text

From Wikipedia, the free encyclopedia

Here are some tips on how to format your text:


Contents

[edit] Center-Align

  • To center text, use the following code:
  1. Enter <div style="text-align: center;">
  2. Then enter your text
  3. Finally, enter </div>
  • Overall, your code should look like this:

<div style="text-align: center;"> Centered text </div>

  • Once you have entered that code, your text will look like this:

Centered text

[edit] Strike Through Text

  • To strike through text, use the following code:
  1. Enter a <s> before the text.
  2. Enter the text
  3. Enter a </s> after the text.
  • Overall, your code should look like this:

<s>blah blah blah</s>

  • Once you have entered that code, your text will look like this:

blah blah blah

[edit] Superscript

  • To insert a superscript, use the following code:
  1. Enter a <sup> before the text.
  2. Enter the text
  3. Enter a </sup> after the text.
  • Overall, your code should look like this:

<sup>blah blah blah</sup>

  • Once you have entered that code, your text will look like this:

blah blah blah blah blah blah

[edit] Subscript

  • To insert, use the following code:
  1. Enter a <sub> before the text.
  2. Enter the text
  3. Enter a </sub> after the text.
  • Overall, your code should look like this:

<sub>blah blah blah</sub>

  • Once you have entered that code, your text will look like this:

blah blah blah blah blah blah

[edit] Hidden Comment

  • To insert a hidden comment, use the following code:
  1. Enter a <!-- before the text.
  2. Enter the text
  3. Enter a --> after the text.
  • Overall, your code should look like this:

<!-- blah blah blah-->

  • You will not be able to see the text on this page, but it will be seen when you try to edit this page. Hidden text is mostly used for warnings.

[edit] Secondary Headline

  • To insert a secondary headline, use the following code:
  1. Enter a == before the text.
  2. Enter the text
  3. Enter a == after the text.
  • Overall, your code should look like this:

==blah blah blah==

[edit] Tab

  • To insert a tab, use the following code:
  1. Enter a :: before the text.
  • Overall, your code should look like this:

::blah blah blah

  • Once you have entered that code, your text will look like this:
blah blah blah

[edit] Font Color

  • To change the color of text, use the following code:
  1. Enter a <span style="color: ColorName"> before the text.
  2. Choose the color
  3. Enter the text
  4. Enter a </span> after the text.
  • Overall, your code should look like this:

<span style="color: red">blah blah blah</span>

  • Once you have entered that code, your text will look like this:

blah blah blah


  • Another way to do it is:
  1. Enter a <font color="ColorName"> before the text.
  2. Choose the color
  3. Enter the text
  4. Enter a </font> after the text.
  • Overall, your code should look like this:

<font color="red">blah blah blah</font>

  • Once you have entered that code, your text will look like this:

blah blah blah

[edit] Mouse Cursor

  • To change the cursor of the mouse when you hover over text, do the following:
  1. Enter a <span style="cursor:CURSOR YOU WANT;"> before the text.
  2. Choose the cursor, (e.g. crosshair, default)
  3. Enter the text
  4. Enter a </span> after the text.
  • Overall, your code should look like this:

<span style="cursor: crosshair;">blah blah blah</span>

  • Once you have entered that code, and you put the mouse over the text, it should have a different mouse cursor:

blah blah blah

[edit] Links

  • To make external links look internal, use the following
  1. Enter a <span class="plainlinks"><font color="002bb8"> before the text.
  2. Enter the external link
  3. Enter a </font></span> after the text.
  • Overall, your code should look like this:

<span class="plainlinks"><font color="002bb8">[http://example.com external link]</font></span>

  • Once you have entered that code, the external link should look like this:

external link

[edit] Bolding

  • To make text bold, do the following:
  1. Enter 3 apostrophes ''' before the text.
  2. Enter the text
  3. Enter 3 more apostrophes ''' after the text.
  • Overall, your code should look like this:

'''text'''

  • Once you have entered that code, the text should look like this:

text

[edit] Italics

  • To italicize text, do the following:
  1. Enter 2 apostrophes '' before the text.
  2. Enter the text
  3. Enter 2 more apostrophes '' after the text.
  • Overall, your code should look like this:

''text''

  • Once you have entered that code, the text should look like this:

text

[edit] Underlining

  • To make underline text, do the following:
  1. Enter <u> before the text.
  2. Enter the text
  3. Enter </u> after the text.
  • Overall, your code should look like this:

<u>text</u>

  • Once you have entered that code, the text should look like this:

text



[edit] Font size

  • To make text a certain size, use the following code:
  1. Enter a <font size="4"> before the text.
  2. Choose the size
  3. Enter the text
  4. Enter a </font> after the text.
  • Overall, your code should look like this:

<font size="4">blah blah blah</font>

  • Once you have entered that code, your text will look like this:

blah blah blah


[edit] Font Families

  • To use the following font families, use the codes below:
  1. <span style="font-family: (desired font); font-size: 12pt">
  2. Enter the font you want
  3. Directly after the code, enter your text
  4. Enter </span>after the text

So, it should look like:

<span style="font-family: Monotype Corsiva; font-size: 12pt">Blah blah blah</span>

Which will turn out as:

Blah blah blah

[edit] List of Fonts

Font Name: Example of font:
Agency FB Example
Algerian Example
Andale Mono IPA Example
Arial Example
Arial Black Example
Arial Narrow Example
Arial Rounded MT Bold Example
Baskerville Old Face Example
Bauhaus 93 Example
Bell MT Example
Berlin Sans FB Example
Berlin Sans FB Demi Example
Bernard MT Condensed Example
Blackadder ITC Example
Bodoni MT Example
Bodoni MT Black Example
Bodoni MT Condensed Example
Bodoni MT Poster Compressed Example
Book Antiqua Example
Bookman Old Style Example
Bradley Hand ITC Example
Britannic Bold Example
Broadway Example
Brush Script MT Example
Californian FB Example
Calisto MT Example
Castellar Example
Centaur Example
Century Gothic Example
Century Schoolbook Example
Chiller Example
Colonna MT Example
Comic Sans MS Example
Cooper Black Example
Copperplate Gothic Bold Example
Copperplate Gothic Light Example
Courier New Example
Curlz MT Example
Edwardian Script ITC Example
Elephant Example
Engravers MT Example
Eras Bold ITC Example
Eras Demi ITC Example
Eras Light ITC Example
Eras Medium ITC Example
Felix Titling Example
Footlight MT Light Example
Forte Example
Franklin Gothic Book Example
Franklin Gothic Demi Example
Franklin Gothic Heavy Example
Franklin Gothic Medium Example
Franklin Gothic Medium Cond Example
Freestyle Script Example
French Script MT Example
Garamond Example
Georgia Example
Gigi Example
Gill Sans MT Example
GulimChe Example
Impact Example
Lucida Console Example
Lucida Handwriting Example
Marlett Example
MingLiU Example
Monotype Corsiva Example
MS Gothic Example
MS Hei Example
MS Outlook Example
MS Song Example
Symbol Example
Tahoma Example
Times New Roman Example
Trebuchet MS Example
Webdings Example
Wingdings Example
Wingdings 2 Example
Wingdings 3 Example