Archive for HTML

Basic HTML

Filed Under: HTML, Tutorials
Written by: Kerri on Tuesday, July 27th, 2010 | Comments (0)

Below you will find the basics of HTML. Really simple stuff! :)

  • Text Links
    Text links are those clickable words like this.

    Here is the code to have the link open up in the same window:

    <a href="URL HERE" class="broken_link">CLICKABLE TEXT HERE</a>

    If you’d like your link to open up in a new window, you’ll add target=”_blank” to the code. Like this:

    <a href="URL HERE" target="_blank" class="broken_link">CLICKABLE TEXT HERE</a>

  • Images
    Here is the code to show images on your website:
    <img src="IMAGE URL HERE">

    You can also make images clickable like you can with text. Like this:

    <a href="URL HERE" class="broken_link"><img src="IMAGE URL HERE"></a>

    If you use the text link code to have it open in a new window, it’ll work on the images, too! But also, you can make your images have no border and yet it’s still clickable! Like this:

    <a href="URL HERE" target="_blank" class="broken_link"><img src="IMAGE URL HERE" border="0"></a>

  • Text Formatting
    This makes your text bold, underlined, really small, etc.

    Bold:

    <b>TEXT HERE</b> OR <strong>TEXT HERE</strong>

    Italics:

    <i>TEXT HERE</i>

    Underlined:

    <u>TEXT HERE</u>

    Strike-through

    <s>TEXT HERE</s>

    Small Text

    <small>TEXT HERE</small>

    Big Text

    <big>TEXT HERE</big>

  • Check back for more HTML tutorials! :D