1. Forums /
  2. Tech Boards /
  3. Computer Programming /
  4. My first code in HTML lenguage :)
Post: My first code in HTML lenguage :)
12-25-2012, 09:07 AM #1
VerifyerModderz's Avatar
VerifyerModderz
Haxor!
(adsbygoogle = window.adsbygoogle || []).push({}); Hi guys ,
Today i was chating with PcFreack30 and i say him that i wanna learn GSC , he say me that 1st i have to learn some lenguages , so i start learning HTML so i been learning for like 7 hours today and this is my 1st project.
Im so happy this is something that i made for my own , and it works and i love it for my opinion , i know its kind of short code , but for a begginer its an super long code so here we go:

    

<body>



<div id="container" style="width:500px">



<div id="header" style="background-color:#FFA500;">

<h1 style="margin-bottom:0;">My first HTML code i love this lenguage too much</h1></div>



<div id="menu" style="background-color:#FFD700;height:200px;width:100px;float:left;">

<b>Menu</b><br>

HTML<br>

CSS<br>

C#<br>

C++<br>

QuackeC<br>

JavaScript</div>



<div id="content" style="background-color:#EEEEEE;height:200px;width:400px;float:left;">

Going to make a better code just wait me</div>



<div id="footer" style="background-color:#FFA500;clear:both;text-align:center;">

© VerifyerModderz</div>



</div>

 

</body>


Im learning all for myself without any help and im sooooo happy , my dream its that 1 day i can become bigger coder , programer.

Thanks for read this,
Happy holidays,
VerifyerModderz.
(adsbygoogle = window.adsbygoogle || []).push({});
01-03-2013, 09:52 PM #2
| Crayawn |'s Avatar
| Crayawn |
Brute
Great. Now instead of the breaks, try making a list. Maybe include all of the styles in the header or an external stylesheet.
01-03-2013, 10:47 PM #3
Pichu's Avatar
Pichu
RIP PICHU.
Originally posted by VerifyerModderz View Post
Hi guys ,
Today i was chating with PcFreack30 and i say him that i wanna learn GSC , he say me that 1st i have to learn some lenguages , so i start learning HTML so i been learning for like 7 hours today and this is my 1st project.
Im so happy this is something that i made for my own , and it works and i love it for my opinion , i know its kind of short code , but for a begginer its an super long code so here we go:

    

<body>



<div id="container" style="width:500px">



<div id="header" style="background-color:#FFA500;">

<h1 style="margin-bottom:0;">My first HTML code i love this lenguage too much</h1></div>



<div id="menu" style="background-color:#FFD700;height:200px;width:100px;float:left;">

<b>Menu</b><br>

HTML<br>

CSS<br>

C#<br>

C++<br>

QuackeC<br>

JavaScript</div>



<div id="content" style="background-color:#EEEEEE;height:200px;width:400px;float:left;">

Going to make a better code just wait me</div>



<div id="footer" style="background-color:#FFA500;clear:both;text-align:center;">

© VerifyerModderz</div>



</div>

 

</body>


Im learning all for myself without any help and im sooooo happy , my dream its that 1 day i can become bigger coder , programer.

Thanks for read this,
Happy holidays,
VerifyerModderz.


Coder not programmer. Programmers generally work with things like C#, Java, C++, Python, etc...

But, good luck and enjoy.
01-03-2013, 11:59 PM #4
Default Avatar
Jakes625
Guest
Well for one... this:

<div id="menu" style="background-color:#FFD700;height:200px;width:100px;float:left;"><b>Menu</b><br>HTML<br>CSS<br>C#<br>C++<br>QuackeC<br>JavaScript</div>can be turned into:<ul> <li>item</li> <li>item</li><ul>and for copywright symbols and such you should learn the way to display those properly (not just ANSI):&copy You should learn all of the &string shortcuts Winky Winky
01-04-2013, 03:19 PM #5
Pure_'s Avatar
Pure_
Do a barrel roll!
Originally posted by Jakes625PS3 View Post
Well for one... this:

<div id="menu" style="background-color:#FFD700;height:200px;width:100px;float:left;"><b>Menu</b><br>HTML<br>CSS<br>C#<br>C++<br>QuackeC<br>JavaScript</div>can be turned into:<ul> <li>item</li> <li>item</li><ul>and for copywright symbols and such you should learn the way to display those properly (not just ANSI):© You should learn all of the &string shortcuts Winky Winky


No need, he should just find a good list somewhere.
01-04-2013, 08:36 PM #6
| Crayawn |'s Avatar
| Crayawn |
Brute
Instead of a copyright symbol use:

    ©


And to show the date without having to change it every year, use a php snippet. Make sure to save the file as 'index.php' not as 'index.html'. This will only work if you have php installed.

    

//Prints current year

<?php print(Date("Y")); ?>

The following user thanked | Crayawn | for this useful post:

01-04-2013, 10:22 PM #7
Default Avatar
Jakes625
Guest
Originally posted by Pure
No need, he should just find a good list somewhere.

yes, there is a need. If he wants to get good with html, css, php he should memorize these things...
01-05-2013, 05:48 AM #8
Syler28's Avatar
Syler28
Haxor!
Good stuff, keep learning. Focus on using external stylesheets.

key things to remember:

1) Always Validate your code using W3.

2) Make sure your site is cross browser/device friendly. Look into conditional stylesheets as they create specific stylesheets older IE browsers.

3) Become a pro at css. Really useful selectors to remember is:

display:block;
background:#ccc url(url/goes/here) top 2px;
floats
z-index
positions
margins
paddings
borders (extremely useful when comes to testing and even debugging at times.)

4) Learn to write short hand css, for example:

Instead of writing:

margin-top:2px; margin-bottom:2px; margin-left:4px; margin-right:4px;

You can simplify it by: margin:2px 4px;

remeber top, right, bottom, left. Same goes for padding.

Also look into learning JQuery, PHP, Content Management Systems and other web related technologies.

Hope I helped.

Source: Professional Web Developer, 20 years old. Smile
01-07-2013, 09:06 PM #9
Matt425x's Avatar
Matt425x
Haxor!
Not bad for a first code. Keep up the good job

Copyright © 2026, NextGenUpdate.
All Rights Reserved.

Gray NextGenUpdate Logo