This page will give you a brief overview of the HTML tags that you may need to format your story as you see fit.
First of all, a brief introduction. HTML stands for Hyper Text Markup Language, and consists of elements called tags, which are used to make web pages look like something more interesting than a white background with black text on it.
A tag is an element that is enclosed in triangle brackets (< and >). All tags given as examples in this text include an extra space after the opening bracket and before the closing one. When using the tags in reality, do not include the space.
There is a number of tags commonly used for text formatting. At DungeonLight, you are allowed to use the following:
< b > -
bold face
< i > -
italics
< u > -
underline
< strike > -
strikethrough
< center> - centering your test
< hr > - a horizontal rule that looks like this:
All of the above tags, except < hr > are paired, meaning that you need to open and close them. A closing tag looks exactly like the opening one, apart from the backslash in front of it.
Opening tag: < tag >
Closing tag: < /tag >
Here is an example of tags used to format text:
Dear Hermione,
I wanted to
I've been thinking...
Damn, my quill broke, I have to write with a pencil... Anyway, I just wanted to say...
Happy Valentine's Day!
Love, Ron
On the actual page, the above text will look like this:
Dear Hermione,
I wanted to
I've been thinking...
Damn, my quill broke, I have to write with a pencil... Anyway, I just wanted to say...
Happy Valentine's Day!
Love, Ron
Note that in our story submission fields, you don’t need any special characters to include line and paragraph breaks. Normally, they would be included by means of < br > tags, or < p > tags. In fact...
Please do NOT use line break and paragraph tags in story submission fields, as they will add extra line breaks to your story and mess up the formatting.
You can also nest HTML formatting tags if you want to use several formatting options at once. Just don't forget to close your tags after you're done with them.
This text has an inordinate amount of formatting and has been rendered completely unreadable as a result.
Result:
This text has an inordinate amount of formatting and has been rendered completely unreadable as a result.
Apart from using the tags above to format your stories, you can include images – but ONLY in your bio. For that purpose, use the < img > tag:
The bit after 'src' requires the address, or url, of your image, wherever you chose to host it. If you're not sure about the url of your image, you can right-click on it in your browser, choose Properties and copy the image address from there (in many modern browsers, the Copy Image Address is actually one of the options coming up on right).
Please bear in mind that you can NOT include images in the body or summary of your story.
This should be enough to cover the basics. If you feel that you're doing everything correctly, yet the story does not wish to show up properly, feel free to call for our help.