The Rookie’s Guide to HTML

By moosnews
March 9, 2012

Although you don’t necessarily need to know HTML to maintain a successful site (with FatCow you can use the Drag and Drop Site Builder for free!), a basic understanding is definitely useful when you have your own website. This blog post will touch upon the most commonly used HTML codes:

WHAT IS HTML? HTML, or HyperText Markup Language, provides a means of formatting content in ways that browsers, such as Google Chrome, Firefox and Internet Explorer can understand.

  • An HTML “tag” is an element enclosed in angle brackets. Each element requires a “starting tag” and “closing tag,” which act as bookends for the content you want to display. A forward slash indicates the closing tag.

    Example:

    Alternatively, tags that do not wrap around content can be open and closed in the same tag.

    Example:

    FORMATTING TEXT
    Use the following tags for changing the basic format of your text.

  • For boldfacing text:

  • For italicizing text:

  • For underlining text:
  • PARAGRAPHS & BULLETS
    Use the following tags when implementing page format changes.

  • In HTML, line breaks aren’t automatically created by hitting the “Enter” or “Return” key. To indicate a line break, use:

    Line one text<br/>
    Line two text<br/>

  • To indicate a new paragraph, use:

  • To create an unordered list, use “ul” for the list and “li” tags for the actual list items:

    The above example will display as:

    • item one
    • item two
    • item three

  • To create an ordered list, simply replace the “ul” tag with an “ol” tag.

    Example of an “ordered list”:

    1. item one
    2. item two
    3. item three


    LINKS & IMAGES
    Inserting hyperlinks and images into your site is just as simple as inserting text. The process also involves using starting and closing tags.

  • Hyperlinks — A link is indicated by an “a” tag. To hyperlink text, simply place the text you want to use in between the “a” tags. To specify where the link should go, add “href” to the opening “a” tag and make it equal your destination URL. For example:

  • Images — An image is indicated by an “img” tag. An “img” tag can contain a number of different attributes indicating alignment, image name, etc.

    The minimum that you’ll need, however, is the “src” attribute which indicates the location of the image so that it can be properly displayed. It will look like this:

  • We hope you’ve found this information useful! For more in depth HTML tutorials, we recommend checking out HTML Dog.

    This entry was posted on Friday, March 9th, 2012 at 2:47 pm and is filed under General Moosings. You can follow any responses to this entry through the RSS 2.0 feed. Responses are currently closed, but you can trackback from your own site.

    Comments are closed.