Naran HTML - Your Source for HTML

Welcome...
---------------
Welcome to Naran HTML! We are very glad that you could come and view our website however we are currently down in our construction phase. We are building our website gradually and will most likely be done with this website in the middle of December. You can check below for more information in contributing to us and for more information on what we at Naran HTML are all about.

------------------------------

What We Are All About...
---------------
We at Naran HTML love to make it an easy job for you to build a website using only Hyper Text Markup Language, otherwise known as HTML. HTML is simple once you get the hang of it. With simple tutorials you can easily start merging your knowledge together to build a website using only HTML. Everyday we try to add more and more to this site so that you can easily add more and more to your site for better traffic and, of course, a better appearance. Long ago, this website actually used to be another website and was orginially called "Universal HTML." We got tired of making that site because we didn't have full control over the website's template, but now we are back and with a template of our own that we admit is still not the best that we have to offer, but will get better as we go along. We chose to build this specific template because it is very simple to navigate around for an optimal visit.

HTML Templates?
---------------
Yes, that's right! We are now offering, in addition to tutorials, free HTML templates. Our HTML templates are easy to use and only require basic knowledge of HTML. If you would like to add more pizzazz to the template you can use some of the codes on this website, but that is not neccessary. The only thing we do ask when using our template is to add a link back to our site somewhere on your website. This is not necessary, but will help us in our development. Thank you!

HTML Applications (apps)
---------------
Yes, we will be offering apps or rather links to them. We ourselves do not build HTML applications, but we will present some popular applications to you that you can incorporate into your website. So what are apps? Well applications or apps, for short, are basically online programs like a calculator or a website background changer. Whatever applications we show you are all free applications and can easily be implemented into your website.

Submit Content
---------------
With our new website comes a new system of involvement. If you would like to add a certain tutorial on this website you now can! To do this you can send us an email containing your HTML tutorial. Once we recieve your tutorial we will add it to the "HTML tutorials" page and the "website help" page. We of course respect you so we will also add your name and if you have a website then we will add a website link to your tutorial stating that the certain tutorial came from "http://www.yourwebsite.com and was written by First Name, Last Name."

Hot Links?
---------------
The "hot links" page contains a copious amount of links to different websites around the internet that pertain to HTML and or other website programming languages that can be intertwined with HTML like javascript and dhtml. If you would like your HTML subjected website to be added here then simply email us with your website address and we will check your website for validity and then it will be added to our "hot links" page.

*we are not responsible for what third-party links show

An Example Tutorial
---------------
Shown below is an example HTML tutorial:

------------------------------

Making yourself some rollover links.

Why are rollover links awesome? Well they add some style to your website and you can easily coordinate the colors of your rollover link. An example of a rollover link is the ones shown in our navigation just below our header above. This tutorial will show you exactly how to make some of those cool links.

1). The first step in creating these cool rollover links is declaring where they will be added within your source code. Rollover links must be declared within the style section of your head. The code for implementing a rollover link will look like it does below:

<head>
<style type="text/css">
<!--
a:link { color:#660000;}
a:hover { color:#33CC00;}
-->
</style>
</head>

The font in bold is the changeable attributes within the specific code. The bolded font shows
the hex value and the hex value indicates a color. For instance, this hex value: "#000000" 
indicates the color black. The colors above, however, is the code we use and changes the
link, when hovered over, from dark red to a mild green. If you would like to be more specific 
about your rollover link then you can easily add some more attributes as shown below:

<head>
<style type="text/css">
<!--
a { color:#660000; text-decoration:none;}
a:hover { color:#33CC00; text-decoration:line-through;}
-->
</style>
</head>

The font in bold is the changeable attributes within the specific code. The section after
"text-decoration" notes what the link will look like before and after it is hovered over. The
first appearance of "text-decoration" shows that the link before being hovered over shows
no decoration (like an underline). The second appearance of "text-decoration" shows
that the links, when hovered over, will show a line through the link. The 
"text-decoration" can be changed to many different things as shown below:

"text-decoration:underline;" - the links shows an underline
-----
the examples below can be implemented within the code above instead of "text-
decoration:"
-----
"color: #ffffff;" - the link becomes white
"font-size: 14px;" - the font changes to a 14 pixeled size.
-----
you can view more of this tutorial when it is added to our "html tutorials" section.
This is just a mere preview of what we have to offer.

------------------------------

The above tutorial was just an example of what we will have to offer. In the near future when our website is finished you can use this example, which will have more info in it, to add some cool rollover links!

That's it for now and please keep coming back for more information on our expected date of completion. Thank you!

Expected Date Of Completion: December 30, 2006