Wiki Formatting!

This page is designed to outline some of the ways of formatting the text that are useful for people making pages on the Dwight Hall website. It covers very simple HTML and Wiki code that will be useful in making the pages more aesthetic and functional. Any problems or questions, e-mail peter.bull@yale.edu.

Useful HTML Codes

BOLD

---

To make something in your page bold, surround the text you want to be bolded with <b> and </b>.

For example:
<b>This is bold.</b>

Produces:
This is bold.

N.B.: If you forget </b>, all of the text after this will be bold!

Italics

---

To make something in your page italics, surround the text you want to be italicized with <i> and </i>.

For example:
<i>Italics, Whee!</i>

Produces:
Italics, Whee!

N.B.: If you forget </i>, all of the text after this will be italicized!

Center

---

To make something in your page centered, surround the text you want to be centered with <center> and </center>.

For example:
<center>In the m i d d l e . . .</center>

Produces:
In the m i d d l e . . .

N.B.: If you forget </center>, all of the text after this will be centered!

URLs - Links to other pages

Regular Links

---

To create a link from your webpage to another webpage, follow the following example:

<a href="www.ThisIsTheSiteIWantToGoTo.com"> - Points towards the site you want to link.

Then type the text you want to be linked.

</a> closes the link

For example:
<a href="www.google.com" >Check out Google, dude!</a>

Produces:
Check out Google, dude!

N.B.: If you forget </a>, all of the text after this will be linked!


E-mail Links

---

To create links that will open a person's default e-mail program and send an e-mail to a certain address with a certain subject, the syntax is similar. The same <a href="">Link</a> is used, but what goes inside the quotation marks changes.

The format for what goes inside the quotation marks is this:
mailto:email.address@yale.edu?subject=This is the Subject

So, for example this code:
<a href="mailto:me@me.com?subject=Whee!">Send me mail with the subject Whee!</a>

Produces:
Send me mail with the subject Whee!

The bold part here changes the e-mail address of the recipient:
<a href="mailto:me@me.com?subject=Whee!">Send me mail with the subject Whee!</a>

The bold part here changes the subject of the e-mail:
<a href="mailto:me@me.com?subject=Whee!">Send me mail with the subject Whee!</a>

The bold part here changes what the link says:
<a href="mailto:me@me.com?subject=Whee!">Send me mail with the subject Whee!</a>

Other Wiki Codes for formatting

Headers

---

Putting a certain number of exclamation at the beginning of a line changes the formatting of that line. There are 6 different styles produced by using exclamation points.

They look like this:

!One Exclamation

One Exclamation

!!Two Exclamations

Two Exclamations

!!!Three Exclamations

Three Exclamations

!!!!Four Exclamations

Four Exclamations

!!!!!Five Exclamations

Five Exclamations

!!!!!!Six Exclamations

Six Exclamations

Horizontal lines

---

To make a horizontal line like the ones on this page, just put more than 4 "-" in a row.

For example:
----

Produces:

---