Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

deriko100

macrumors 6502
Original poster
Jul 29, 2008
466
0
New York
Hello friends, im currently in the phase of learning HTML and CSS can you check my current work that I did and see what stuff I still need to learn, and can you tell me how to add banners and backgrounds and sidebars? Anyway heres my work, its based off an american dad article from macrumors,

<html>

<head>

<title>Demo Page</title>




</head>



<body>


<center><h3>Hello my name is Roger</h3></center>

<img src="http://farm4.static.flickr.com/3059/2937770889_edaa79796a.jpg?v=0" alt="Roger with an iphone">

<br>
<div style="position:absolute;top:100;left:530">
<a href="http://spy.macrumors.com/">Click Here for Macrumors</a>


<p>Well I found this pretty cool and funny enough to post on my blog. Roger from the animated series American Dad! was using an iPhone in the new episode from last night on Fox. Although it looks like a first gen, it's still pretty cool.</p>
</div>


<div style="position:absolute;low:100;right:530;left:10">
<p>Roger was caught with an iphone, one of his lines that he said were im gonna die, i still have 2 years on my applecare.</p>
</div>



</body>



</html>

Please tell me if anythings wrong, or what else i have to learn.

Edit: BTW I used Coda
 
Just some quick things:
  • Add a DOCTYPE
  • The center tag is deprecated, use CSS instead to achieve that effect
  • Move all styling to a style tag/CSS file
  • Make sure to validate your code, http://validator.w3.org/
If you don't understand the terminology I just used, take it as an opportunity to look them up and start reading about them. Work through some of these things before you start taking on banners and sidebars. Currently that's just out of league, but you'll get there in no time if you're willing to do some reading.
 
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.