Overclock.net › Forums › Software, Programming and Coding › Coding and Programming › Web Coding › [TUTORIAL] A Basic Start To HTML [TUTORIAL]
New Posts  All Forums:Forum Nav:

[TUTORIAL] A Basic Start To HTML [TUTORIAL]

post #1 of 6
6/4/12 at 10:02am
Thread Starter 
First of all we will want to establish what "HTML" actually stands for:

Hyper Text Markup Language.

Any HTML you will ever see will start with a basic opening tag of
Code:
<html>
. That being said every tag with the exception of a few will require a closing tag e.g
Code:
</html>
.

So now we have start
Code:
<html>

</html>

Now we will move on to your head
Code:
<head>
. The header of your document can hold many different things, but for the sake of basics we will only add the
Code:
<title>
tag, which will tell your browser what to display at the top of the actual internet browser e.g Youtube.com displays Youtube - Broadcast Yourself.

So now we have
Code:
<html>
<head>
<title>Sample</title>
</head>

</html>

Now to move on to the
Code:
<body>
tag, which holds all of the actual components of your code that you want to be displayed on your web page.
The body tag can have many variables added to it such as:
Code:
<body bgcolor="#00000">
which will change the background color and
Code:
<body background="image.png">
which will add a "tiled" background image.

So Far!
Code:
<html>
<head>
<title>Sample</title>
</head>

<body>



</body>

</html>

Now you have the basic HTML template for most of the web pages out on the net today!

I will soon add more tutorials breaking off from this one including:

HTML - Breaking Basics
HTML - Advanced Edition
CSS - A Beginners World
CSS - Advanced Style Sheets
jQuery - A Start to Java
jQuery - We're Movin' On Up
PHP - A Beginners Guide
PHP - Variables
PHP - Advancement
PHP - Databases and Connectivity.

STAY TUNED!
Edited by IronLotus - 6/4/12 at 2:05pm
Reply
Reply
post #2 of 6
6/4/12 at 1:53pm
I like where this is going, good luck.
Omen
(11 items)
 
Dad's daily driver
(6 items)
  		 
CPUMotherboardGraphicsRAM
Intel i5 2500k ASRock extreme 4 gen3 MSI lightning 580 1.5gb Corsair Vengeance 8gb  
Hard DriveHard DriveCoolingMonitor
OCZ Agility 3 120GB Western Digital 2TB Green Corsair H80 Asus 24" VS 
PowerCaseAudio
Corsair Proffesional Gold 850w A05NB Xonar 
View all
CPUMotherboardGraphicsRAM
AMD A8-3870k APU ASUS F1A75-V PRO AMD A8-3870K APU CORSAIR Vengeance 8GB 1600 cas 9 1.35v  
Hard DrivePower
crucial c300 Corsair 430 
View all
  hide details  
Reply
Omen
(11 items)
 
Dad's daily driver
(6 items)
  		 
CPUMotherboardGraphicsRAM
Intel i5 2500k ASRock extreme 4 gen3 MSI lightning 580 1.5gb Corsair Vengeance 8gb  
Hard DriveHard DriveCoolingMonitor
OCZ Agility 3 120GB Western Digital 2TB Green Corsair H80 Asus 24" VS 
PowerCaseAudio
Corsair Proffesional Gold 850w A05NB Xonar 
View all
CPUMotherboardGraphicsRAM
AMD A8-3870k APU ASUS F1A75-V PRO AMD A8-3870K APU CORSAIR Vengeance 8GB 1600 cas 9 1.35v  
Hard DrivePower
crucial c300 Corsair 430 
View all
  hide details  
Reply
post #3 of 6
6/4/12 at 2:06pm
Thread Starter 
Quote:
Originally Posted by The_Hairy_Yak View Post

I like where this is going, good luck.
Thanks, the others will come out as soon as I find some time to complete them all, and then i will release them systematically just in case anybody is actually following them tongue.gif lol
Reply
Reply
post #4 of 6
6/4/12 at 4:08pm
FYI - there's a sticky section with some HTML tutorials written by joshd, perhaps it'd be better to expand on what he has than write the same stuff so beginners don't have to look at two sets.

