Wikipedia:WikiProject User Page Help/Do-It-Yourself/Formatting Text
From Wikipedia, the free encyclopedia
Contents |
[edit] Center-Align
- To center text, use the following code:
- Enter <div style="text-align: center;">
- Then enter your text
- 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:
- Enter a <s> before the text.
- Enter the text
- 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:
- Enter a <sup> before the text.
- Enter the text
- 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:
- Enter a <sub> before the text.
- Enter the text
- 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:
- Enter a <!-- before the text.
- Enter the text
- 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:
- Enter a == before the text.
- Enter the text
- 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:
- 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:
- Enter a <span style="color: ColorName"> before the text.
- Choose the color
- Enter the text
- 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:
- Enter a <font color="ColorName"> before the text.
- Choose the color
- Enter the text
- 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:
- Enter a <span style="cursor:CURSOR YOU WANT;"> before the text.
- Choose the cursor, (e.g. crosshair, default)
- Enter the text
- 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
- Enter a <span class="plainlinks"><font color="002bb8"> before the text.
- Enter the external link
- 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:
[edit] Bolding
- To make text bold, do the following:
- Enter 3 apostrophes ''' before the text.
- Enter the text
- 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 italiciz text, do the following:
- Enter 2 apostrophes '' before the text.
- Enter the text
- 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:
- Enter <u> before the text.
- Enter the text
- 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:
- Enter a <font size="4"> before the text.
- Choose the size
- Enter the text
- 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:
- <span style="font-family: (desired font); font-size: 12pt">
- Enter the font you want
- Directly after the code, enter your text
- 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 |