Headers:

Header 1: <h1></h1>

Header 2: <h2></h2>

Header 3: <h3></h3>

Header 4: <h4></h4>

Header 5: <h5></h5>
Header 6: <h6></h6>

Paragraph:

<p></p>

Hello everyone my name is Scott Simmons. I am a junior currently pursuing a degree in Information studies. I'm not a typical student because I only attend class part-time and am currently working full-time in my chosen field as a systems analyst/programmer. In fact I've been working in Information Technology since 1984. My first IT job was as a computer programmer at Florida State University. Since then I have been working for the State of Florida in various position, all of them IT. My longest stent, 18 years, was as the State Fleet Administrator where I designed, programmed and managed the state's Fleet Management System. I've since left that role and am now working as a systems programmer/analyst for the Department of Children and Families. I have programmed in over 30 different computers languages and have experience with many different types of systems from mainframes, client server, and current web technologies. In my current position I support and develop systems using Microsoft .NET C# and ASP.NET. I also support systems written in Adobe's ColdFusion. An interesting thing about me is that I am a 51 year old returning to school after a 25 plus year absence. I am looking forward to this class and wish everyone the best.

Inline tags:

This is strong <strong></strong> - which is like bold <b></b>
This is emphasis <em></em> - which is like italics <i></i>
this is strikethrough <del></del>
This is computer output <code></code>
This is superscript <sup></sup>
This is subscript <sub></sub>

Block tags:

paragrah: <p></p>

header: <header></header>
article: <article></article>
footer: <footer></footer>

Container tags:

div: <div></div>
span: <span></span>

List tags:

Ordered list: <ol></ol>
List items: <li></li>

Code:
<ol>
    <li>Item one</li>
    <li>Item two</li>
    <li>Item three</li>
</ol>

Example:
  1. Item one
  2. Item two
  3. Item three

Unordered list: <ul></ul>
List items: <li></li>

Code:
<ul>
    <li>Item three</li>
    <li>Item two</li>
    <li>Item one</li>
</ul>

Example:
  • Item three
  • Item two
  • Item one

Description list: <dl></dl>
Define term: <dt></dt>
Define item: <dd></dd>

Code:
<dl>
    <dt>Term 1</dt>
        <dd>Term 1's 1st item</dd>
        <dd>Term 1's 2nd item</dd>
    <dt>Term 2</dt>
        <dd>Term 2's 1st item</dd>
        <dd>Term 2's 2nd item</dd>
</dl>

Example:
Cars
Camaro
Taurus
Trucks
F150
Silverado

Image tag:

<img src="http://www.usf.edu/_resources/images/global/header/banner/banner-logo.png" alt="USF Logo" />


USF Logo

Link tag:

<a href="http://www.usf.edu/">Click here to go to USF website</a>

Click here to go to USF website

Link to new window using javascript:
<a href="javascript:var myWindow = window.open('http://www.usf.edu/','myWindow');">Open USF website in new window</a>

Open USF website in new window

Table tag:

Table: <table></table>
Table Row: <tr></tr>
Table header: <th></th>
Table cell: <td></td>

Code:
<table>
    <tr>
        <th>
        </th>
    </tr>
    <tr>
        <td>
        </td>
    </tr>
</table>

Example:

Header 1 Header 2 Header 3
Row 1 Column 1 Row 1 Column 2 Row 1 Column 3
Row 2 Column 1 Row 2 Column 2 Row 2 Column 3
Row 3 Column 1 Row 3 Column 2 Row 3 Column 3

Input:


Select box:
Radio button:
Male
Female
Checkbox:
Chevrolet
Dodge
Ford
Honda
Toyota

Show
jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.







Tabs:

Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.

Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.

Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque. Praesent eu risus hendrerit ligula tempus pretium. Curabitur lorem enim, pretium nec, feugiat nec, luctus a, lacus.

Duis cursus. Maecenas ligula eros, blandit nec, pharetra at, semper at, magna. Nullam ac lacus. Nulla facilisi. Praesent viverra justo vitae neque. Praesent blandit adipiscing velit. Suspendisse potenti. Donec mattis, pede vel pharetra blandit, magna ligula faucibus eros, id euismod lacus dolor eget odio. Nam scelerisque. Donec non libero sed nulla mattis commodo. Ut sagittis. Donec nisi lectus, feugiat porttitor, tempor ac, tempor vitae, pede. Aenean vehicula velit eu tellus interdum rutrum. Maecenas commodo. Pellentesque nec elit. Fusce in lacus. Vivamus a libero vitae lectus hendrerit hendrerit.

Duis cursus. Maecenas ligula eros, blandit nec, pharetra at, semper at, magna. Nullam ac lacus. Nulla facilisi. Praesent viverra justo vitae neque. Praesent blandit adipiscing velit. Suspendisse potenti. Donec mattis, pede vel pharetra blandit, magna ligula faucibus eros, id euismod lacus dolor eget odio. Nam scelerisque. Donec non libero sed nulla mattis commodo. Ut sagittis. Donec nisi lectus, feugiat porttitor, tempor ac, tempor vitae, pede. Aenean vehicula velit eu tellus interdum rutrum. Maecenas commodo. Pellentesque nec elit. Fusce in lacus. Vivamus a libero vitae lectus hendrerit hendrerit.

Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque. Praesent eu risus hendrerit ligula tempus pretium. Curabitur lorem enim, pretium nec, feugiat nec, luctus a, lacus.

Duis cursus. Maecenas ligula eros, blandit nec, pharetra at, semper at, magna. Nullam ac lacus. Nulla facilisi. Praesent viverra justo vitae neque. Praesent blandit adipiscing velit. Suspendisse potenti. Donec mattis, pede vel pharetra blandit, magna ligula faucibus eros, id euismod lacus dolor eget odio. Nam scelerisque. Donec non libero sed nulla mattis commodo. Ut sagittis. Donec nisi lectus, feugiat porttitor, tempor ac, tempor vitae, pede. Aenean vehicula velit eu tellus interdum rutrum. Maecenas commodo. Pellentesque nec elit. Fusce in lacus. Vivamus a libero vitae lectus hendrerit hendrerit.

$(document).ready(function(){
     $(".slidingDiv").hide();
     $(".show_hide").show();
     $('.show_hide').click(function(){
          var toggle_switch = $(this);
          $(".slidingDiv").slideToggle(function(){
               if($(this).css('display')=='none'){
                    toggle_switch.html('Show');
               }else{
                    toggle_switch.html('Hide');
               }
          });
          return false;
     });
});

$("#date1").mask("99/99/9999");
$("#date1").datepicker({
     changeMonth: true,
     changeYear: true
});

$(".phone").mask("(999) 999-9999? x99999");

$("#tabs").tabs();

(mouse over charts for animation; bars & slices are clickable)