Also, HTML tags don't have 'variables', they have 'attributes'. bgcolor and background are attributes. Also you wouldn't use those two particular attributes anymore, it would be specified with CSS instead.
Quote:
Originally Posted by IronLotus View Post

The body tag can have many variables added to it such as:
Code:
<body bgcolor="#00000">
Main PC
(13 items)
  		  
CPUMotherboardGraphicsRAM
i5 2500k Asus Maximus IV Gene-Z MSI 6950 2gb Unlocked Ref GSkill Ripjaws X 8GB CL8 
Hard DriveOSMonitorKeyboard
Crucial M4 128GB Windows 7 Ult Samsung 24" ToC Das Professional Silent 
PowerCaseMouse
Seasonic X750 Corsair 650d Logitech G700 
View all
  hide details  
Reply
Main PC
(13 items)
  		  
CPUMotherboardGraphicsRAM
i5 2500k Asus Maximus IV Gene-Z MSI 6950 2gb Unlocked Ref GSkill Ripjaws X 8GB CL8 
Hard DriveOSMonitorKeyboard
Crucial M4 128GB Windows 7 Ult Samsung 24" ToC Das Professional Silent 
PowerCaseMouse
Seasonic X750 Corsair 650d Logitech G700 
View all
  hide details  
Reply
post #5 of 6
6/4/12 at 5:19pm
Thread Starter 
Quote:
Originally Posted by Jonowxeno View Post

FYI - there's a sticky section with some HTML tutorials written by joshd, perhaps it'd be better to expand on what he has than write the same stuff so beginners don't have to look at two sets.
Also, HTML tags don't have 'variables', they have 'attributes'. bgcolor and background are attributes. Also you wouldn't use those two particular attributes anymore, it would be specified with CSS instead.

Sorry, I joined today I clearly do not know much about this forum and I am not to inclined to stress over grammical errors such as that one.

Although I do appreciate the correction on my part. Also someone just learning HTML would not know CSS, therefore that 'attribute' may come in handy for them in the learning process.
Reply
Reply
post #6 of 6
6/6/12 at 5:30am
Quote:
Originally Posted by IronLotus View Post

Sorry, I joined today I clearly do not know much about this forum and I am not to inclined to stress over grammical errors such as that one.
Although I do appreciate the correction on my part. Also someone just learning HTML would not know CSS, therefore that 'attribute' may come in handy for them in the learning process.

Welcome to OC.net. smile.gif

As far as the "grammical" errors: It's really a good idea to use the correct terminology in general, but even more so in a tutorial. Try googling for "HTML body variables" vs. "HTML body attributes". The results are completely and totally different. You could liken this scenario to getting a nail in a tire on your car, going to a service shop, and asking the mechanic to have a look at the passenger front seat for you.

Also, using styling attributes like that is a bad idea. Recommending their use in a tutorial for new comers to HTML is quite frankly reprehensible.

Web technologies are evolving at a tremendous pace, and using old, deprecated methods will lead to display problems sooner or later, will utterly neuter any professional aspirations one might hold, and is quite simply bad for the web. New comers should be focusing on HTML5 at this point, and the attributes you're proselytizing were deprecated in the HTML 4 standard recommendations over a decade ago.

Put another way: You have encouraged your readers to use methods and techniques that were officially discouraged before some of them were even born.
Edited by Warfarin88 - 6/6/12 at 5:39am
My System
(13 items)
  		  
View all
  hide details  
Reply
My System
(13 items)
  		  
View all
  hide details  
Reply
New Posts  All Forums:Forum Nav:
  Return Home
  Back to Forum: Web Coding
Overclock.net › Forums › Software, Programming and Coding › Coding and Programming › Web Coding › [TUTORIAL] A Basic Start To HTML [TUTORIAL]