How to format a website

One moment while we gather the info for your citation Form Glossary Annotation Additional notes or comments.

How to format a website

This article will introduce you to some basic terms and techniques and then outline 7 simple rules that will help you make the most of the text on your site. In most cases, most your web site is made up of text.

It is the most common way of conveying information to the visitor. For that reason, it makes sense to pay some attention to how it is formatted. How your format your text has a huge influence on how your page looks and, more importantly, how easily people How to format a website read it.

This article will begin by defining some basic font terminology and some things to keep in mind when coding your website. Following that, seven key rules for formatting text will be discussed.

At the end you will find some additional resources with more information and advice, including some sample stylesheets that you can work with on your own site.

You’re in good hands.

Types of Fonts First, we need to learn about the basic types of fonts. Here are the main differences: Serif fonts have little flags at the ends of each stroke. Serif fonts generally look traditional, while sans serif fonts look modern. Serif fonts are normally easiest to read on a printed page, while sans serif fonts work best on a screen.

How to format a website

Decorative fonts sometimes look crazy — use them sparingly! Serif Decorative Specifying fonts for your web pages Keep in mind that the only fonts available to you are the ones your visitors have installed on their computers.

There are some basic fonts that you can count on being available for pretty much everyone. Most decorative fonts are not available on most machines and therefore cannot be used direclty in your code. If you want to use them, you will need to put them into a graphic. The code looks like this: If verdana is not available, the browser will look to see if arial is available, and so on.

The generic keywords are "serif", "sans-serif", "cursive", "fantasy", and "monospace". Two fonts from the same category have what is called a conflicting relationship. This basically means that they look a little odd when used in the same design. Verdana with Bitstream Vera Sans Verdana with Georgia This rule goes double for decorative fonts, and triple for very dramatic decorative fonts such as the ones used below: As I mentioned earlier, serif fonts are best for reading on a printed page.

Sometimes a font like Georgia or Garamond could work for your design, but Times New Roman or Times almost always looks bad.

EasyBib: Free Bibliography Generator - MLA, APA, Chicago citation styles When printing this page, you must include the entire legal notice. This material may not be published, reproduced, broadcast, rewritten, or redistributed without permission.

This tends to result in a lot of visual clutter on the page. To avoid this, choose one style for emphasis. That goes double for links Once you learn a bit of CSS it may be tempting to apply all sorts of different formatting to your links. You can give them backgrounds and borders, and make them all change on mouseover!

Links should stand out from the main text, but they should not be distracting. Applying too much formatting to the links may make them difficult to read, or distract the user from reading the rest of the text.

Links firstly need to be easily identified as links. At the same time, they need to blend in with the rest of the text. The formatting should also not interfere with the text itself — adding things like dashed borders or bright background colours can do that.

This is especially bad for paragraphs when they eye has to jump back and forth to read each line. This puts stress on the reader and makes it more difficult to read your text.

Centered Not Centered This an example of a centered paragraph of text. You can see that it is a little more difficult to read this text. This way the eye has to jump back and forth to find the start of the next line before it can start reading. This is an example of an uncentered paragraph of text.

It is easier to read because the lines all start at the same spot. This way, the eye automatically knows where to go to find the start of the next line.Citation Machine helps students and professionals properly credit the information that they use.

Cite your website in APA format for free. Son of Citation Machine™ NEW My Papers. Popular Styles.

How to format a website

MLA Style. APA Style. Chicago Style. Title Page. Plagiarism and Grammar Checker. Writing Resources. To cite a website in a paper using APA format, gather the author's name, the title of the article, the date of publication and the URL for that website.

Add an in-text parenthetical note, and include the source information in the list of references. Title of Website, Publisher, Date published in Day Month Year format, URL. The in-text citation for a website with three or more authors should contain only the first author’s last name, followed by et al: (Last Name 1 et al.).

MLA 8 Citation for Websites with No Author. Sometimes, websites do not state who wrote the information on the page. This part will show you simple guidelines, formats, and examples for both in-text citation and reference list.

In-Text Citation-Generally, the in-text citation is written inside a parenthesis with the last name of the author and year of publication separated by a comma or if the name of the author is listed within the text, only the year is written inside the parenthesis.

Citation Machine helps students and professionals properly credit the information that they use. Cite your website in APA format for free. Cite web postings as you would a standard web entry. Provide the author of the work, the title of the posting in quotation marks, the web site name in italics, the publisher, and the posting date.

Follow with the date of access. Include screen names as author names when author name is not known.

Modern way to format texts in websites