This is a simple tutorial that will help you understand the basics to HTML. I have separated the tutorial into different sections. First we will start by understanding how HTML works and what are several things you can do. Second we will learn the basic tags that will help you customize you UBER page. And third we will learn how to build our own customizable navigation bar with roll-over buttons. So let's start off.


HTML WHAAAT?

HTML stands for Hyper Text Markup Language
An HTML file is a text file containing small markup tags
The markup tags tell the Web browser how to display the page
An HTML file can be created using a simple text editor
UBER
Lets you add basic HTML into your page
HTML Tag
           What it does

<a href="URL">LINK TEXT</a>               Creates a link
<img src="IMG URL">
               Embedded Image
<b>bold</b>
               Change text form to Bold
<blockquote>
blockquote
</blockquote>
               Create Quoted Text
<em>emphasis</em>               Emphasis on a Text
<i>italic</i>               Change text form to Italic
<u>underlined</u>               Create Underlined Text
<s>strike</s>               Strike out Text



So now that we got all the giberish out of the way we can start creating our own customized navigation bar. Here are a few examples of people using customized navigation bars in their uber site.

Samuel Lara's Portfolio   Jon Post's Porfolio    

CLICK HERE TO CONTINUE
What HTML does, it provides a means to describe the structure of text-based information in a document by creating certain text as links, headings, paragraphs, lists, and so on. You can also replace text with interactive forms, embedded images, and other objects. HTML is written in the form of tags and can be easily implemented in a simple way.
HOW DOES IT WORK?

HTML markup consists of several key components, one that we will be using here are the basic elements.

Elements are the basic structure for HTML markup. Elements have two basic properties: attributes and content. Each attribute and each element's content has certain restrictions that must be followed for an HTML document to be considered valid.

An element usually has a start tag (e.g. <element-name>) and an end tag (e.g. </element-name>).

The element's attributes are contained in the start tag and content is located between the tags (e.g. <element-name attribute="value">Content</element-name>). Some elements, such as <br>, do not have any content and must not have a closing tag. The cool thing about uber is that it pretty much does this for you. You don't need to program or learn all this stuff. Yet, for those who want more, listed below are several types of markup elements used in HTML that will work here at UBER.

EXAMPLES


LINK TEXT EXAMPLE



BOLD TEXT EXAMPLE

BLOCK QUOTE EXAMPLE


EMPHASIS EXAMPLE

ITALIC EXAMPLE

UNDERLINE EXAMPLE

STRIKE EXAMPLE