Lost Password?


  #1 (permalink)  
Old 08-28-2007, 07:13 PM
Onur
Guest
 
Posts: n/a
Arrow About HTML

At this I will show you what is the HTML, how we can make a web site for 10 minutes.For short the HTML lounge!

The HTML or the Hyper Text Markup Language is the main language for creating the sites, forums, portals, etc.
Without HTML we cannot create nothing from them!

HTML is a simple language it's very easy!

For writing a HTML code, it must began with the tag (<,> and it must and with these tags <,>)

The first tag in HTML lounge is this tag "<html> and </html>..
The most useful editor for HTML language is Notepad the editors which are WYSIWYG!
Don't use editors like Wordpad, or Microsoft Word, Exel, Access and etc...

Some of other prefer editors are Dreamweaver and Microsoft Front Page!

A HTML document began with the "<html>" tag and end with the "</html>" tags!
Be careful, at the end of the tag don't forget to put <"/"> the slash, but in the begun don't put the "<>" slash!

The main tags for to write a simple html file are these tags:

Code:
<html> .. </html>
<head>...</head>
<title>...</title>
<body>...<br /><div style="z-index:3" class="smallfont" align="center">LinkBacks Enabled by <a rel="nofollow" href="http://www.crawlability.com/vbseo/">vBSEO</a> 3.0.0</div></body>
Many of tags have the start like for example: <html> and the end like for example: </html> tags! But there are the tags what have no end like these tags:

Code:
<br>
<p>
<hr>
Let's write a simple html based site!

All the files and the images, audio files, videos, we must put in a folder together, because to open the page faster in internet!
Or for to load up videos, audios and images faster!

Let's create at the desktop a folder named "html lessons" !

And at then let it there, find the Notepad and Run it!
How?

-Go Start - All Programs - Accessories - at that section you will see Notepad, just run it!

-Let's write a simple html based site!

Just copy these codes in your notepad than I will tell you what do these mean!

Code:
<html>
<head>
<title> HTML Lessons </title>
</head>
<body>
This is our first HTML based web page!
<br /><div style="z-index:3" class="smallfont" align="center">LinkBacks Enabled by <a rel="nofollow" href="http://www.crawlability.com/vbseo/">vBSEO</a> 3.0.0</div></body>
<html>
Copy all these into your Notepad than wait, I have to tell you the meanings of these codes!

1, <html>...</html> - A HTML document start with the <html> tag and end with </html> tag! These spells to your browser what a page type is your site! These codes mustn't forget!
2.<head>...</head> - This is your sites head , there you put the title of site what will show the desrcription of your site into browser, over Google when you put the meta tags, robots etc!
And there will put the meta tags what shows your sites description into SEO's (Google,Yahoo,MSN) etc.
3.<title>...</title> - There you put your sites name what will show into tags and there:




This is important too!

4.<body>...<br /><div style="z-index:3" class="smallfont" align="center">LinkBacks Enabled by <a rel="nofollow" href="http://www.crawlability.com/vbseo/">vBSEO</a> 3.0.0</div></body> - These tags show your site, there you put what you have to put into your site!
These are important codes mustn't forget!

Than go back to the notepad and save the codes what we have copied from here to Notepad!

Save the file to the "html lessons" folder with the name "index.html"!
Your site still isn't a HTML file, it's text agian!
But don't worry let's watch how to change it!
At the folder you are in go to the View Menu and enter to Folder Options, at the Folder Options Menu go to View Section and take out the tick of Hide extensions for unknown file types like this:



Than click ok and let's back!
You see our document is still "index.html.txt" just rename it "index.html" when prompt press ok!
Then our file is ready just click on it and watch by browser!

This is the simple and fastest type to create a fast html based site!
Next posts we will se how we can do this like a professional site this is just a begun!

Last edited by Jordan; 08-31-2007 at 08:47 AM.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote

Sponsored Links
Reply



Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On
Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Removing HTML from a String using ColdFusion roger ASP, ASP.NET and Coldfusion 3 11-11-2008 03:19 PM
HTML Basic Formatting clookid Tutorials 14 03-06-2007 04:10 PM
Html with style priorityone HTML Programming 5 01-29-2007 11:50 AM
HTML Introduction clookid Tutorials 5 01-08-2007 10:43 PM
What is HTML, DHTML and XHTML? Lop HTML Programming 5 08-09-2006 12:00 PM


All times are GMT -5. The time now is 11:07 PM.

Contest Stats

WingedPanther ........ 2753.6
Xav ........ 2704
Brandon W ........ 1702.32
John ........ 1207.73
marwex89 ........ 1175.24
morefood2001 ........ 966.05
dcs ........ 655.75
Steve.L ........ 475.59
orjan ........ 418.58
Aereshaa ........ 383.54

Contest Rules

CodeCall Goal

Goal: 100,000 Posts
Complete: 100%


Complete - Celebrate!

Ads