Source Editing Techniques

Text formatting

Inline wikitext: code you can use anywhere in the code

Description	Input	Output
Italicize text	''italic'' OR <i>italic</i>	italic
Bold text	'''bold''' OR <b>bold</b>	bold
Bold and italic	'''''bold & italic''''' OR <b><i>bold & italic</i></b> OR <i><b>bold & italic</b></i>	bold & italic
Internal link (within a wiki)	[[Help:Contents]] [[Help:Contents|Displayed text]]	Help:Contents Displayed text
Redirect to another page	#REDIRECT [[Help:Contents]]	Help:Contents
External link (to other websites or wiki pages outside Adopt Me! Wiki)	[https://www.example.org] [https://www.example.org displayed text] https://www.example.org	[1] displayed text https://www.example.org
Sign your posts on talk pages without time	~~~ (3 tildes)	Your username
Sign your posts on talk pages with time	~~~~ (4 tildes)	Your username 11:42, 5 October 2024 (UTC)
Insert the current date and time (UTC). Generally only used on talk pages.	~~~~~ (5 tildes)	11:42, 5 October 2024 (UTC)
Display wikitext code as typed	<nowiki>[[This is not a link]]</nowiki>	[[This is not a link]]

Code that works only at the start of a line

Description	Input	Output
Headings A Table of Contents will automatically be generated when four headings are added to an article. (Skip level 1; it's used for the page name.)	== Level 2 == === Level 3 === ==== Level 4 ==== ===== Level 5 ===== ====== Level 6 ======	Level 2 Level 3 Level 4 Level 5 Level 6
Indented paragraph or line	No indent : One indent :: Two indents ::: Three indents etc...	No indent One indent Two indents Three indents
Bulleted list	* One * Two ** Two point one * Three	One Two Two point one Three
Numbered list	#One #Two ##Two point one #Three	One Two Two point one Three
Mixed list	* bulleted item *# numbered item 1 *#: indented item a *#: indented item b *# numbered item 2	bulleted item numbered item 1 indented item a indented item b numbered item 2
Preformatted text with working links	" "Color Text (note space at start, remove quotation marks)	Color Text
Preformatted text that shows underlying wikitext	<pre>[[Color]] Text</pre>	[[Color]] Text

Image Formatting

Description	You type	You get
Image	[[File:NewFissy.png]]
Sized image (width change with aspect ratio maintained)	[[File:NewFissy.png|100px]]
Thumbnail image	[[File:NewFissy.png|thumb|Caption text]]	Caption text
Aligned image	[[File:NewFissy.png|thumb|100px|left]] [[File:NewFissy.png|thumb|100px|center]] [[File:NewFissy.png|thumb|100px|right]]
Linked image	[[File:NewFissy.png|link=Help:Contents]]
Changed alt text	[[File:NewFissy.png|alt=A sea otter|]]

Customizing Image Formatting

You can mix things up! Here's an example...

I want to make my picture...

• 100 pixels (100px)
• Link to Pets (link=Pets)
• Make it at the center of the page (center)

Note: Use a vertical bar "|" to separate commands.

Input

[[File:NewFissy.png|100px|link=Pets|center]]

Output

HTML Tags

<span> Tag

The HTML <span> tag is used for grouping and applying styles to inline elements. In other words, the tag focuses on the text only.

<span> allows you to import CSS styles, such as background color, color, etc. that will make text appear differently such as highlighting!

Description	Input	Output
Changing Text Color (using name color) color:colorname	<span style="color:red">Example text</span>	Example text
Changing Text Color (using HEX) color:#RRGGBB	<span style="color:#FF7F50">Example text</span>	Example text
Changing Text Color (using RGB) color:rgb(x, x, x)	<span style="color:rgb(255,215,0)">Example text</span>	Example text
Highlighting Text background-color	<span style="background-color:yellow">Example text</span>	Example text

Customizing <span> Styles

You can mix things up! Here's an example...

I want to make

• the text highlight in color coral (background-color:coral)
• make the text color dark cyan (color:darkcyan)

Note: Use semicolon ";" to seperate styles.

Input

<span style="background-color:coral; color:darkcyan;">Example Text</span>

Output

Example Text

Help:Wikitext by Community Central, licensed by CC-BY-SA